@sikka/hawa 0.1.43 → 0.1.45

package/dist/index.js

@@ -214,75 +214,21 @@ var __toCommonJS = function(mod) {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-    AppLanding: function() {
-        return AppLanding;
-    },
-    AppLayout: function() {
-        return AppLayout;
-    },
-    AppSidebar: function() {
-        return AppSidebar;
-    },
     ArrowCarousel: function() {
         return ArrowCarousel;
     },
     BackToTop: function() {
         return BackToTop;
     },
-    Box: function() {
-        return Box;
-    },
     Button: function() {
         return Button;
     },
-    Card: function() {
-        return Card;
-    },
-    CardContent: function() {
-        return CardContent;
-    },
-    CardDescription: function() {
-        return CardDescription;
-    },
-    CardFooter: function() {
-        return CardFooter;
-    },
-    CardHeader: function() {
-        return CardHeader;
-    },
-    CardTitle: function() {
-        return CardTitle;
-    },
-    ChargeWalletForm: function() {
-        return ChargeWalletForm;
-    },
-    CheckoutForm: function() {
-        return CheckoutForm;
-    },
-    CodeConfirmation: function() {
-        return CodeConfirmation;
-    },
-    ComparingPlans: function() {
-        return ComparingPlans;
-    },
-    ConfirmationPage: function() {
-        return ConfirmationPage;
-    },
-    CreditCardForm: function() {
-        return CreditCardForm;
-    },
     DragDropImages: function() {
         return DragDropImages;
     },
     DraggableCard: function() {
         return DraggableCard;
     },
-    DropdownMenu: function() {
-        return DropdownMenu2;
-    },
-    EmptyState: function() {
-        return EmptyState;
-    },
     FloatingComment: function() {
         return FloatingComment;
     },
@@ -292,9 +238,6 @@ __export(src_exports, {
     FloatingCommentSlate: function() {
         return FloatingCommentSlate;
     },
-    Footer: function() {
-        return Footer;
-    },
     HawaAccordion: function() {
         return HawaAccordion;
     },
@@ -304,18 +247,6 @@ __export(src_exports, {
     HawaAlert: function() {
         return HawaAlert;
     },
-    HawaAppLayout: function() {
-        return HawaAppLayout;
-    },
-    HawaAppLayoutSimplified: function() {
-        return HawaAppLayoutSimplified;
-    },
-    HawaBanner: function() {
-        return HawaBanner;
-    },
-    HawaBottomAppBar: function() {
-        return HawaBottomAppBar;
-    },
     HawaButton: function() {
         return HawaButton;
     },
@@ -331,9 +262,6 @@ __export(src_exports, {
     HawaColorPicker: function() {
         return HawaColorPicker;
     },
-    HawaContainer: function() {
-        return HawaContainer;
-    },
     HawaCopyrights: function() {
         return HawaCopyrights;
     },
@@ -343,9 +271,6 @@ __export(src_exports, {
     HawaDropdownMenu: function() {
         return HawaDropdownMenu;
     },
-    HawaGrid: function() {
-        return HawaGrid;
-    },
     HawaIconCount: function() {
         return HawaIconCount;
     },
@@ -397,9 +322,6 @@ __export(src_exports, {
     HawaSettingsRow: function() {
         return HawaSettingsRow;
     },
-    HawaSiteLayout: function() {
-        return HawaSiteLayout;
-    },
     HawaSnackbar: function() {
         return HawaSnackbar;
     },
@@ -430,155 +352,23 @@ __export(src_exports, {
     HawaTypography: function() {
         return HawaTypography;
     },
-    HorizontalPricing: function() {
-        return HorizontalPricing;
-    },
-    Input: function() {
-        return Input;
-    },
-    InterfaceSettings: function() {
-        return InterfaceSettings;
-    },
     InvoiceAccordion: function() {
         return InvoiceAccordion;
     },
-    Label: function() {
-        return Label;
-    },
-    LeadGenerator: function() {
-        return LeadGenerator;
-    },
-    NewPasswordForm: function() {
-        return NewPasswordForm;
-    },
-    NoPermission: function() {
-        return NoPermission;
-    },
-    NotFound: function() {
-        return NotFound;
-    },
-    PayWithWallet: function() {
-        return PayWithWallet;
-    },
-    Popover: function() {
-        return Popover;
-    },
-    PricingPlans: function() {
-        return PricingPlans;
-    },
-    ReferralAccount: function() {
-        return ReferralAccount;
-    },
-    ReferralSettlement: function() {
-        return ReferralSettlement;
-    },
-    ReferralStats: function() {
-        return ReferralStats;
-    },
-    ResetPasswordForm: function() {
-        return ResetPasswordForm;
-    },
-    SelectPayment: function() {
-        return SelectPayment;
-    },
-    Separator: function() {
-        return Separator3;
-    },
-    SidebarGroup: function() {
-        return SidebarGroup;
-    },
-    SidebarItem: function() {
-        return SidebarItem;
-    },
-    SignInBlock: function() {
-        return SignInBlock;
-    },
-    SignInForm: function() {
-        return SignInForm;
-    },
-    SignInPhone: function() {
-        return SignInPhone;
-    },
-    SignUpForm: function() {
-        return SignUpForm;
-    },
-    Skeleton: function() {
-        return Skeleton;
-    },
     SubsectionList: function() {
         return SubsectionList;
     },
-    Tabs: function() {
-        return Tabs;
-    },
-    TabsContent: function() {
-        return TabsContent;
-    },
-    TabsList: function() {
-        return TabsList;
-    },
-    TabsTrigger: function() {
-        return TabsTrigger;
-    },
-    Testimonial: function() {
-        return Testimonial;
-    },
-    Textarea: function() {
-        return Textarea;
-    },
     Timeline: function() {
         return Timeline;
     },
-    Toast: function() {
-        return Toast;
-    },
-    ToastAction: function() {
-        return ToastAction;
-    },
-    ToastClose: function() {
-        return ToastClose;
-    },
-    ToastDescription: function() {
-        return ToastDescription;
-    },
-    ToastProvider: function() {
-        return ToastProvider;
-    },
-    ToastTitle: function() {
-        return ToastTitle;
-    },
-    ToastViewport: function() {
-        return ToastViewport;
-    },
-    Toaster: function() {
-        return Toaster;
-    },
-    Tooltip: function() {
-        return Tooltip;
-    },
     UsageCard: function() {
         return UsageCard;
     },
     UserFeedback: function() {
         return UserFeedback;
     },
-    UserProfileForm: function() {
-        return UserProfileForm;
-    },
-    UserSettingsForm: function() {
-        return UserSettingsForm;
-    },
     buttonVariants: function() {
         return buttonVariants;
-    },
-    reducer: function() {
-        return reducer;
-    },
-    toast: function() {
-        return toast;
-    },
-    useToast: function() {
-        return useToast;
     }
 });
 module.exports = __toCommonJS(src_exports);
@@ -1045,7 +835,7 @@ var import_react15 = __toESM(require("react"));
 // src/elements/HawaTextField.tsx
 var import_react10 = __toESM(require("react"));
 // src/elements/Label.tsx
-var React11 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
 var import_class_variance_authority = require("class-variance-authority");
 // src/util.ts
@@ -1059,11 +849,11 @@ function cn() {
 }
 // src/elements/Label.tsx
 var labelVariants = (0, import_class_variance_authority.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label = React11.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Label = React10.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React11.createElement(LabelPrimitive.Root, _object_spread({
+    return React10.createElement(LabelPrimitive.Root, _object_spread({
         ref: ref,
         className: cn(labelVariants(), className)
     }, props));
@@ -1445,7 +1235,7 @@ var HawaTypography = function(props) {
 var import_react17 = __toESM(require("react"));
 var import_clsx11 = __toESM(require("clsx"));
 // src/elements/Button.tsx
-var React19 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_class_variance_authority2 = require("class-variance-authority");
 var buttonVariants = (0, import_class_variance_authority2.cva)("inline-flex items-center justify-center select-none rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
     variants: {
@@ -1473,7 +1263,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)("inline-flex item
         size: "default"
     }
 });
-var Button = React19.forwardRef(function(_param, ref) {
+var Button = React18.forwardRef(function(_param, ref) {
     var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "variant",
@@ -1483,14 +1273,14 @@ var Button = React19.forwardRef(function(_param, ref) {
         "children"
     ]);
     var Comp = "button";
-    return /* @__PURE__ */ React19.createElement(Comp, _object_spread({
+    return /* @__PURE__ */ React18.createElement(Comp, _object_spread({
         className: cn(buttonVariants({
             variant: variant,
             size: size,
             className: className
         })),
         ref: ref
-    }, props), isLoading ? /* @__PURE__ */ React19.createElement(HawaLoading, {
+    }, props), isLoading ? /* @__PURE__ */ React18.createElement(HawaLoading, {
         design: "dots-pulse",
         color: "bg-primary-foreground",
         size: "button"
@@ -4296,63 +4086,63 @@ var HawaStepper = function(_param) {
 // src/elements/HawaStats.tsx
 var import_react30 = __toESM(require("react"));
 // src/elements/Card.tsx
-var React32 = __toESM(require("react"));
-var Card = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var React31 = __toESM(require("react"));
+var Card = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, _param_clickable = _param.clickable, clickable = _param_clickable === void 0 ? false : _param_clickable, props = _object_without_properties(_param, [
         "className",
         "clickable"
     ]);
-    return React32.createElement("div", _object_spread({
+    return React31.createElement("div", _object_spread({
         ref: ref,
         className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", clickable && "cursor-pointer transition-all hover:drop-shadow-md dark:hover:shadow-dark", className)
     }, props));
 });
 Card.displayName = "Card";
-var CardHeader = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardHeader = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React32.createElement("div", _object_spread({
+    return React31.createElement("div", _object_spread({
         ref: ref,
         className: cn("flex flex-col space-y-1.5 p-6", className)
     }, props));
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardTitle = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React32.createElement("h3", _object_spread({
+    return React31.createElement("h3", _object_spread({
         ref: ref,
         className: cn("text-2xl font-semibold leading-none tracking-tight", className)
     }, props));
 });
 CardTitle.displayName = "CardTitle";
-var CardDescription = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardDescription = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React32.createElement("p", _object_spread({
+    return React31.createElement("p", _object_spread({
         ref: ref,
         className: cn("text-sm text-muted-foreground", className)
     }, props));
 });
 CardDescription.displayName = "CardDescription";
-var CardContent = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardContent = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React32.createElement("div", _object_spread({
+    return React31.createElement("div", _object_spread({
         ref: ref,
         className: cn("p-6", props.headless ? "pt-6" : "pt-0", className)
     }, props));
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardFooter = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React32.createElement("div", _object_spread({
+    return React31.createElement("div", _object_spread({
         ref: ref,
         className: cn("flex items-center p-6 pt-0", className)
     }, props));
@@ -6548,3876 +6338,27 @@ var HawaLogoButton = function(props) {
         className: "flex h-full flex-col items-start justify-center dark:text-black"
     }, props.buttonText));
 };
-// src/elements/Input.tsx
-var React59 = __toESM(require("react"));
-var Input = React59.forwardRef(function(_param, ref) {
-    var className = _param.className, preview = _param.preview, type = _param.type, props = _object_without_properties(_param, [
-        "className",
-        "preview",
-        "type"
-    ]);
-    return /* @__PURE__ */ React59.createElement("input", _object_spread({
-        type: type,
-        className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className, preview && "  disabled:cursor-default disabled:opacity-100 border-opacity-25 "),
-        disabled: preview,
-        ref: ref
-    }, props));
-});
-Input.displayName = "Input";
-// src/elements/InterfaceSettings.tsx
-var import_react55 = __toESM(require("react"));
-var InterfaceSettings = function(_param) {
-    var _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_width = _param.width, width = _param_width === void 0 ? "default" : _param_width, props = _object_without_properties(_param, [
-        "orientation",
-        "width"
-    ]);
-    var _ref = _sliced_to_array((0, import_react55.useState)(props.currentColorMode), 2), color = _ref[0], setColor = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react55.useState)(props.currentLanguage), 2), language = _ref1[0], setLanguage = _ref1[1];
-    var orientationStyle = {
-        horizontal: "flex flex-row justify-between",
-        vertical: "flex flex-col items-center gap-2"
-    };
-    return /* @__PURE__ */ import_react55.default.createElement("div", {
-        className: cn(orientationStyle[orientation])
-    }, /* @__PURE__ */ import_react55.default.createElement(HawaRadio, {
-        width: width,
-        defaultValue: language,
-        onChangeTab: function(e) {
-            props.handleLanguage(e);
-            setLanguage(e);
-        },
-        design: "tabs",
-        options: [
-            {
-                value: "ar",
-                label: "عربي"
-            },
-            {
-                value: "en",
-                label: "English"
-            }
-        ]
-    }), /* @__PURE__ */ import_react55.default.createElement(HawaRadio, {
-        width: width,
-        defaultValue: color,
-        onChangeTab: function(e) {
-            props.handleColorMode(e);
-            setColor(e);
-        },
-        design: "tabs",
-        options: [
-            {
-                value: "light",
-                label: /* @__PURE__ */ import_react55.default.createElement("svg", {
-                    width: "15",
-                    height: "15",
-                    viewBox: "0 0 15 15",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
-                }, /* @__PURE__ */ import_react55.default.createElement("path", {
-                    d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
-                    fill: "currentColor",
-                    "fill-rule": "evenodd",
-                    "clip-rule": "evenodd"
-                }))
-            },
-            {
-                value: "dark",
-                label: /* @__PURE__ */ import_react55.default.createElement("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "24",
-                    height: "24",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-                }, /* @__PURE__ */ import_react55.default.createElement("path", {
-                    d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
-                }))
-            }
-        ]
-    }));
-};
-// src/elements/DropdownMenu.tsx
-var React61 = __toESM(require("react"));
-var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var DropdownMenuRoot = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuSubTrigger = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, inset = _param.inset, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "inset",
-        "children"
-    ]);
-    return React61.createElement(DropdownMenuPrimitive.SubTrigger, _object_spread({
-        ref: ref,
-        className: cn("flex cursor-default select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className)
-    }, props), children, /* @__PURE__ */ React61.createElement("svg", {
-        "aria-label": "Chevron Right Icon",
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 16 16",
-        height: "1em",
-        width: "1em",
-        className: cn(props.dir === "rtl" ? "rotate-180" : "")
-    }, /* @__PURE__ */ React61.createElement("path", {
-        "fill-rule": "evenodd",
-        d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
-    })));
-});
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return React61.createElement(DropdownMenuPrimitive.SubContent, _object_spread({
-        ref: ref,
-        className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
-    }, props));
-});
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
-        "className",
-        "sideOffset"
-    ]);
-    return React61.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React61.createElement(DropdownMenuPrimitive.Content, _object_spread({
-        ref: ref,
-        sideOffset: sideOffset,
-        className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
-    }, props)));
-});
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
-        "className",
-        "inset"
-    ]);
-    return React61.createElement(DropdownMenuPrimitive.Item, _object_spread({
-        ref: ref,
-        className: cn("relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
-    }, props));
-});
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, children = _param.children, checked = _param.checked, props = _object_without_properties(_param, [
-        "className",
-        "children",
-        "checked"
-    ]);
-    return React61.createElement(DropdownMenuPrimitive.CheckboxItem, _object_spread({
-        ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-        checked: checked
-    }, props), /* @__PURE__ */ React61.createElement("span", {
-        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-    }, /* @__PURE__ */ React61.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React61.createElement("svg", {
-        "aria-label": "Check Mark",
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 512 512",
-        height: "0.60em",
-        width: "0.60em"
-    }, /* @__PURE__ */ React61.createElement("path", {
-        d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-    })), " ")), children);
-});
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "children"
-    ]);
-    return React61.createElement(DropdownMenuPrimitive.RadioItem, _object_spread({
-        ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
-    }, props), /* @__PURE__ */ React61.createElement("span", {
-        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-    }, /* @__PURE__ */ React61.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React61.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        "aria-label": "Circle",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        className: "h-2 w-2 fill-current"
-    }, /* @__PURE__ */ React61.createElement("circle", {
-        cx: "12",
-        cy: "12",
-        r: "10"
-    })))), children);
-});
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
-        "className",
-        "inset"
-    ]);
-    return React61.createElement(DropdownMenuPrimitive.Label, _object_spread({
-        ref: ref,
-        className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)
-    }, props));
-});
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return React61.createElement(DropdownMenuPrimitive.Separator, _object_spread({
-        ref: ref,
-        className: cn("-mx-1 my-1 h-px bg-muted", className)
-    }, props));
-});
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = function(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /* @__PURE__ */ React61.createElement("span", _object_spread({
-        className: cn("ml-auto text-xs tracking-widest opacity-60", className)
-    }, props));
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var DropdownMenu2 = function(param) {
-    var trigger = param.trigger, items = param.items, direction = param.direction, onItemSelect = param.onItemSelect, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset;
-    return /* @__PURE__ */ React61.createElement(DropdownMenuRoot, {
-        dir: direction
-    }, /* @__PURE__ */ React61.createElement(DropdownMenuTrigger, {
-        className: triggerClassname
-    }, trigger), /* @__PURE__ */ React61.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React61.createElement(DropdownMenuContent, {
-        side: side,
-        sideOffset: sideOffset,
-        className: cn(className),
-        align: align,
-        alignOffset: alignOffset
-    }, items.map(function(item, index) {
-        return item.subitems ? /* @__PURE__ */ React61.createElement(DropdownMenuSub, null, /* @__PURE__ */ React61.createElement(DropdownMenuSubTrigger, {
-            dir: direction
-        }, item.label), /* @__PURE__ */ React61.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React61.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
-            return /* @__PURE__ */ React61.createElement(DropdownMenuItem, {
-                onSelect: function() {
-                    return subitem.action();
-                },
-                key: subIndex
-            }, subitem.label);
-        })))) : /* @__PURE__ */ React61.createElement(DropdownMenuItem, {
-            key: index,
-            onSelect: function() {
-                return item.action();
-            }
-        }, item.label);
-    }))));
-};
-// src/elements/Popover.tsx
-var React62 = __toESM(require("react"));
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
-        "className",
-        "align",
-        "sideOffset"
-    ]);
-    return React62.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React62.createElement(PopoverPrimitive.Content, _object_spread({
-        ref: ref,
-        align: align,
-        sideOffset: sideOffset,
-        className: cn("z-50 rounded border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:shadow-dark", className)
-    }, props)));
-});
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Popover = function(param) {
-    var trigger = param.trigger, children = param.children, className = param.className, _param_align = param.align, align = _param_align === void 0 ? "center" : _param_align, side = param.side, _param_sideOffset = param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset;
-    return /* @__PURE__ */ React62.createElement(PopoverPrimitive.Root, null, /* @__PURE__ */ React62.createElement(PopoverPrimitive.Trigger, null, trigger), /* @__PURE__ */ React62.createElement(PopoverContent, {
-        side: side,
-        className: className,
-        align: align,
-        sideOffset: sideOffset
-    }, children));
-};
-// src/elements/Tabs.tsx
-var React63 = __toESM(require("react"));
-var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var TabsContext = React63.createContext({
-    orientation: "vertical"
-});
-var Tabs = React63.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, orientation = _param.orientation, props = _object_without_properties(_param, [
-        "className",
-        "orientation"
-    ]);
-    return React63.createElement(TabsPrimitive.Root, _object_spread({
-        ref: ref,
-        className: cn("flex gap-2", orientation === "horizontal" ? "flex-row" : "flex-col", className)
-    }, props), /* @__PURE__ */ React63.createElement(TabsContext.Provider, {
-        value: {
-            orientation: orientation
-        }
-    }, props.children));
-});
-Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React63.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    var orientation = React63.useContext(TabsContext).orientation;
-    return /* @__PURE__ */ React63.createElement(TabsPrimitive.List, _object_spread({
-        ref: ref,
-        className: cn("flex w-fit flex-wrap items-center justify-start gap-1 rounded border  bg-muted p-1 text-muted-foreground  dark:border-primary/10 ", orientation === "horizontal" ? "flex-col" : "flex-row", className)
-    }, props));
-});
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React63.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /* @__PURE__ */ React63.createElement(TabsPrimitive.Trigger, _object_spread({
-        ref: ref,
-        className: cn("inline-flex w-full flex-1 select-none items-center justify-center whitespace-nowrap rounded border px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm  dark:border-primary/10", className)
-    }, props));
-});
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React63.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return React63.createElement(TabsPrimitive.Content, _object_spread({
-        ref: ref,
-        className: cn("w-full ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className)
-    }, props));
-});
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-// src/elements/Textarea.tsx
-var React64 = __toESM(require("react"));
-var Textarea = React64.forwardRef(function(_param, ref) {
-    var className = _param.className, label = _param.label, props = _object_without_properties(_param, [
-        "className",
-        "label"
-    ]);
-    return /* @__PURE__ */ React64.createElement(React64.Fragment, null, label && /* @__PURE__ */ React64.createElement(Label, {
-        htmlFor: props.id
-    }, label), /* @__PURE__ */ React64.createElement("textarea", _object_spread({
-        className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
-        ref: ref
-    }, props)));
-});
-Textarea.displayName = "Textarea";
-// src/elements/Separator.tsx
-var React65 = __toESM(require("react"));
-var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var Separator3 = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_decorative = _param.decorative, decorative = _param_decorative === void 0 ? true : _param_decorative, props = _object_without_properties(_param, [
-        "className",
-        "orientation",
-        "decorative"
-    ]);
-    return React65.createElement(SeparatorPrimitive.Root, _object_spread({
-        ref: ref,
-        decorative: decorative,
-        orientation: orientation,
-        className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)
-    }, props));
-});
-Separator3.displayName = SeparatorPrimitive.Root.displayName;
-// src/elements/Toast.tsx
-var React66 = __toESM(require("react"));
-var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
-var import_class_variance_authority3 = require("class-variance-authority");
-var toastVariants = (0, import_class_variance_authority3.cva)("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border  shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80  data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
-    variants: {
-        variant: {
-            default: "border bg-background text-foreground",
-            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
-        },
-        severity: {
-            info: "info group text-info-foreground bg-info",
-            warning: "warning group text-warning-foreground bg-warning",
-            error: "error group border-error bg-error text-error-foreground",
-            success: "success group text-success-foreground bg-success",
-            none: ""
-        }
-    },
-    defaultVariants: {
-        variant: "default"
-    }
-});
-var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return React66.createElement(ToastPrimitives.Viewport, _object_spread({
-        ref: ref,
-        className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className)
-    }, props));
-});
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React66.forwardRef(function(_param, ref) {
-    var className = _param.className, variant = _param.variant, _param_severity = _param.severity, severity = _param_severity === void 0 ? "none" : _param_severity, direction = _param.direction, props = _object_without_properties(_param, [
-        "className",
-        "variant",
-        "severity",
-        "direction"
-    ]);
-    return /* @__PURE__ */ React66.createElement(ToastPrimitives.Root, _object_spread({
-        ref: ref,
-        className: cn(toastVariants({
-            variant: variant,
-            severity: severity
-        }), className, direction === "rtl" ? "p-6 pl-0 pr-10 data-[state=closed]:slide-out-to-left-full" : "p-6 pr-8 data-[state=closed]:slide-out-to-right-full"),
-        dir: direction
-    }, props));
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React66.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /* @__PURE__ */ React66.createElement(ToastPrimitives.Action, _object_spread({
-        ref: ref,
-        className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info", "group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error", "group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success", "group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning", className)
-    }, props));
-});
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return React66.createElement(ToastPrimitives.Close, _object_spread({
-        ref: ref,
-        className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
-        "toast-close": ""
-    }, props), /* @__PURE__ */ React66.createElement("svg", {
-        "aria-label": "Close Icon",
-        "aria-hidden": "true",
-        className: "h-4 w-4",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React66.createElement("path", {
-        fillRule: "evenodd",
-        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-        clipRule: "evenodd"
-    })));
-});
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return React66.createElement(ToastPrimitives.Title, _object_spread({
-        ref: ref,
-        className: cn("text-sm font-semibold", className)
-    }, props));
-});
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return React66.createElement(ToastPrimitives.Description, _object_spread({
-        ref: ref,
-        className: cn("text-sm opacity-90", className)
-    }, props));
-});
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-// src/elements/Toaster.tsx
-var import_react56 = __toESM(require("react"));
-// src/hooks/useToast.ts
-var React67 = __toESM(require("react"));
-var TOAST_LIMIT = 5;
-var TOAST_REMOVE_DELAY = 1e5;
-var count = 0;
-function genId() {
-    count = (count + 1) % Number.MAX_VALUE;
-    return count.toString();
-}
-var toastTimeouts = /* @__PURE__ */ new Map();
-var addToRemoveQueue = function(toastId) {
-    if (toastTimeouts.has(toastId)) {
-        return;
-    }
-    var timeout = setTimeout(function() {
-        toastTimeouts.delete(toastId);
-        dispatch({
-            type: "REMOVE_TOAST",
-            toastId: toastId
-        });
-    }, TOAST_REMOVE_DELAY);
-    toastTimeouts.set(toastId, timeout);
-};
-var reducer = function(state, action) {
-    switch(action.type){
-        case "ADD_TOAST":
-            return _object_spread_props(_object_spread({}, state), {
-                toasts: [
-                    action.toast
-                ].concat(_to_consumable_array(state.toasts)).slice(0, TOAST_LIMIT)
-            });
-        case "UPDATE_TOAST":
-            return _object_spread_props(_object_spread({}, state), {
-                toasts: state.toasts.map(function(t) {
-                    return t.id === action.toast.id ? _object_spread({}, t, action.toast) : t;
-                })
-            });
-        case "DISMISS_TOAST":
-            {
-                var toastId = action.toastId;
-                if (toastId) {
-                    addToRemoveQueue(toastId);
-                } else {
-                    state.toasts.forEach(function(toast2) {
-                        addToRemoveQueue(toast2.id);
-                    });
-                }
-                return _object_spread_props(_object_spread({}, state), {
-                    toasts: state.toasts.map(function(t) {
-                        return t.id === toastId || toastId === void 0 ? _object_spread_props(_object_spread({}, t), {
-                            open: false
-                        }) : t;
-                    })
-                });
-            }
-        case "REMOVE_TOAST":
-            if (action.toastId === void 0) {
-                return _object_spread_props(_object_spread({}, state), {
-                    toasts: []
-                });
-            }
-            return _object_spread_props(_object_spread({}, state), {
-                toasts: state.toasts.filter(function(t) {
-                    return t.id !== action.toastId;
-                })
-            });
-    }
-};
-var listeners = [];
-var memoryState = {
-    toasts: []
-};
-function dispatch(action) {
-    memoryState = reducer(memoryState, action);
-    listeners.forEach(function(listener) {
-        listener(memoryState);
-    });
-}
-function toast(_param) {
-    var props = _extends({}, _object_destructuring_empty(_param));
-    var id = genId();
-    var update = function(props2) {
-        return dispatch({
-            type: "UPDATE_TOAST",
-            toast: _object_spread_props(_object_spread({}, props2), {
-                id: id
-            })
-        });
-    };
-    var dismiss = function() {
-        return dispatch({
-            type: "DISMISS_TOAST",
-            toastId: id
-        });
-    };
-    dispatch({
-        type: "ADD_TOAST",
-        toast: _object_spread_props(_object_spread({}, props), {
-            id: id,
-            open: true,
-            onOpenChange: function(open) {
-                if (!open) dismiss();
-            }
-        })
-    });
-    return {
-        id: id,
-        dismiss: dismiss,
-        update: update
-    };
-}
-function useToast() {
-    var _React67_useState = _sliced_to_array(React67.useState(memoryState), 2), state = _React67_useState[0], setState = _React67_useState[1];
-    React67.useEffect(function() {
-        listeners.push(setState);
-        return function() {
-            var index = listeners.indexOf(setState);
-            if (index > -1) {
-                listeners.splice(index, 1);
-            }
-        };
-    }, [
-        state
-    ]);
-    return _object_spread_props(_object_spread({}, state), {
-        toast: toast,
-        dismiss: function(toastId) {
-            return dispatch({
-                type: "DISMISS_TOAST",
-                toastId: toastId
-            });
-        }
-    });
-}
-// src/elements/Toaster.tsx
-function Toaster(props) {
-    var toasts = useToast().toasts;
-    var isRTL = props.direction === "rtl";
-    return /* @__PURE__ */ import_react56.default.createElement(ToastProvider, {
-        swipeDirection: isRTL ? "left" : "right"
-    }, toasts.map(function(_param) {
-        var id = _param.id, title = _param.title, description = _param.description, action = _param.action, toastProps = _object_without_properties(_param, [
-            "id",
-            "title",
-            "description",
-            "action"
-        ]);
-        return /* @__PURE__ */ import_react56.default.createElement(Toast, _object_spread({
-            direction: props.direction,
-            key: id
-        }, toastProps), /* @__PURE__ */ import_react56.default.createElement("div", {
-            className: cn("grid gap-1", isRTL ? "text-right" : "text-left")
-        }, title && /* @__PURE__ */ import_react56.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react56.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react56.default.createElement(ToastClose, null));
-    }), /* @__PURE__ */ import_react56.default.createElement(ToastViewport, {
-        className: cn("gap-2", isRTL && "fixed left-0")
-    }));
-}
-// src/layout/Box.tsx
-var import_react57 = __toESM(require("react"));
-var Box = function(props) {
-    return /* @__PURE__ */ import_react57.default.createElement("div", null, props.children);
-};
-// src/layout/HawaBottomAppBar.tsx
-var import_react58 = __toESM(require("react"));
-var HawaBottomAppBar = function(props) {
-    return /* @__PURE__ */ import_react58.default.createElement("div", {
-        className: "fixed bottom-0 top-auto left-0 m-0 w-full max-w-full  p-1"
-    }, /* @__PURE__ */ import_react58.default.createElement("div", {
-        className: "flex w-full flex-row items-center justify-evenly rounded bg-gray-200"
-    }, props.appBarContent.map(function(singleContent, i) {
-        return /* @__PURE__ */ import_react58.default.createElement("div", {
-            key: i,
-            className: "m-1 flex h-full w-full flex-col items-center justify-center rounded p-2 transition-all hover:cursor-pointer hover:bg-buttonPrimary-700 hover:text-white",
-            onClick: singleContent.action
-        }, /* @__PURE__ */ import_react58.default.createElement("div", null, singleContent.icon), /* @__PURE__ */ import_react58.default.createElement("div", {
-            className: "mt-2 text-sm"
-        }, singleContent.label));
-    })));
-};
-// src/layout/HawaSiteLayout.tsx
-var import_react61 = __toESM(require("react"));
-var import_clsx30 = __toESM(require("clsx"));
-// src/hooks/useDiscloser.ts
-var import_react59 = require("react");
-var useDiscloser = function() {
-    var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-    var _ref = _sliced_to_array((0, import_react59.useState)(value), 2), open = _ref[0], setOpen = _ref[1];
-    var onOpen = function() {
-        return setOpen(true);
-    };
-    var onClose = function() {
-        return setOpen(false);
-    };
-    return {
-        isOpen: open,
-        onOpen: onOpen,
-        onClose: onClose
-    };
-};
-var useDiscloser_default = useDiscloser;
-// src/hooks/useBreakpoint.ts
-var import_react60 = require("react");
-var useBreakpoint = function() {
-    var _window;
-    var _ref = _sliced_to_array((0, import_react60.useState)((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth), 2), breakpoint = _ref[0], setBreakpoint = _ref[1];
-    var resize = function() {
-        var _window;
-        setBreakpoint((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth);
-    };
-    (0, import_react60.useEffect)(function() {
-        if (typeof window !== "undefined") {
-            var _window;
-            (_window = window) === null || _window === void 0 ? void 0 : _window.addEventListener("resize", resize);
-            return function() {
-                var _window;
-                (_window = window) === null || _window === void 0 ? void 0 : _window.removeEventListener("resize", resize);
-            };
-        }
-    }, []);
-    return breakpoint;
-};
-var useBreakpoint_default = useBreakpoint;
-// src/layout/HawaSiteLayout.tsx
-var HawaSiteLayout = function(_param) {
-    var _param_direction = _param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_navigationSize = _param.navigationSize, navigationSize = _param_navigationSize === void 0 ? "md" : _param_navigationSize, props = _object_without_properties(_param, [
-        "direction",
-        "navigationSize"
-    ]);
-    var _props_navItems;
-    var _ref = _sliced_to_array((0, import_react61.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react61.useState)(false), 2), openSubItem = _ref1[0], setOpenSubItem = _ref1[1];
-    var _useDiscloser_default = useDiscloser_default(false), isOpen = _useDiscloser_default.isOpen, onClose = _useDiscloser_default.onClose, onOpen = _useDiscloser_default.onOpen;
-    var ref = (0, import_react61.useRef)(null);
-    var drawerItemRef = (0, import_react61.useRef)(null);
-    var size;
-    if (typeof window !== "undefined") {
-        size = useBreakpoint_default();
-    } else {
-        size = 1200;
-    }
-    var _ref2 = _sliced_to_array((0, import_react61.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    (0, import_react61.useEffect)(function() {
-        var handleClickOutside = function(event) {
-            if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
-                setOpenSideMenu(false);
-            }
-        };
-        document.addEventListener("click", handleClickOutside, true);
-        return function() {
-            document.removeEventListener("click", handleClickOutside, true);
-        };
-    }, [
-        keepOpen
-    ]);
-    var ltrDrawerStyle = [
-        " fixed top-0 left-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",
-        size > 600 ? "w-14 hover:w-40" : "w-0",
-        openSideMenu ? "w-40" : "w-14"
-    ];
-    var rtlDrawerStyle = [
-        "fixed top-0 right-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",
-        size > 600 ? "w-14 hover:w-40" : "w-0",
-        openSideMenu ? "w-40" : "w-14"
-    ];
-    var navigationSizeStyles = {
-        sm: "h-10",
-        md: "",
-        lg: "h-24"
-    };
-    var ltrChildrenStyle = [];
-    var rtlChildrenStyle = [];
-    return /* @__PURE__ */ import_react61.default.createElement("div", {
-        className: "h-full w-full"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
-        className: (0, import_clsx30.default)("z-30 flex w-auto select-none flex-row items-start justify-between bg-layoutPrimary-500  transition-all", navigationSizeStyles[navigationSize], "rounded p-3 ", openSideMenu ? "h-44" : "h-14", // props.floating ? "rounded-[30px]" : "rounded",
-        props.stickyNav ? "fixed left-4 right-4 top-4" : "", direction === "rtl" ? "flex-row" : "flex-row-reverse")
-    }, size > 600 ? /* @__PURE__ */ import_react61.default.createElement("div", {
-        className: "flex  flex-row h-8    items-center  gap-4 px-3"
-    }, (_props_navItems = props.navItems) === null || _props_navItems === void 0 ? void 0 : _props_navItems.map(function(param, i) {
-        var label = param.label;
-        return /* @__PURE__ */ import_react61.default.createElement("div", {
-            onClick: function() {
-                return setOpenSideMenu(!openSideMenu);
-            },
-            key: i,
-            className: "cursor-pointer rounded bg-none text-gray-600 transition-all hover:text-black"
-        }, label);
-    })) : /* @__PURE__ */ import_react61.default.createElement("div", {
-        className: "flex items-center justify-center"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
-        onClick: function() {
-            return setOpenSideMenu(!openSideMenu);
-        },
-        className: "cursor-pointer  rounded p-1  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react61.default.createElement("svg", {
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 20 20",
-        "aria-hidden": "true",
-        height: "1.6em",
-        width: "1.6em"
-    }, /* @__PURE__ */ import_react61.default.createElement("path", {
-        "fill-rule": "evenodd",
-        d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
-        "clip-rule": "evenodd"
-    })), " "), props.pageTitle ? /* @__PURE__ */ import_react61.default.createElement("div", null, props.pageTitle) : /* @__PURE__ */ import_react61.default.createElement("div", null)), /* @__PURE__ */ import_react61.default.createElement("div", {
-        className: "h-full"
-    }, /* @__PURE__ */ import_react61.default.createElement("img", {
-        className: "h-full max-h-8 ",
-        src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/seera/seera-horizontal-wordmark-".concat(direction === "rtl" ? "ar" : "en", "-white.svg")
-    }))), /* @__PURE__ */ import_react61.default.createElement("div", {
-        className: (0, import_clsx30.default)(" relative top-14")
-    }, props.children));
-};
-// src/layout/AppLayout.tsx
-var import_react62 = __toESM(require("react"));
-var import_clsx31 = __toESM(require("clsx"));
-// src/layout/Sidebar.tsx
-var React74 = __toESM(require("react"));
-var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
-var Accordion = AccordionPrimitive.Root;
-var triggerStyles = "flex flex-1 items-center select-none cursor-pointer bg-primary-foreground rounded justify-between p-2 px-3 font-medium transition-all  [&[data-state=open]>svg]:-rotate-90";
-var AccordionItem = React74.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return React74.createElement(AccordionPrimitive.Item, _object_spread({
-        ref: ref,
-        className: cn(className)
-    }, props));
-});
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React74.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, showArrow = _param.showArrow, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "showArrow",
-        "children"
-    ]);
-    return React74.createElement(AccordionPrimitive.Header, {
-        className: "flex"
-    }, /* @__PURE__ */ React74.createElement(AccordionPrimitive.Trigger, _object_spread({
-        ref: ref,
-        className: cn(triggerStyles, className)
-    }, props), children, showArrow && /* @__PURE__ */ React74.createElement("svg", {
-        "aria-label": "Chevron Right Icon",
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "1",
-        viewBox: "0 0 16 16",
-        height: "1em",
-        width: "1em",
-        className: "h-4 w-4 shrink-0 rotate-90 transition-transform duration-200"
-    }, /* @__PURE__ */ React74.createElement("path", {
-        "fill-rule": "evenodd",
-        d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
-    }))));
-});
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React74.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "children"
-    ]);
-    return React74.createElement(AccordionPrimitive.Content, _object_spread({
-        ref: ref,
-        className: cn("overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", className)
-    }, props), /* @__PURE__ */ React74.createElement("div", null, children));
-});
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-var SidebarGroup = function(param) {
-    var title = param.title, items = param.items, selectedItem = param.selectedItem, openedItem = param.openedItem, setOpenedItem = param.setOpenedItem, onItemClick = param.onItemClick, onSubItemClick = param.onSubItemClick, direction = param.direction, isOpen = param.isOpen;
-    return /* @__PURE__ */ React74.createElement("div", null, title && /* @__PURE__ */ React74.createElement("h3", {
-        className: "mb-1 font-bold"
-    }, title), /* @__PURE__ */ React74.createElement("ul", {
-        className: "flex flex-col gap-2"
-    }, /* @__PURE__ */ React74.createElement(Accordion, {
-        value: openedItem,
-        type: "single",
-        onValueChange: function(e) {
-            setOpenedItem(e);
-        },
-        collapsible: true,
-        className: "flex flex-col gap-1"
-    }, items.map(function(item, idx) {
-        return /* @__PURE__ */ React74.createElement(SidebarItem, {
-            isOpen: isOpen,
-            isSelected: selectedItem,
-            key: idx,
-            direction: direction,
-            item: item,
-            onItemClick: onItemClick,
-            onSubItemClick: onSubItemClick
-        });
-    }))));
-};
-var SidebarItem = function(param) {
-    var item = param.item, isSelected = param.isSelected, onItemClick = param.onItemClick, onSubItemClick = param.onSubItemClick, direction = param.direction, _param_isOpen = param.isOpen, isOpen = _param_isOpen === void 0 ? true : _param_isOpen;
-    var getSelectedStyle = function(value, index) {
-        return isSelected && isSelected[index] === value ? "bg-primary text-primary-foreground  cursor-default" : "hover:bg-primary/10";
-    };
-    if (item.subitems) {
-        return /* @__PURE__ */ React74.createElement(AccordionItem, {
-            value: item.value,
-            className: "overflow-x-clip",
-            dir: direction
-        }, /* @__PURE__ */ React74.createElement(AccordionTrigger, {
-            className: cn(getSelectedStyle(item.value, 0)),
-            showArrow: isOpen
-        }, /* @__PURE__ */ React74.createElement("div", {
-            className: cn(!isOpen && "py-1", "flex w-fit flex-row items-center  gap-2")
-        }, item.icon, isOpen && /* @__PURE__ */ React74.createElement("span", {
-            className: cn("transition-all ", isOpen ? "opacity-100" : "opacity-0")
-        }, item.label))), item.subitems && /* @__PURE__ */ React74.createElement(AccordionContent, {
-            className: " mt-1 h-full rounded  "
-        }, /* @__PURE__ */ React74.createElement("div", {
-            className: cn("flex h-full flex-col gap-2 bg-foreground/5 p-1")
-        }, item.subitems.map(function(subitem, idx) {
-            return /* @__PURE__ */ React74.createElement("li", {
-                key: idx,
-                onClick: function(e) {
-                    e.stopPropagation();
-                    if (onSubItemClick) {
-                        onSubItemClick([
-                            item.value,
-                            subitem.value
-                        ]);
-                    }
-                },
-                className: cn("flex h-full cursor-pointer flex-row items-center gap-2 rounded bg-foreground/10 p-2 transition-all", getSelectedStyle(subitem.value, 1))
-            }, subitem.icon, subitem.label);
-        }))));
-    } else {
-        return /* @__PURE__ */ React74.createElement("div", {
-            dir: direction,
-            onClick: function() {
-                if (onItemClick) {
-                    onItemClick([
-                        item.value
-                    ]);
-                }
-            },
-            className: cn(triggerStyles, getSelectedStyle(item.value, 0), "overflow-x-clip ")
-        }, /* @__PURE__ */ React74.createElement("div", {
-            className: "flex flex-row items-center gap-2 "
-        }, item.icon, /* @__PURE__ */ React74.createElement("span", {
-            className: cn("whitespace-nowrap transition-all", isOpen ? "opacity-100" : "opacity-0")
-        }, item.label)));
-    }
-};
-// src/layout/AppLayout.tsx
-var AppLayout = function(_param) {
-    var _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_drawerSize = _param.drawerSize, drawerSize = _param_drawerSize === void 0 ? "md" : _param_drawerSize, onSettingsClick = _param.onSettingsClick, DrawerFooterActions = _param.DrawerFooterActions, currentPage = _param.currentPage, clickedItem = _param.clickedItem, props = _object_without_properties(_param, [
-        "direction",
-        "drawerSize",
-        "onSettingsClick",
-        "DrawerFooterActions",
-        "currentPage",
-        "clickedItem"
-    ]);
-    var _props_texts, _props_texts1;
-    var closeDrawerWidth = 56;
-    var openDrawerWidth = 200;
-    var drawerSizeStyle = {
-        opened: {
-            sm: "100",
-            md: openDrawerWidth,
-            lg: "250"
-        },
-        closed: {
-            sm: closeDrawerWidth,
-            md: closeDrawerWidth,
-            lg: closeDrawerWidth
-        }
-    };
-    var ref = (0, import_react62.useRef)(null);
-    var isRTL = direction === "rtl";
-    var _ref = _sliced_to_array((0, import_react62.useState)(""), 2), openedSidebarItem = _ref[0], setOpenedSidebarItem = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react62.useState)(currentPage ? currentPage : []), 2), selectedItem = _ref1[0], setSelectedItem = _ref1[1];
-    var size;
-    if (typeof window !== "undefined") {
-        size = useBreakpoint_default();
-    } else {
-        size = 1200;
-    }
-    var _ref2 = _sliced_to_array((0, import_react62.useState)(size > 600 ? true : false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react62.useState)(size > 600 ? true : false), 2), openSideMenu = _ref3[0], setOpenSideMenu = _ref3[1];
-    var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    (0, import_react62.useEffect)(function() {
-        var handleClickOutside = function(event) {
-            if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
-                setOpenSideMenu(false);
-            }
-        };
-        document.addEventListener("click", handleClickOutside, true);
-        return function() {
-            document.removeEventListener("click", handleClickOutside, true);
-        };
-    }, [
-        keepOpen
-    ]);
-    return /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: "fixed left-0"
-    }, props.topBar && /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("dark:text-white", isRTL ? [
-            size > 600 ? "mr-14" : "mr-2",
-            keepOpen ? "mr-40" : ""
-        ] : [
-            size > 600 ? "ml-14" : "ml-2",
-            keepOpen ? "ml-40" : ""
-        ]),
-        style: isRTL ? {
-            marginRight: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
-        } : {
-            marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
-        }
-    }, props.pageTitle) : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react62.default.createElement("div", {
-        dir: direction,
-        className: "flex items-center justify-center gap-0.5"
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
-        onClick: function() {
-            return setOpenSideMenu(true);
-        },
-        className: "z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react62.default.createElement("svg", {
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 20 20",
-        "aria-hidden": "true",
-        height: "1.6em",
-        width: "1.6em"
-    }, /* @__PURE__ */ import_react62.default.createElement("path", {
-        "fill-rule": "evenodd",
-        d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
-        "clip-rule": "evenodd"
-    }))), props.pageTitle ? /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react62.default.createElement("div", null)), /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("flex gap-2 dark:text-white", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: isRTL ? "text-left text-xs" : "text-right text-xs"
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react62.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react62.default.createElement(DropdownMenu2, {
-        triggerClassname: "mx-2",
-        align: "end",
-        alignOffset: 8,
-        side: "bottom",
-        sideOffset: 5,
-        direction: isRTL ? "rtl" : "ltr",
-        trigger: /* @__PURE__ */ import_react62.default.createElement("div", {
-            className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"
-        }, /* @__PURE__ */ import_react62.default.createElement("svg", {
-            "aria-label": "Avatar Icon",
-            className: "absolute -left-1 h-10 w-10 text-gray-400",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-        }, /* @__PURE__ */ import_react62.default.createElement("path", {
-            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__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip  transition-all", isRTL ? "right-0" : "left-0"),
-        style: {
-            width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
-        },
-        onMouseEnter: function() {
-            setOpenSideMenu(true);
-        },
-        onMouseLeave: function() {
-            keepOpen ? setOpenSideMenu(true) : setOpenSideMenu(false);
-            setOpenedSidebarItem("");
-        },
-        ref: ref
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
-        dir: direction,
-        className: (0, import_clsx31.default)("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center  bg-primary-foreground  transition-all"),
-        style: {
-            width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
-        }
-    }, /* @__PURE__ */ import_react62.default.createElement("img", {
-        className: (0, import_clsx31.default)("h-9  opacity-0 transition-all", // isRTL ? "right-2.5" : "left-2.5",
-        !openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
-        src: props.logoLink
-    }), size > 600 ? /* @__PURE__ */ import_react62.default.createElement("img", {
-        className: (0, import_clsx31.default)("fixed top-2.5 h-9  transition-all", isRTL ? "right-2.5" : "left-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
-        src: props.logoSymbol
-    }) : null), /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("fixed bottom-14 top-14 bg-primary-foreground p-2 py-2 transition-all", openSideMenu ? "overflow-auto" : "overflow-hidden"),
-        style: {
-            height: "calc(100% - 112px)",
-            width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
-        }
-    }, /* @__PURE__ */ import_react62.default.createElement(SidebarGroup, {
-        direction: direction,
-        onItemClick: function(values) {
-            setSelectedItem(values);
-            clickedItem(values);
-        },
-        onSubItemClick: function(values) {
-            setSelectedItem(values);
-            clickedItem(values);
-        },
-        selectedItem: selectedItem,
-        openedItem: openedSidebarItem,
-        setOpenedItem: function(e) {
-            return setOpenedSidebarItem(e);
-        },
-        isOpen: openSideMenu,
-        items: props.drawerItems
-    })), /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("fixed bottom-0  flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground  transition-all", direction === "rtl" ? "flex-row-reverse" : "flex-row"),
-        style: {
-            width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
-        }
-    }, DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react62.default.createElement(Tooltip, {
-        side: "left",
-        delayDuration: 500,
-        content: keepOpen ? ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.collapseSidebar) || "Collapse Sidebar" : ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.expandSidebar) || "Expand Sidebar"
-    }, /* @__PURE__ */ import_react62.default.createElement(Button, {
-        variant: "light",
-        onClick: function() {
-            return setKeepOpen(!keepOpen);
-        },
-        size: "smallIcon"
-    }, /* @__PURE__ */ import_react62.default.createElement("svg", {
-        className: (0, import_clsx31.default)("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ", keepOpen ? isRTL ? "-rotate-90" : "rotate-90" : isRTL ? "rotate-90" : "-rotate-90"),
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react62.default.createElement("path", {
-        fillRule: "evenodd",
-        d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
-        clipRule: "evenodd"
-    })))) : null)), /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: "fixed overflow-y-auto",
-        style: isRTL ? {
-            height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
-            width: "calc(100% - ".concat(drawerSizeCondition, "px)"),
-            left: "0px",
-            top: props.topBar ? "56px" : "0px"
-        } : {
-            height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
-            width: "calc(100% - ".concat(drawerSizeCondition, "px)"),
-            left: "".concat(drawerSizeCondition, "px"),
-            top: props.topBar ? "56px" : "0px"
-        }
-    }, props.children));
-};
-// src/layout/HawaAppLayout.tsx
-var import_react63 = __toESM(require("react"));
-var import_clsx32 = __toESM(require("clsx"));
-var import_fa = require("react-icons/fa");
-var HawaAppLayout = function(_param) {
-    var _param_direction = _param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_drawerSize = _param.drawerSize, drawerSize = _param_drawerSize === void 0 ? "md" : _param_drawerSize, onSettingsClick = _param.onSettingsClick, props = _object_without_properties(_param, [
-        "direction",
-        "drawerSize",
-        "onSettingsClick"
-    ]);
-    var _props_drawerItems;
-    var _ref = _sliced_to_array((0, import_react63.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react63.useState)(""), 2), openSubItem = _ref1[0], setOpenSubitem = _ref1[1];
-    var _useDiscloser_default = useDiscloser_default(false), isOpen = _useDiscloser_default.isOpen, onClose = _useDiscloser_default.onClose, onOpen = _useDiscloser_default.onOpen;
-    var _ref2 = _sliced_to_array((0, import_react63.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    var ref = (0, import_react63.useRef)(null);
-    var isRTL = direction === "rtl";
-    var size;
-    if (typeof window !== "undefined") {
-        size = useBreakpoint_default();
-    } else {
-        size = 1200;
-    }
-    (0, import_react63.useEffect)(function() {
-        var handleClickOutside = function(event) {
-            if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
-                setOpenSideMenu(false);
-            }
-        };
-        document.addEventListener("click", handleClickOutside, true);
-        return function() {
-            document.removeEventListener("click", handleClickOutside, true);
-        };
-    }, [
-        keepOpen
-    ]);
-    var drawerDefaultStyle = "fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all";
-    var drawerSizeStyle = {
-        opened: {
-            sm: "100",
-            md: "160",
-            lg: "250"
-        },
-        closed: {
-            sm: "56",
-            md: "56",
-            lg: "56"
-        }
-    };
-    var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    return /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: "fixed"
-    }, props.topBar && /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-layoutPrimary-500 p-2", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? props.pageTitle ? // Title of the page
-    /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)(isRTL ? [
-            size > 600 ? "mr-14" : "mr-2",
-            keepOpen ? "mr-40" : ""
-        ] : [
-            size > 600 ? "ml-14" : "ml-2",
-            keepOpen ? "ml-40" : ""
-        ]),
-        style: isRTL ? {
-            marginRight: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
-        } : {
-            marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
-        }
-    }, props.pageTitle) : null : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react63.default.createElement("div", {
-        dir: direction,
-        className: "flex items-center justify-center gap-0.5 "
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
-        onClick: function() {
-            return setOpenSideMenu(true);
-        },
-        className: "z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 20 20",
-        "aria-hidden": "true",
-        height: "1.6em",
-        width: "1.6em"
-    }, /* @__PURE__ */ import_react63.default.createElement("path", {
-        "fill-rule": "evenodd",
-        d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
-        "clip-rule": "evenodd"
-    })), " "), props.pageTitle ? /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react63.default.createElement("div", null)), /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)("flex gap-2", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)(isRTL ? "text-left text-xs" : "text-right text-xs")
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react63.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react63.default.createElement(HawaMenu, {
-        direction: direction,
-        withHeader: size > 600 ? false : true,
-        headerTitle: size > 600 ? "" : props.username,
-        headerSubtitle: size > 600 ? "" : props.email,
-        menuItems: props.profileMenuItems,
-        position: "bottom-left"
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: "relative h-8 w-8  cursor-pointer overflow-hidden rounded-full ring-1 ring-buttonPrimary-500 dark:bg-gray-600"
-    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
-        className: "absolute -left-1 h-10 w-10 text-gray-400",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react63.default.createElement("path", {
-        fillRule: "evenodd",
-        d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
-        clipRule: "evenodd"
-    })))))), /* @__PURE__ */ import_react63.default.createElement("div", {
-        onMouseEnter: function() {
-            setOpenSideMenu(true);
-        },
-        onMouseLeave: function() {
-            return keepOpen ? setOpenSideMenu(true) : setOpenSideMenu(false);
-        },
-        ref: ref,
-        className: (0, import_clsx32.default)(drawerDefaultStyle, drawerSizeStyle[drawerSize], isRTL ? "right-0" : "left-0"),
-        style: {
-            width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
-        }
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)("no-scrollbar", props.topBar ? "" : "mt-2", openSideMenu ? "overflow-auto" : "overflow-hidden")
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
-        dir: direction,
-        className: (0, import_clsx32.default)("fixed z-50 mb-2 flex h-14 flex-row items-center transition-all ", size > 600 || openSideMenu ? "bg-layoutPrimary-500" : "w-0 bg-transparent"),
-        style: {
-            width: size > 600 ? "".concat(drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize] - 16, "px") : "full"
-        }
-    }, /* @__PURE__ */ import_react63.default.createElement("img", {
-        className: (0, import_clsx32.default)("fixed top-2.5 h-9  opacity-0 transition-all", isRTL ? "right-2.5" : "left-2.5", !openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
-        src: props.logoLink
-    }), size > 600 ? /* @__PURE__ */ import_react63.default.createElement("img", {
-        className: (0, import_clsx32.default)("fixed top-2.5 h-9  transition-all", isRTL ? "right-2.5" : "left-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
-        src: props.logoSymbol
-    }) : null), /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: "mb-10 mt-14"
-    }, (_props_drawerItems = props.drawerItems) === null || _props_drawerItems === void 0 ? void 0 : _props_drawerItems.map(function(dSection, dIndex) {
-        var _dSection;
-        return /* @__PURE__ */ import_react63.default.createElement("div", {
-            key: dIndex,
-            className: (0, import_clsx32.default)("flex flex-col items-stretch justify-center")
-        }, (_dSection = dSection) === null || _dSection === void 0 ? void 0 : _dSection.map(function(dItem, i) {
-            var _dItem_subItems, _dItem_subItems1, _dItem_subItems2;
-            return /* @__PURE__ */ import_react63.default.createElement("div", {
-                key: i,
-                id: "test",
-                className: "flex flex-col"
-            }, /* @__PURE__ */ import_react63.default.createElement("div", {
-                onClick: function() {
-                    dItem.subItems ? openSubItem === dItem.slug ? // ||
-                    // dItem.subItems.find(
-                    //   (e) => e.slug === props.currentPage
-                    // )
-                    setOpenSubitem("") : setOpenSubitem(dItem.slug) : dItem.action();
-                },
-                className: (0, import_clsx32.default)(props.currentPage === dItem.slug || ((_dItem_subItems = dItem.subItems) === null || _dItem_subItems === void 0 ? void 0 : _dItem_subItems.find(function(e) {
-                    return e.slug === props.currentPage;
-                })) ? "bg-buttonPrimary-500 text-white" : "hover:bg-layoutPrimary-300", "m-2 my-1  flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2  pl-3 transition-all ", isRTL ? "flex-row-reverse pr-3" : "")
-            }, /* @__PURE__ */ import_react63.default.createElement("div", {
-                className: "flex flex-row",
-                dir: direction
-            }, /* @__PURE__ */ import_react63.default.createElement("div", {
-                className: "flex items-center justify-center"
-            }, dItem.icon), /* @__PURE__ */ import_react63.default.createElement("div", {
-                className: (0, import_clsx32.default)("mx-2 whitespace-nowrap text-sm transition-all", openSideMenu ? "opacity-100" : "opacity-0")
-            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react63.default.createElement("div", {
-                className: (0, import_clsx32.default)(openSubItem && dItem.slug === openSubItem ? "-rotate-90" : "rotate-90")
-            }, /* @__PURE__ */ import_react63.default.createElement(import_fa.FaChevronRight, {
-                fontSize: 11
-            }))), dItem.subItems && /* @__PURE__ */ import_react63.default.createElement("div", {
-                className: (0, import_clsx32.default)("m-1 flex cursor-pointer flex-col gap-0 overflow-clip whitespace-nowrap rounded bg-layoutPrimary-300 p-1 transition-all", openSubItem == dItem.slug && openSideMenu ? "" : "my-0 py-0", isRTL ? "text-right" : "text-left"),
-                style: {
-                    height: openSubItem == dItem.slug && openSideMenu ? 6 + 33 * ((_dItem_subItems1 = dItem.subItems) === null || _dItem_subItems1 === void 0 ? void 0 : _dItem_subItems1.length) : 0
-                }
-            }, (_dItem_subItems2 = dItem.subItems) === null || _dItem_subItems2 === void 0 ? void 0 : _dItem_subItems2.map(function(subIt, s) {
-                return /* @__PURE__ */ import_react63.default.createElement("div", {
-                    key: s,
-                    className: (0, import_clsx32.default)("flex flex-row gap-2 overflow-x-clip  rounded p-2 px-2 text-xs", isRTL ? "text-right" : "text-left", props.currentPage === subIt.slug ? "bg-buttonPrimary-500 text-white hover:bg-buttonPrimary-500" : "hover:bg-layoutPrimary-500"),
-                    dir: direction,
-                    onClick: function() {
-                        subIt.action();
-                    }
-                }, /* @__PURE__ */ import_react63.default.createElement("div", {
-                    className: "flex items-center justify-center"
-                }, subIt.icon), /* @__PURE__ */ import_react63.default.createElement("div", {
-                    className: "flex flex-row justify-between"
-                }, subIt.label));
-            })));
-        }), dIndex !== props.drawerItems.length - 1 && /* @__PURE__ */ import_react63.default.createElement("div", {
-            className: "my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 text-center "
-        }));
-    })), openSideMenu && /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)("fixed bottom-0 flex flex-row items-center bg-layoutPrimary-500 p-4 transition-all", openSideMenu ? "bg-layoutPrimary-500 " : "bg-red-500", onSettingsClick ? "justify-between" : "justify-end", direction === "rtl" ? "right-0" : "left-0"),
-        style: {
-            width: "".concat(drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize] - 16, "px")
-        }
-    }, onSettingsClick && /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: " cursor-pointer rounded p-2 transition-all hover:bg-layoutPrimary-700",
-        onClick: function() {
-            return onSettingsClick();
-        }
-    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
-        "aria-label": "Settings Icon",
-        stroke: "currentColor",
-        fill: "none",
-        "stroke-width": "2",
-        viewBox: "0 0 24 24",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        height: "1em",
-        width: "1em"
-    }, /* @__PURE__ */ import_react63.default.createElement("circle", {
-        cx: "12",
-        cy: "12",
-        r: "3"
-    }), /* @__PURE__ */ import_react63.default.createElement("path", {
-        d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
-    }))), size > 600 ? /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)("w-fit transition-all"),
-        style: isRTL ? {
-            right: "".concat(drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize] - 35, "px")
-        } : {
-            left: "".concat(drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize] - 35, "px")
-        }
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
-        dir: direction,
-        className: (0, import_clsx32.default)("relative left-0 top-0 transition-all", openSideMenu ? " opacity-100" : " opacity-0")
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
-        onClick: function() {
-            return setKeepOpen(!keepOpen);
-        },
-        className: "w-fit cursor-pointer rounded bg-gray-300 p-2 transition-all hover:bg-gray-400"
-    }, /* @__PURE__ */ import_react63.default.createElement(import_fa.FaChevronRight, {
-        fontSize: 14,
-        className: (0, import_clsx32.default)("transition-all", isRTL ? keepOpen ? "rotate-0" : "rotate-180" : keepOpen ? "rotate-180" : "rotate-0")
-    })))) : null))), /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: "fixed overflow-y-auto",
-        style: isRTL ? {
-            height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
-            width: "calc(100% - ".concat(drawerSizeCondition, "px)"),
-            left: "0px",
-            top: props.topBar ? "56px" : "0px"
-        } : {
-            height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
-            width: "calc(100% - ".concat(drawerSizeCondition, "px)"),
-            left: "".concat(drawerSizeCondition, "px"),
-            top: props.topBar ? "56px" : "0px"
-        }
-    }, props.children));
-};
-// src/layout/HawaAppLayoutSimplified.tsx
-var import_react64 = __toESM(require("react"));
-var import_clsx33 = __toESM(require("clsx"));
-var HawaAppLayoutSimplified = function(_param) {
-    var _param_direction = _param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_drawerSize = _param.drawerSize, drawerSize = _param_drawerSize === void 0 ? "md" : _param_drawerSize, onSettingsClick = _param.onSettingsClick, DrawerFooterActions = _param.DrawerFooterActions, props = _object_without_properties(_param, [
-        "direction",
-        "drawerSize",
-        "onSettingsClick",
-        "DrawerFooterActions"
-    ]);
-    var _props_drawerItems, _props_texts, _props_texts1;
-    var _ref = _sliced_to_array((0, import_react64.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react64.useState)(""), 2), openSubItem = _ref1[0], setOpenSubitem = _ref1[1];
-    var _useDiscloser_default = useDiscloser_default(false), isOpen = _useDiscloser_default.isOpen, onClose = _useDiscloser_default.onClose, onOpen = _useDiscloser_default.onOpen;
-    var _ref2 = _sliced_to_array((0, import_react64.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    var ref = (0, import_react64.useRef)(null);
-    var isRTL = direction === "rtl";
-    var size;
-    if (typeof window !== "undefined") {
-        size = useBreakpoint_default();
-    } else {
-        size = 1200;
-    }
-    (0, import_react64.useEffect)(function() {
-        var handleClickOutside = function(event) {
-            if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
-                setOpenSideMenu(false);
-            }
-        };
-        document.addEventListener("click", handleClickOutside, true);
-        return function() {
-            document.removeEventListener("click", handleClickOutside, true);
-        };
-    }, [
-        keepOpen
-    ]);
-    var drawerDefaultStyle = "fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-card transition-all";
-    var closeDrawerWidth = 56;
-    var openDrawerWidth = 200;
-    var drawerSizeStyle = {
-        opened: {
-            sm: "100",
-            md: openDrawerWidth,
-            lg: "250"
-        },
-        closed: {
-            sm: "56",
-            md: "56",
-            lg: "56"
-        }
-    };
-    var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    return /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: "fixed left-0"
-    }, props.topBar && /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)("dark:text-white", isRTL ? [
-            size > 600 ? "mr-14" : "mr-2",
-            keepOpen ? "mr-40" : ""
-        ] : [
-            size > 600 ? "ml-14" : "ml-2",
-            keepOpen ? "ml-40" : ""
-        ]),
-        style: isRTL ? {
-            marginRight: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
-        } : {
-            marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
-        }
-    }, props.pageTitle) : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react64.default.createElement("div", {
-        dir: direction,
-        className: "flex items-center justify-center gap-0.5"
-    }, /* @__PURE__ */ import_react64.default.createElement("div", {
-        onClick: function() {
-            return setOpenSideMenu(true);
-        },
-        className: "z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react64.default.createElement("svg", {
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 20 20",
-        "aria-hidden": "true",
-        height: "1.6em",
-        width: "1.6em"
-    }, /* @__PURE__ */ import_react64.default.createElement("path", {
-        "fill-rule": "evenodd",
-        d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
-        "clip-rule": "evenodd"
-    }))), props.pageTitle ? /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react64.default.createElement("div", null)), /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)("flex gap-2 dark:text-white", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: isRTL ? "text-left text-xs" : "text-right text-xs"
-    }, /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react64.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react64.default.createElement(DropdownMenu2, {
-        triggerClassname: "mx-2",
-        align: "end",
-        alignOffset: 8,
-        side: "bottom",
-        sideOffset: 5,
-        direction: isRTL ? "rtl" : "ltr",
-        trigger: /* @__PURE__ */ import_react64.default.createElement("div", {
-            className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"
-        }, /* @__PURE__ */ import_react64.default.createElement(AvatarIcon, null)),
-        items: props.profileMenuItems,
-        onItemSelect: function(e) {
-            return console.log("selecting item ", e);
-        }
-    }))), /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip  transition-all", isRTL ? "right-0" : "left-0"),
-        style: {
-            width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
-        },
-        onMouseEnter: function() {
-            setOpenSideMenu(true);
-        },
-        onMouseLeave: function() {
-            return keepOpen ? setOpenSideMenu(true) : setOpenSideMenu(false);
-        },
-        ref: ref
-    }, /* @__PURE__ */ import_react64.default.createElement("div", {
-        dir: direction,
-        className: (0, import_clsx33.default)("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center  bg-primary-foreground  transition-all"),
-        style: {
-            width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
-        }
-    }, /* @__PURE__ */ import_react64.default.createElement("img", {
-        className: (0, import_clsx33.default)("h-9  opacity-0 transition-all", // isRTL ? "right-2.5" : "left-2.5",
-        !openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
-        src: props.logoLink
-    }), size > 600 ? /* @__PURE__ */ import_react64.default.createElement("img", {
-        className: (0, import_clsx33.default)("fixed top-2.5 h-9  transition-all", isRTL ? "right-2.5" : "left-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
-        src: props.logoSymbol
-    }) : null), /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)(// "no-scrollbar", TODO: make this optional to hide scrollbar or not
-        "fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all", // bg-yellow-400
-        openSideMenu ? "overflow-auto" : "overflow-hidden"),
-        style: {
-            height: "calc(100% - 112px)",
-            width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
-        }
-    }, (_props_drawerItems = props.drawerItems) === null || _props_drawerItems === void 0 ? void 0 : _props_drawerItems.map(function(dSection, dIndex) {
-        var _dSection;
-        return /* @__PURE__ */ import_react64.default.createElement("div", {
-            key: dIndex,
-            className: (0, import_clsx33.default)("flex select-none flex-col items-stretch justify-center transition-all")
-        }, (_dSection = dSection) === null || _dSection === void 0 ? void 0 : _dSection.map(function(dItem, i) {
-            var _dItem_subItems, _dItem_subItems1, _dItem_subItems2;
-            return /* @__PURE__ */ import_react64.default.createElement("div", {
-                key: i,
-                id: "test",
-                className: "flex flex-col"
-            }, /* @__PURE__ */ import_react64.default.createElement("div", {
-                onClick: function() {
-                    dItem.subItems ? openSubItem === dItem.slug ? // ||
-                    // dItem.subItems.find(
-                    //   (e) => e.slug === props.currentPage
-                    // )
-                    setOpenSubitem("") : setOpenSubitem(dItem.slug) : dItem.action();
-                },
-                className: (0, import_clsx33.default)(props.currentPage === dItem.slug || ((_dItem_subItems = dItem.subItems) === null || _dItem_subItems === void 0 ? void 0 : _dItem_subItems.find(function(e) {
-                    return e.slug === props.currentPage;
-                })) ? "bg-primary text-primary-foreground " : "hover:bg-primary/20", "my-1  flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2  pl-3 transition-all ", isRTL ? "flex-row-reverse pr-3" : "", openSideMenu ? "m-2" : "m-2")
-            }, /* @__PURE__ */ import_react64.default.createElement("div", {
-                className: "flex flex-row",
-                dir: direction
-            }, /* @__PURE__ */ import_react64.default.createElement("div", {
-                className: "flex items-center justify-center "
-            }, dItem.icon), /* @__PURE__ */ import_react64.default.createElement("div", {
-                className: (0, import_clsx33.default)("mx-2 whitespace-nowrap text-sm transition-all", openSideMenu ? "opacity-100" : "opacity-0")
-            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react64.default.createElement(ArrowIcon, {
-                pointing: openSubItem && dItem.slug === openSubItem ? "up" : "down"
-            })), dItem.subItems && /* @__PURE__ */ import_react64.default.createElement("div", {
-                className: (0, import_clsx33.default)("m-1 mx-2 flex cursor-pointer flex-col gap-[2px] overflow-clip whitespace-nowrap rounded bg-primary/10 p-1 transition-all", openSubItem == dItem.slug && openSideMenu ? "" : "my-0 py-0", isRTL ? "text-right" : "text-left"),
-                style: {
-                    height: openSubItem == dItem.slug && openSideMenu ? 6 + 35 * ((_dItem_subItems1 = dItem.subItems) === null || _dItem_subItems1 === void 0 ? void 0 : _dItem_subItems1.length) : 0
-                }
-            }, (_dItem_subItems2 = dItem.subItems) === null || _dItem_subItems2 === void 0 ? void 0 : _dItem_subItems2.map(function(subIt, s) {
-                return /* @__PURE__ */ import_react64.default.createElement("div", {
-                    key: s,
-                    className: (0, import_clsx33.default)("flex flex-row gap-2 overflow-x-clip  rounded-inner p-2 px-2 text-xs", isRTL ? "text-right" : "text-left", props.currentPage === subIt.slug ? "bg-primary text-white" : "hover:bg-primary-foreground hover:text-primary "),
-                    dir: direction,
-                    onClick: function() {
-                        subIt.action();
-                    }
-                }, /* @__PURE__ */ import_react64.default.createElement("div", {
-                    className: "flex items-center justify-center"
-                }, subIt.icon), /* @__PURE__ */ import_react64.default.createElement("div", {
-                    className: "flex flex-row justify-between"
-                }, subIt.label));
-            })));
-        }), dIndex !== props.drawerItems.length - 1 && /* @__PURE__ */ import_react64.default.createElement("div", {
-            className: "my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 bg-red-500 text-center "
-        }));
-    })), /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)("fixed bottom-0  flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground  transition-all", direction === "rtl" ? "flex-row-reverse" : "flex-row"),
-        style: {
-            width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
-        }
-    }, DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react64.default.createElement(Tooltip, {
-        side: "left",
-        delayDuration: 500,
-        content: keepOpen ? ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.collapseSidebar) || "Collapse Sidebar" : ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.expandSidebar) || "Expand Sidebar"
-    }, /* @__PURE__ */ import_react64.default.createElement(Button, {
-        variant: "light",
-        onClick: function() {
-            return setKeepOpen(!keepOpen);
-        },
-        size: "smallIcon"
-    }, /* @__PURE__ */ import_react64.default.createElement("svg", {
-        className: (0, import_clsx33.default)("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ", keepOpen ? isRTL ? "-rotate-90" : "rotate-90" : isRTL ? "rotate-90" : "-rotate-90"),
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react64.default.createElement("path", {
-        fillRule: "evenodd",
-        d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
-        clipRule: "evenodd"
-    })))) : null)), /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: "fixed overflow-y-auto",
-        style: isRTL ? {
-            height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
-            width: "calc(100% - ".concat(drawerSizeCondition, "px)"),
-            left: "0px",
-            top: props.topBar ? "56px" : "0px"
-        } : {
-            height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
-            width: "calc(100% - ".concat(drawerSizeCondition, "px)"),
-            left: "".concat(drawerSizeCondition, "px"),
-            top: props.topBar ? "56px" : "0px"
-        }
-    }, props.children));
-};
-var AvatarIcon = function() {
-    return /* @__PURE__ */ import_react64.default.createElement("svg", {
-        className: "absolute -left-1 h-10 w-10 text-gray-400",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react64.default.createElement("path", {
-        fillRule: "evenodd",
-        d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
-        clipRule: "evenodd"
-    }));
-};
-var ArrowIcon = function(param) {
-    var pointing = param.pointing;
-    var directionStyle;
-    switch(pointing){
-        case "right":
-            directionStyle = "-rotate-90";
-            break;
-        case "left":
-            directionStyle = "rotate-90";
-            break;
-        case "up":
-            directionStyle = "-rotate-180";
-            break;
-        case "down":
-            directionStyle = "rotate-0";
-            break;
-        default:
-            break;
-    }
-    return /* @__PURE__ */ import_react64.default.createElement("svg", {
-        className: (0, import_clsx33.default)("h-6 w-6 shrink-0 text-primary-foreground   transition-all  disabled:bg-gray-200 ", directionStyle),
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react64.default.createElement("path", {
-        fillRule: "evenodd",
-        d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
-        clipRule: "evenodd"
-    }));
-};
-// src/layout/HawaContainer.tsx
-var import_react65 = __toESM(require("react"));
-var import_clsx34 = __toESM(require("clsx"));
-var HawaContainer = function(_param) {
-    var _param_maxWidth = _param.maxWidth, maxWidth = _param_maxWidth === void 0 ? "normal" : _param_maxWidth, _param_variant = _param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, _param_centered = _param.centered, centered = _param_centered === void 0 ? false : _param_centered, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, props = _object_without_properties(_param, [
-        "maxWidth",
-        "variant",
-        "centered",
-        "direction"
-    ]);
-    var defaultStyle = "flex w-full flex-col rounded p-4";
-    var maxWidthStyles = {
-        full: "md:max-w-xl",
-        small: "md:max-w-sm w-1/3 min-w-min",
-        normal: "max-w-sm md:max-w-md"
-    };
-    var variantStyles2 = {
-        contained: "bg-background border",
-        outlined: "bg-transparent border border-black w-fit",
-        neobrutalism: "shadow-neobrutalism  border-4 border-black  bg-white"
-    };
-    return /* @__PURE__ */ import_react65.default.createElement("div", {
-        className: (0, import_clsx34.default)(defaultStyle, maxWidthStyles[maxWidth], variantStyles2[variant], centered ? "flex items-center text-center" : ""),
-        dir: direction
-    }, props.children);
-};
-// src/layout/HawaGrid.tsx
-var import_react66 = __toESM(require("react"));
-var HawaGrid = function(props) {
-    return(// [&>*:not(:first-child)]:mt-8
-    /* @__PURE__ */ import_react66.default.createElement("div", {
-        className: " columns-1 gap-5 sm:columns-2 sm:gap-8 md:columns-3 lg:columns-4 [&>*:not(:first-child)]:mt-8"
-    }, props.children));
-};
-// src/layout/AppSidebar.tsx
-var import_react67 = __toESM(require("react"));
-var AppSidebar = function(param) {
-    var isOpen = param.isOpen, onClose = param.onClose, items = param.items;
-    if (!isOpen) {
-        return null;
-    }
-    return /* @__PURE__ */ import_react67.default.createElement("div", {
-        className: "fixed inset-0 z-40 flex bg-gray-600 bg-opacity-75"
-    }, /* @__PURE__ */ import_react67.default.createElement("div", {
-        className: "w-1/3 rounded-l-lg bg-gray-800 shadow-2xl"
-    }, /* @__PURE__ */ import_react67.default.createElement("button", {
-        onClick: onClose,
-        className: "p-4 text-gray-400 hover:text-white focus:text-white focus:outline-none"
-    }, "Close"), /* @__PURE__ */ import_react67.default.createElement("nav", null, items.map(function(item, i) {
-        return /* @__PURE__ */ import_react67.default.createElement("a", {
-            key: i,
-            href: "#",
-            onClick: item.onClick,
-            className: "block p-4 font-bold text-white hover:bg-gray-700 hover:text-gray-400"
-        }, item.label);
-    }))), /* @__PURE__ */ import_react67.default.createElement("div", {
-        className: "w-2/3 bg-gray-50"
-    }));
-};
-// src/layout/Footer.tsx
-var import_bs = require("react-icons/bs");
-var import_fa2 = require("react-icons/fa");
-var Footer = function(_param) {
-    var props = _extends({}, _object_destructuring_empty(_param));
-    var _props_footerLinks;
-    return /* @__PURE__ */ React.createElement("div", {
-        className: "sticky  bottom-0 left-0 flex w-full flex-row gap-8  bg-blue-200 p-4"
-    }, props.logoText && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
-        className: "text-2xl font-bold"
-    }, props.logoText)), (_props_footerLinks = props.footerLinks) === null || _props_footerLinks === void 0 ? void 0 : _props_footerLinks.map(function(pagesSection) {
-        return /* @__PURE__ */ React.createElement("div", {
-            className: "flex w-32 flex-col gap-2"
-        }, /* @__PURE__ */ React.createElement("div", {
-            className: "text-lg font-bold"
-        }, pagesSection.title), /* @__PURE__ */ React.createElement("div", {
-            className: "flex flex-col gap-1"
-        }, pagesSection.pages.map(function(singlePage) {
-            return /* @__PURE__ */ React.createElement("a", {
-                className: "transition-all hover:font-bold",
-                href: singlePage.link
-            }, singlePage.label);
-        })));
-    }), props.socialLinks && /* @__PURE__ */ React.createElement("div", {
-        className: "flex flex-row gap-2"
-    }, props.socialLinks.twitter && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_bs.BsTwitter, null)), props.socialLinks.instagram && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_bs.BsInstagram, null)), props.socialLinks.tiktok && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_fa2.FaTiktok, null)), props.socialLinks.snapchat && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_fa2.FaSnapchatGhost, null))));
-};
-// src/layout/Banner.tsx
-var import_react68 = __toESM(require("react"));
-var import_clsx35 = __toESM(require("clsx"));
-var HawaBanner = function(_param) {
-    var _param_design = _param.design, design = _param_design === void 0 ? "floating" : _param_design, props = _object_without_properties(_param, [
-        "design"
-    ]);
-    var bannerRef = (0, import_react68.useRef)(null);
-    var _ref = _sliced_to_array((0, import_react68.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
-    var bannerStyle = {
-        floating: "left-1/2  z-50  w-[calc(100%-2rem)] -translate-x-1/2 lg:max-w-7xl p-4 rounded",
-        default: "w-[calc(100%)] left-0 z-50 right-0 rounded-none p-2"
-    };
-    return /* @__PURE__ */ import_react68.default.createElement("div", {
-        ref: bannerRef
-    }, /* @__PURE__ */ import_react68.default.createElement("div", {
-        dir: props.direction,
-        className: (0, import_clsx35.default)(bannerStyle[design], "fixed flex  flex-col justify-between  border  border-gray-100 bg-white  shadow-sm transition-all dark:border-gray-600 dark:bg-gray-700 md:flex-row md:gap-4 ", props.position === "top" ? design === "floating" ? "top-6" : "top-0" : design === "floating" ? "bottom-6" : "bottom-0", closed ? "opacity-0" : "opacity-100")
-    }, /* @__PURE__ */ import_react68.default.createElement("div", {
-        className: "mb-3 flex w-full flex-col items-center  justify-start   md:mb-0 md:flex-row md:items-center"
-    }, /* @__PURE__ */ import_react68.default.createElement("div", {
-        className: (0, import_clsx35.default)(props.direction === "rtl" ? "md:ml-4 md:border-l  md:pl-4" : "md:mr-4 md:border-r  md:pr-4", "mb-2 flex items-center  border-gray-200 dark:border-gray-600 md:mb-0 md:mr-4  md:pr-4")
-    }, props.logoURL && /* @__PURE__ */ import_react68.default.createElement("img", {
-        src: props.logoURL,
-        className: "mr-2 h-6",
-        alt: "Flowbite Logo"
-    }), props.title && /* @__PURE__ */ import_react68.default.createElement("span", {
-        className: "self-center whitespace-nowrap text-lg font-semibold dark:text-white"
-    }, props.title)), props.text && /* @__PURE__ */ import_react68.default.createElement("p", {
-        className: (0, import_clsx35.default)("m-0 flex items-center text-center text-sm  font-normal  text-gray-500 dark:text-gray-400 ", props.direction === "rtl" ? "md:text-right" : "md:text-left")
-    }, props.text)), props.actionText && /* @__PURE__ */ import_react68.default.createElement("div", {
-        className: (0, import_clsx35.default)("flex flex-shrink-0 items-center justify-center ", props.direction === "rtl" ? "ml-0 md:ml-10" : "mr-0 md:mr-10")
-    }, /* @__PURE__ */ import_react68.default.createElement(HawaButton, {
-        onClick: props.onActionClick
-    }, props.actionText)), /* @__PURE__ */ import_react68.default.createElement("button", {
-        type: "button",
-        className: (0, import_clsx35.default)("absolute  top-2 inline-flex h-9 w-9 items-center justify-center rounded-inner p-1.5 text-gray-400 transition-all  hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white", props.direction === "rtl" ? "left-2" : "right-2"),
-        "data-dismiss-target": "#alert-default",
-        "aria-label": "Close",
-        onClick: function() {
-            setClosed(true);
-            setTimeout(function() {
-                bannerRef.current.removeChild(bannerRef.current.children[0]);
-            }, 200);
-        }
-    }, /* @__PURE__ */ import_react68.default.createElement("span", {
-        className: "sr-only"
-    }, "Close"), /* @__PURE__ */ import_react68.default.createElement("svg", {
-        "aria-hidden": "true",
-        className: "h-5 w-5",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react68.default.createElement("path", {
-        fillRule: "evenodd",
-        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-        clipRule: "evenodd"
-    })))));
-};
-// src/blocks/Account/UserProfileForm.tsx
-var import_react69 = __toESM(require("react"));
-var import_react_hook_form = require("react-hook-form");
-var UserProfileForm = function(props) {
-    var methods = (0, import_react_hook_form.useForm)();
-    var inputs = props.inputs;
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    var _field_value, _field_value1, _field_value2, _field_value3;
-    return /* @__PURE__ */ import_react69.default.createElement(Card, null, /* @__PURE__ */ import_react69.default.createElement("form", {
-        onSubmit: handleSubmit(function(e) {
-            return props.handleUpdateProfile(e);
-        })
-    }, /* @__PURE__ */ import_react69.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
-        control: control,
-        name: "fullName",
-        render: function(param) {
-            var field = param.field;
-            var _errors_fullName;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: props.texts.fullNameLabel,
-                placeholder: props.texts.fullNamePlaceholder,
-                helpertext: (_errors_fullName = errors.fullName) === null || _errors_fullName === void 0 ? void 0 : _errors_fullName.message
-            }, field), {
-                value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
-            }));
-        }
-    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
-        control: control,
-        name: "phoneNumber",
-        render: function(param) {
-            var field = param.field;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaPhoneInput, {
-                label: "Phone number"
-            });
-        }
-    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
-        control: control,
-        name: "email",
-        render: function(param) {
-            var field = param.field;
-            var _errors_email;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: props.texts.emailLabel,
-                helpertext: (_errors_email = errors.email) === null || _errors_email === void 0 ? void 0 : _errors_email.message,
-                placeholder: props.texts.emailPlaceholder
-            }, field), {
-                value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
-            }));
-        },
-        rules: {
-            required: props.texts.emailRequiredText,
-            pattern: {
-                value: /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-                message: props.texts.emailInvalidText
-            }
-        }
-    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
-        control: control,
-        name: "password",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "password",
-                label: props.texts.passwordLabel,
-                placeholder: props.texts.passwordPlaceholder,
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
-            }, field), {
-                value: (_field_value2 = field.value) !== null && _field_value2 !== void 0 ? _field_value2 : ""
-            }));
-        },
-        rules: {
-            required: props.texts.passwordRequiredText
-        }
-    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
-        control: control,
-        name: "confirmPassword",
-        render: function(param) {
-            var field = param.field;
-            var _errors_confirmPassword;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "password",
-                label: props.texts.confirmPasswordLabel,
-                placeholder: props.texts.confirmPasswordPlaceholder,
-                helpertext: (_errors_confirmPassword = errors.confirmPassword) === null || _errors_confirmPassword === void 0 ? void 0 : _errors_confirmPassword.message
-            }, field), {
-                value: (_field_value3 = field.value) !== null && _field_value3 !== void 0 ? _field_value3 : ""
-            }));
-        },
-        rules: {
-            required: props.texts.confirmPasswordRequiredText
-        }
-    }))), /* @__PURE__ */ import_react69.default.createElement(CardFooter, null, /* @__PURE__ */ import_react69.default.createElement(Button, {
-        className: "w-full",
-        type: "submit"
-    }, props.texts.updateProfile))));
-};
-// src/blocks/Account/UserSettingsForm.tsx
-var import_react70 = __toESM(require("react"));
-var UserSettingsForm = function(props) {
-    return /* @__PURE__ */ import_react70.default.createElement(Card, null, /* @__PURE__ */ import_react70.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react70.default.createElement("div", {
-        className: "mb-2 text-sm font-bold"
-    }, props.blockTitle), /* @__PURE__ */ import_react70.default.createElement("div", {
-        className: "flex flex-col gap-4 rounded  p-2"
-    }, props.children)));
-};
-// src/blocks/AuthForms/AppLanding.tsx
-var import_react71 = __toESM(require("react"));
-var AppLanding = function(props) {
-    return /* @__PURE__ */ import_react71.default.createElement("div", null, /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement(CardContent, {
-        headless: true,
-        className: "flex flex-col gap-6"
-    }, props.handleSignIn && /* @__PURE__ */ import_react71.default.createElement(Button, {
-        onClick: props.handleSignIn
-    }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ import_react71.default.createElement(Button, {
-        onClick: props.handleSignUp
-    }, props.texts.signUp))), /* @__PURE__ */ import_react71.default.createElement("div", {
-        className: "mt-6 flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react71.default.createElement(HawaRadio, {
-        onChangeTab: props.handleLanguage,
-        design: "tabs",
-        options: [
-            {
-                value: "ar",
-                label: "عربي"
-            },
-            {
-                value: "en",
-                label: "English"
-            }
-        ]
-    }), /* @__PURE__ */ import_react71.default.createElement(HawaRadio, {
-        onChangeTab: props.handleColorMode,
-        design: "tabs",
-        options: [
-            {
-                value: "light",
-                label: /* @__PURE__ */ import_react71.default.createElement("svg", {
-                    width: "15",
-                    height: "15",
-                    viewBox: "0 0 15 15",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
-                }, /* @__PURE__ */ import_react71.default.createElement("path", {
-                    d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
-                    fill: "currentColor",
-                    "fill-rule": "evenodd",
-                    "clip-rule": "evenodd"
-                }))
-            },
-            {
-                value: "dark",
-                label: /* @__PURE__ */ import_react71.default.createElement("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "24",
-                    height: "24",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-                }, /* @__PURE__ */ import_react71.default.createElement("path", {
-                    d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
-                }))
-            }
-        ]
-    })));
-};
-// src/blocks/AuthForms/SignInPhone.tsx
-var import_react72 = __toESM(require("react"));
-var import_react_hook_form2 = require("react-hook-form");
-var SignInPhone = function(props) {
-    var methods = (0, import_react_hook_form2.useForm)();
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    var _ref = _sliced_to_array((0, import_react72.useState)(""), 2), userPhone = _ref[0], setUserPhone = _ref[1];
-    var _props_country, _props_label;
-    return /* @__PURE__ */ import_react72.default.createElement(Card, null, /* @__PURE__ */ import_react72.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react72.default.createElement("form", {
-        onSubmit: function(e) {
-            e.preventDefault();
-            props.handleSignIn(userPhone);
-        }
-    }, /* @__PURE__ */ import_react72.default.createElement(import_react_hook_form2.Controller, {
-        control: control,
-        name: "phone",
-        render: function(param) {
-            var field = param.field;
-            return /* @__PURE__ */ import_react72.default.createElement(HawaPhoneInput, _object_spread({
-                country: (_props_country = props.country) !== null && _props_country !== void 0 ? _props_country : "",
-                label: (_props_label = props.label) !== null && _props_label !== void 0 ? _props_label : "",
-                handleChange: function(e) {
-                    return setUserPhone(e.target.value);
-                }
-            }, field));
-        },
-        rules: {
-            required: props.phoneRequiredText
-        }
-    }), /* @__PURE__ */ import_react72.default.createElement("div", {
-        className: "mt-2"
-    }), /* @__PURE__ */ import_react72.default.createElement(Button, {
-        className: "w-full"
-    }, props.SignInButtonText))));
-};
-// src/blocks/AuthForms/SignInForm.tsx
-var import_react73 = __toESM(require("react"));
-var import_react_hook_form3 = require("react-hook-form");
-var import_clsx36 = __toESM(require("clsx"));
-// src/elements/Icons.tsx
-var Icons = {
-    logo: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 256 256"
-        }, props), /* @__PURE__ */ React.createElement("rect", {
-            width: "256",
-            height: "256",
-            fill: "none"
-        }), /* @__PURE__ */ React.createElement("line", {
-            x1: "208",
-            y1: "128",
-            x2: "128",
-            y2: "208",
-            fill: "none",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "16"
-        }), /* @__PURE__ */ React.createElement("line", {
-            x1: "192",
-            y1: "40",
-            x2: "40",
-            y2: "192",
-            fill: "none",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "16"
-        }));
-    },
-    twitter: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            fill: "currentColor",
-            d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
-        }));
-    },
-    gitHub: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            viewBox: "0 0 438.549 438.549"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            fill: "currentColor",
-            d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
-        }));
-    },
-    radix: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            viewBox: "0 0 25 25",
-            fill: "none"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
-            fill: "currentcolor"
-        }), /* @__PURE__ */ React.createElement("path", {
-            d: "M12 0H4V8H12V0Z",
-            fill: "currentcolor"
-        }), /* @__PURE__ */ React.createElement("path", {
-            d: "M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",
-            fill: "currentcolor"
-        }));
-    },
-    aria: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            role: "img",
-            viewBox: "0 0 24 24",
-            fill: "currentColor"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z"
-        }));
-    },
-    npm: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",
-            fill: "currentColor"
-        }));
-    },
-    yarn: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",
-            fill: "currentColor"
-        }));
-    },
-    pnpm: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",
-            fill: "currentColor"
-        }));
-    },
-    react: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",
-            fill: "currentColor"
-        }));
-    },
-    tailwind: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",
-            fill: "currentColor"
-        }));
-    },
-    google: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            role: "img",
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            fill: "currentColor",
-            d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
-        }));
-    },
-    apple: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            role: "img",
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
-            fill: "currentColor"
-        }));
-    },
-    paypal: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            role: "img",
-            viewBox: "0 0 24 24"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",
-            fill: "currentColor"
-        }));
-    },
-    spinner: function(props) {
-        return /* @__PURE__ */ React.createElement("svg", _object_spread({
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-        }, props), /* @__PURE__ */ React.createElement("path", {
-            d: "M21 12a9 9 0 1 1-6.219-8.56"
-        }));
-    }
-};
-// src/blocks/AuthForms/SignInForm.tsx
-var SignInForm = function(props) {
-    var _ref = (0, import_react_hook_form3.useForm)(), errors = _ref.formState.errors, handleSubmit = _ref.handleSubmit, control = _ref.control;
-    var _field_value, _field_value1;
-    return /* @__PURE__ */ import_react73.default.createElement("div", {
-        className: "flex flex-col gap-4"
-    }, /* @__PURE__ */ import_react73.default.createElement(Card, {
-        dir: props.direction
-    }, /* @__PURE__ */ import_react73.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react73.default.createElement("form", {
-        onSubmit: handleSubmit(function(e) {
-            return props.handleSignIn(e);
-        })
-    }, props.showError && /* @__PURE__ */ import_react73.default.createElement(HawaAlert, {
-        title: props.errorTitle,
-        text: props.errorText,
-        severity: "error"
-    }), props.signInType === "email" ? /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
-        control: control,
-        name: "email",
-        render: function(param) {
-            var field = param.field;
-            var _errors_email;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
-                width: "full",
-                type: "text",
-                autoComplete: "email",
-                label: props.texts.emailLabel,
-                helpertext: (_errors_email = errors.email) === null || _errors_email === void 0 ? void 0 : _errors_email.message,
-                placeholder: props.texts.emailPlaceholder,
-                value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : "",
-                onChange: field.onChange
-            });
-        },
-        rules: {
-            required: props.texts.emailRequiredText,
-            pattern: {
-                value: /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-                message: props.texts.emailInvalidText
-            }
-        }
-    }) : props.signInType === "username" ? /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
-        control: control,
-        name: "username",
-        render: function(param) {
-            var field = param.field;
-            var _errors_username;
-            var _field_value;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
-                width: "full",
-                type: "text",
-                autoComplete: "username",
-                label: props.texts.usernameLabel,
-                helpertext: (_errors_username = errors.username) === null || _errors_username === void 0 ? void 0 : _errors_username.message,
-                placeholder: props.texts.usernamePlaceholder,
-                onChange: field.onChange,
-                value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
-            });
-        },
-        rules: {
-            required: props.texts.usernameRequired
-        }
-    }) : /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
-        control: control,
-        name: "phone",
-        render: function(param) {
-            var field = param.field;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaPhoneInput, {
-                label: "Phone number"
-            });
-        },
-        rules: {
-            required: props.texts.phoneRequiredText
-        }
-    }), props.signInType !== "phone" && /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
-        control: control,
-        name: "password",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
-                width: "full",
-                autoComplete: "current-password",
-                type: "password",
-                label: props.texts.passwordLabel,
-                placeholder: props.texts.passwordPlaceholder,
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message,
-                onChange: field.onChange,
-                value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
-            });
-        },
-        rules: {
-            required: props.texts.passwordRequiredText,
-            minLength: 5
-        }
-    }), !props.withoutResetPassword && /* @__PURE__ */ import_react73.default.createElement("div", {
-        onClick: props.handleForgotPassword,
-        className: "mb-3 w-fit cursor-pointer text-xs dark:text-gray-300"
-    }, props.texts.forgotPasswordText)), /* @__PURE__ */ import_react73.default.createElement(Button, {
-        className: "w-full",
-        isLoading: props.isLoading
-    }, props.texts.signInText), !props.withoutSignUp && /* @__PURE__ */ import_react73.default.createElement("div", {
-        className: "p-3 text-center text-sm font-semibold dark:text-gray-300"
-    }, props.texts.newUserText, " ", /* @__PURE__ */ import_react73.default.createElement("span", {
-        onClick: props.handleRouteToSignUp,
-        className: "clickable-link"
-    }, props.texts.createAccount)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react73.default.createElement(CardFooter, {
-        className: "grid grid-cols-1 gap-2 "
-    }, props.viaGoogle && /* @__PURE__ */ import_react73.default.createElement(Button, {
-        variant: "outline",
-        onClick: props.handleGoogleSignIn
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.google, {
-        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signInViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react73.default.createElement(Button, {
-        variant: "outline",
-        onClick: props.handleGithubSignIn
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.gitHub, {
-        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signInViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react73.default.createElement(Button, {
-        variant: "outline",
-        onClick: props.handleTwitterSignIn
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.twitter, {
-        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signInViaTwitterLabel)) : null), /* @__PURE__ */ import_react73.default.createElement(InterfaceSettings, {
-        currentColorMode: props.currentColorMode,
-        currentLanguage: props.currentLanguage,
-        handleColorMode: props.handleColorMode,
-        handleLanguage: props.handleLanguage
-    }));
-};
-// src/blocks/AuthForms/SignInBlock.tsx
-function SignInBlock() {
-    return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, {
-        className: "space-y-1"
-    }, /* @__PURE__ */ React.createElement(CardTitle, {
-        className: "text-2xl"
-    }, "Create an account"), /* @__PURE__ */ React.createElement(CardDescription, null, "Enter your email below to create your account")), /* @__PURE__ */ React.createElement(CardContent, {
-        className: "grid gap-4"
-    }, /* @__PURE__ */ React.createElement("div", {
-        className: "grid grid-cols-2 gap-6"
-    }, /* @__PURE__ */ React.createElement(Button, {
-        variant: "outline"
-    }, /* @__PURE__ */ React.createElement(Icons.gitHub, {
-        className: "mr-2 h-4 w-4"
-    }), "Github"), /* @__PURE__ */ React.createElement(Button, {
-        variant: "outline"
-    }, /* @__PURE__ */ React.createElement(Icons.google, {
-        className: "mr-2 h-4 w-4"
-    }), "Google")), /* @__PURE__ */ React.createElement("div", {
-        className: "relative"
-    }, /* @__PURE__ */ React.createElement("div", {
-        className: "absolute inset-0 flex items-center"
-    }, /* @__PURE__ */ React.createElement("span", {
-        className: "w-full border-t"
-    })), /* @__PURE__ */ React.createElement("div", {
-        className: "relative flex justify-center text-xs uppercase"
-    }, /* @__PURE__ */ React.createElement("span", {
-        className: "bg-background px-2 text-muted-foreground"
-    }, "Or continue with"))), /* @__PURE__ */ React.createElement("div", {
-        className: "grid gap-2"
-    }, /* @__PURE__ */ React.createElement(Label, {
-        htmlFor: "email"
-    }, "Email"), /* @__PURE__ */ React.createElement(Input, {
-        id: "email",
-        type: "email",
-        placeholder: "m@example.com"
-    })), /* @__PURE__ */ React.createElement("div", {
-        className: "grid gap-2"
-    }, /* @__PURE__ */ React.createElement(Label, {
-        htmlFor: "password"
-    }, "Password"), /* @__PURE__ */ React.createElement(Input, {
-        id: "password",
-        type: "password"
-    }))), /* @__PURE__ */ React.createElement(CardFooter, null, /* @__PURE__ */ React.createElement(Button, {
-        className: "w-full"
-    }, "Create account")));
-}
-// src/blocks/AuthForms/SignUpForm.tsx
-var import_react74 = __toESM(require("react"));
-var import_react_hook_form4 = require("react-hook-form");
-var import_clsx37 = __toESM(require("clsx"));
-var SignUpForm = function(props) {
-    var methods = (0, import_react_hook_form4.useForm)();
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    var _field_value, _field_value1, _field_value2, _field_value3;
-    return /* @__PURE__ */ import_react74.default.createElement(Card, {
-        dir: props.direction
-    }, /* @__PURE__ */ import_react74.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react74.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react74.default.createElement(HawaAlert, {
-        title: props.errorTitle,
-        text: props.errorText,
-        severity: "error"
-    }), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react74.default.createElement("form", {
-        onSubmit: handleSubmit(function(e) {
-            return props.handleSignUp(e);
-        })
-    }, /* @__PURE__ */ import_react74.default.createElement("div", null, props.signUpFields.map(function(fld, i) {
-        if (fld === "fullname") {
-            var _field_value;
-            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-                key: i,
-                control: control,
-                name: "fullName",
-                render: function(param) {
-                    var field = param.field;
-                    var _errors_fullName;
-                    return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
-                        width: "full",
-                        type: "text",
-                        label: props.texts.fullNameLabel,
-                        placeholder: props.texts.fullNamePlaceholder,
-                        helpertext: (_errors_fullName = errors.fullName) === null || _errors_fullName === void 0 ? void 0 : _errors_fullName.message,
-                        onChange: field.onChange,
-                        value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
-                    });
-                },
-                rules: {
-                    required: props.texts.fullNameRequiredText
-                }
-            });
-        }
-        if (fld === "email") {
-            var _field_value1;
-            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-                control: control,
-                name: "email",
-                render: function(param) {
-                    var field = param.field;
-                    var _errors_email;
-                    return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
-                        width: "full",
-                        type: "text",
-                        autoComplete: "email",
-                        label: props.texts.emailLabel,
-                        helpertext: (_errors_email = errors.email) === null || _errors_email === void 0 ? void 0 : _errors_email.message,
-                        placeholder: props.texts.emailPlaceholder,
-                        onChange: field.onChange,
-                        value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
-                    });
-                },
-                rules: {
-                    required: props.texts.emailRequiredText,
-                    pattern: {
-                        value: /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-                        message: props.texts.emailInvalidText
-                    }
-                }
-            });
-        }
-        if (fld === "username") {
-            var _field_value2;
-            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-                control: control,
-                name: "username",
-                render: function(param) {
-                    var field = param.field;
-                    var _errors_username;
-                    return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
-                        width: "full",
-                        type: "text",
-                        autoComplete: "username",
-                        label: props.texts.usernameLabel,
-                        helpertext: (_errors_username = errors.username) === null || _errors_username === void 0 ? void 0 : _errors_username.message,
-                        placeholder: props.texts.usernamePlaceholder,
-                        onChange: field.onChange,
-                        value: (_field_value2 = field.value) !== null && _field_value2 !== void 0 ? _field_value2 : ""
-                    });
-                },
-                rules: {
-                    required: props.texts.usernameRequired
-                }
-            });
-        }
-    })), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-        control: control,
-        name: "password",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: props.texts.passwordLabel,
-                placeholder: props.texts.passwordPlaceholder,
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message,
-                onChange: field.onChange,
-                value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
-            });
-        },
-        rules: {
-            required: props.texts.passwordRequiredText
-        }
-    }), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-        control: control,
-        name: "confirm_password",
-        render: function(param) {
-            var field = param.field;
-            var _errors_confirm_password;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: props.texts.confirmPasswordLabel,
-                placeholder: props.texts.confirmPasswordPlaceholder,
-                helpertext: (_errors_confirm_password = errors.confirm_password) === null || _errors_confirm_password === void 0 ? void 0 : _errors_confirm_password.message,
-                onChange: field.onChange,
-                value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
-            });
-        },
-        rules: {
-            required: props.texts.passwordRequiredText
-        }
-    }), props.showRefCode && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-        control: control,
-        name: "refCode",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
-                width: "full",
-                type: "text",
-                defaultValue: (_field_value2 = field.value) !== null && _field_value2 !== void 0 ? _field_value2 : "",
-                label: props.texts.refCode,
-                placeholder: props.texts.passwordPlaceholder,
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message,
-                value: (_field_value3 = field.value) !== null && _field_value3 !== void 0 ? _field_value3 : "",
-                onChange: field.onChange
-            });
-        }
-    }), props.showUserSource && /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-        control: control,
-        name: "reference",
-        render: function(param) {
-            var field = param.field;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaSelect, {
-                label: "How did you learn about us?",
-                isCreatable: false,
-                isMulti: false,
-                isSearchable: false,
-                isClearable: false,
-                options: [
-                    {
-                        value: "friend",
-                        label: "From a friend"
-                    },
-                    {
-                        value: "ad",
-                        label: "Advertisement"
-                    },
-                    {
-                        value: "other",
-                        label: "Other"
-                    }
-                ],
-                onChange: function(e) {
-                    field.onChange(e.value);
-                }
-            });
-        }
-    })), props.showTermsOption && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-        control: control,
-        name: "terms_accepted",
-        render: function(param) {
-            var field = param.field;
-            var _errors_terms_accepted;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaCheckbox, {
-                id: "terms_accepted",
-                helperText: (_errors_terms_accepted = errors.terms_accepted) === null || _errors_terms_accepted === void 0 ? void 0 : _errors_terms_accepted.message,
-                onChange: function(e) {
-                    return field.onChange(e);
-                },
-                label: /* @__PURE__ */ import_react74.default.createElement("span", null, props.texts.iAcceptText, " ", /* @__PURE__ */ import_react74.default.createElement("a", {
-                    onClick: props.handleRouteToTOS,
-                    className: "clickable-link"
-                }, props.texts.termsText))
-            });
-        },
-        rules: {
-            required: props.texts.termsRequiredText
-        }
-    }), props.showNewsletterOption && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
-        control: control,
-        name: "newsletter_accepted",
-        render: function(param) {
-            var field = param.field;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaCheckbox, {
-                id: "newsletter_accepted",
-                label: props.texts.subscribeToNewsletter,
-                onChange: field.onChange
-            });
-        }
-    }), /* @__PURE__ */ import_react74.default.createElement(Button, {
-        className: "w-full",
-        isLoading: props.isLoading
-    }, props.texts.signUpText))), /* @__PURE__ */ import_react74.default.createElement("div", {
-        className: "flex flex-row items-center justify-center gap-1 p-3 text-center  text-sm font-semibold dark:text-white"
-    }, /* @__PURE__ */ import_react74.default.createElement("span", null, props.texts.existingUserText), /* @__PURE__ */ import_react74.default.createElement("span", {
-        onClick: props.handleRouteToSignIn,
-        className: "clickable-link"
-    }, props.texts.signInText)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react74.default.createElement(CardFooter, {
-        className: "grid grid-cols-1 gap-2 "
-    }, props.viaGoogle && /* @__PURE__ */ import_react74.default.createElement(Button, {
-        variant: "outline",
-        onClick: props.handleGoogleSignUp
-    }, /* @__PURE__ */ import_react74.default.createElement(Icons.google, {
-        className: (0, import_clsx37.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signUpViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react74.default.createElement(Button, {
-        variant: "outline",
-        onClick: props.handleGithubSignUp
-    }, /* @__PURE__ */ import_react74.default.createElement(Icons.gitHub, {
-        className: (0, import_clsx37.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signUpViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react74.default.createElement(Button, {
-        variant: "outline",
-        onClick: props.handleTwitterSignUp
-    }, /* @__PURE__ */ import_react74.default.createElement(Icons.twitter, {
-        className: (0, import_clsx37.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signUpViaTwitterLabel)) : null);
-};
-// src/blocks/AuthForms/NewPasswordForm.tsx
-var import_react75 = __toESM(require("react"));
-var import_react_hook_form5 = require("react-hook-form");
-var NewPasswordForm = function(props) {
-    var _ref = _sliced_to_array((0, import_react75.useState)(false), 2), matchError = _ref[0], setMatchError = _ref[1];
-    var methods = (0, import_react_hook_form5.useForm)();
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    var handleSubmission = function(e) {
-        if (e.password === e.confirmPassword) {
-            props.handleNewPassword();
-        } else {
-            setMatchError(true);
-        }
-    };
-    var _field_value, _field_value1;
-    return /* @__PURE__ */ import_react75.default.createElement(Card, null, matchError && /* @__PURE__ */ import_react75.default.createElement(HawaAlert, {
-        text: props.texts.passwordMatchError,
-        severity: "error"
-    }), props.passwordChanged ? /* @__PURE__ */ import_react75.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react75.default.createElement("div", {
-        className: "text-center"
-    }, props.texts.passwordChanged)) : /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form5.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react75.default.createElement("form", {
-        onSubmit: handleSubmit(handleSubmission)
-    }, /* @__PURE__ */ import_react75.default.createElement(CardHeader, null, /* @__PURE__ */ import_react75.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react75.default.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ import_react75.default.createElement(CardContent, null, /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form5.Controller, {
-        control: control,
-        name: "password",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: props.texts.passwordLabel,
-                placeholder: props.texts.passwordPlaceholder,
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
-            }, field), {
-                value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
-            }));
-        },
-        rules: {
-            required: props.texts.passwordRequiredText
-        }
-    }), /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form5.Controller, {
-        control: control,
-        name: "confirmPassword",
-        render: function(param) {
-            var field = param.field;
-            var _errors_confirmPassword;
-            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: props.texts.confirmPasswordLabel,
-                placeholder: props.texts.confirmPasswordPlaceholder,
-                helpertext: (_errors_confirmPassword = errors.confirmPassword) === null || _errors_confirmPassword === void 0 ? void 0 : _errors_confirmPassword.message
-            }, field), {
-                value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
-            }));
-        },
-        rules: {
-            required: props.texts.confirmPasswordRequiredText
-        }
-    })), /* @__PURE__ */ import_react75.default.createElement(CardFooter, null, /* @__PURE__ */ import_react75.default.createElement(Button, {
-        className: "w-full",
-        type: "submit"
-    }, props.texts.updatePassword)))));
-};
-// src/blocks/AuthForms/ResetPasswordForm.tsx
-var import_react76 = __toESM(require("react"));
-var import_react_hook_form6 = require("react-hook-form");
-var ResetPasswordForm = function(props) {
-    var methods = (0, import_react_hook_form6.useForm)();
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, register = methods.register, control = methods.control;
-    var _field_value, _props_texts_dontHaveAccount, _props_texts_signUpText;
-    return /* @__PURE__ */ import_react76.default.createElement(Card, null, !props.sent ? /* @__PURE__ */ import_react76.default.createElement(import_react76.default.Fragment, null, /* @__PURE__ */ import_react76.default.createElement(CardHeader, null, /* @__PURE__ */ import_react76.default.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ import_react76.default.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ import_react76.default.createElement("form", {
-        onSubmit: handleSubmit(props.handleResetPassword)
-    }, /* @__PURE__ */ import_react76.default.createElement(CardContent, null, /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form6.Controller, {
-        control: control,
-        name: "email",
-        render: function(param) {
-            var field = param.field;
-            var _errors_email;
-            return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: props.texts.emailLabel,
-                helpertext: (_errors_email = errors.email) === null || _errors_email === void 0 ? void 0 : _errors_email.message,
-                placeholder: props.texts.emailPlaceholder
-            }, field), {
-                value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
-            }));
-        },
-        rules: {
-            required: props.texts.emailRequiredText,
-            pattern: {
-                value: /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-                message: props.texts.emailInvalidText
-            }
-        }
-    }), /* @__PURE__ */ import_react76.default.createElement("div", {
-        className: " pb-2 text-left text-sm dark:text-gray-300"
-    }, (_props_texts_dontHaveAccount = props.texts.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react76.default.createElement("span", {
-        onClick: props.handleRouteToSignUp,
-        className: "clickable-link"
-    }, (_props_texts_signUpText = props.texts.signUpText) !== null && _props_texts_signUpText !== void 0 ? _props_texts_signUpText : "Sign Up"))), /* @__PURE__ */ import_react76.default.createElement(CardFooter, null, /* @__PURE__ */ import_react76.default.createElement(Button, {
-        type: "submit",
-        className: "w-full"
-    }, props.texts.resetPassword)))) : /* @__PURE__ */ import_react76.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react76.default.createElement("div", {
-        className: "text-center"
-    }, props.texts.emailSentText)));
-};
-// src/blocks/AuthForms/CodeConfirmation.tsx
-var import_react77 = __toESM(require("react"));
-var CodeConfirmation = function(props) {
-    var _ref = _sliced_to_array((0, import_react77.useState)(null), 2), pins = _ref[0], setPins = _ref[1];
-    var _props_texts_checkYourPhone, _props_texts_weSentCode, _props_texts_didntGetCode, _props_texts_resendCode, _props_texts_cancel, _props_texts_confirm;
-    return /* @__PURE__ */ import_react77.default.createElement(Card, null, /* @__PURE__ */ import_react77.default.createElement(CardContent, {
-        headless: true
-    }, props.showError && /* @__PURE__ */ import_react77.default.createElement(HawaAlert, {
-        title: props.errorTitle,
-        text: props.errorText,
-        severity: "error"
-    }), /* @__PURE__ */ import_react77.default.createElement("div", {
-        className: "mb-4 dark:text-white"
-    }, /* @__PURE__ */ import_react77.default.createElement("div", {
-        className: "text-lg font-bold"
-    }, (_props_texts_checkYourPhone = props.texts.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react77.default.createElement("div", {
-        className: "text-muted-foreground"
-    }, /* @__PURE__ */ import_react77.default.createElement("span", null, (_props_texts_weSentCode = props.texts.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react77.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react77.default.createElement("form", {
-        onSubmit: function(e) {
-            e.preventDefault();
-            if (pins) {
-                props.submitConfirmation(pins);
-            }
-        }
-    }, /* @__PURE__ */ import_react77.default.createElement(HawaPinInput, {
-        width: "full",
-        digits: 6,
-        getPins: function(e) {
-            return setPins(e);
-        }
-    }), /* @__PURE__ */ import_react77.default.createElement("div", {
-        className: " py-2 text-center text-xs text-muted-foreground"
-    }, /* @__PURE__ */ import_react77.default.createElement("span", null, (_props_texts_didntGetCode = props.texts.didntGetCode) !== null && _props_texts_didntGetCode !== void 0 ? _props_texts_didntGetCode : "Didn't get the code?"), " ", /* @__PURE__ */ import_react77.default.createElement("span", {
-        className: "clickable-link"
-    }, (_props_texts_resendCode = props.texts.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react77.default.createElement("div", {
-        className: "mt-4  grid grid-cols-2 gap-2"
-    }, /* @__PURE__ */ import_react77.default.createElement(Button, {
-        variant: "secondary"
-    }, (_props_texts_cancel = props.texts.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react77.default.createElement(Button, null, (_props_texts_confirm = props.texts.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
-};
-// src/blocks/Payment/SelectPayment.tsx
-var import_react78 = __toESM(require("react"));
-var SelectPayment = function(props) {
-    return /* @__PURE__ */ import_react78.default.createElement(Card, null, /* @__PURE__ */ import_react78.default.createElement(CardHeader, null, /* @__PURE__ */ import_react78.default.createElement(CardTitle, null, "Choose Payment Method")), /* @__PURE__ */ import_react78.default.createElement(CardContent, null, props.viaWallet && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
-        logo: "wallet",
-        buttonText: props.walletLabel,
-        onClick: props.handleWallet
-    }), props.viaCreditCard && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
-        logo: "visa/master",
-        buttonText: props.visaMasterLabel,
-        onClick: props.handleCreditCard
-    }), props.viaMada && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
-        logo: "mada",
-        buttonText: props.madaLabel,
-        onClick: props.handleMada
-    }), props.viaSTCPay && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
-        logo: "stcpay",
-        buttonText: props.stcPayLabel,
-        onClick: props.handleSTCPay
-    }), props.viaPayPal && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
-        logo: "paypal",
-        buttonText: props.paypalLabel,
-        onClick: props.handlePayPal
-    }), props.viaGooglePay && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
-        logo: "googlepay",
-        buttonText: props.googlePayLabel,
-        onClick: props.handleGooglePay
-    }), props.viaApplePay && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
-        logo: "applepay",
-        buttonText: props.applePayLabel,
-        onClick: props.handleApplePay
-    })));
-};
-// src/blocks/Payment/CreditCardForm.tsx
-var import_react79 = __toESM(require("react"));
-var import_react_hook_form7 = require("react-hook-form");
-var CreditCardForm = function(props) {
-    var methods = (0, import_react_hook_form7.useForm)();
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    return /* @__PURE__ */ import_react79.default.createElement(Card, null, /* @__PURE__ */ import_react79.default.createElement("form", {
-        onSubmit: handleSubmit(props.handle)
-    }, /* @__PURE__ */ import_react79.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react79.default.createElement("div", {
-        className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
-        control: control,
-        name: "cardName",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
-                width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "tel",
-                label: "Card Number",
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
-            });
-        },
-        rules: {
-            required: "Password is rquired"
-        }
-    }), /* @__PURE__ */ import_react79.default.createElement("div", {
-        className: "w-1/4"
-    }, /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
-        control: control,
-        name: "cardName",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
-                width: "full",
-                name: "password",
-                maxLength: "3",
-                autoComplete: "cc-number",
-                placeholder: "",
-                type: "password",
-                label: "CCV",
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
-            });
-        },
-        rules: {
-            required: "Password is rquired"
-        }
-    }))), /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
-        control: control,
-        name: "cardName",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
-                width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "text",
-                label: "Name On Card",
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
-            });
-        },
-        rules: {
-            required: "Password is rquired"
-        }
-    }), /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
-        control: control,
-        name: "cardName",
-        render: function(param) {
-            var field = param.field;
-            var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
-                width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "password",
-                label: "Expiry Date",
-                helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
-            });
-        },
-        rules: {
-            required: "Password is rquired"
-        }
-    })), /* @__PURE__ */ import_react79.default.createElement(CardFooter, null, /* @__PURE__ */ import_react79.default.createElement(Button, {
-        className: "w-full",
-        onClick: props.handlePayWithCreditCard
-    }, "Pay with Credit Card"))));
-};
-// src/blocks/Payment/ChargeWalletForm.tsx
-var import_react80 = __toESM(require("react"));
-var ChargeWalletForm = function(props) {
-    var _ref = _sliced_to_array((0, import_react80.useState)(0), 2), walletAmount = _ref[0], setWalletAmount = _ref[1];
-    return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
-        className: "p-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
-        className: " text-5xl font-extrabold"
-    }, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */ import_react80.default.createElement("div", {
-        className: "text-sm font-normal"
-    }, props.currency || "SAR")), /* @__PURE__ */ import_react80.default.createElement("div", {
-        className: "mb-2 flex w-full flex-col gap-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
-        className: "mb-2 flex w-full flex-row gap-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement(Button, {
-        variant: "outline",
-        className: "h-full w-full"
-    }, "10 SAR"), /* @__PURE__ */ import_react80.default.createElement(Button, {
-        variant: "outline",
-        className: "h-full w-full"
-    }, "50 SAR"), /* @__PURE__ */ import_react80.default.createElement(Button, {
-        variant: "outline",
-        className: "h-full w-full"
-    }, "100 SAR")), /* @__PURE__ */ import_react80.default.createElement(Input, {
-        placeholder: "Custom Amount",
-        type: "number",
-        name: "amount"
-    })), /* @__PURE__ */ import_react80.default.createElement(Button, {
-        className: "mt-6 w-full"
-    }, props.texts.chargeWallet)));
-};
-// src/blocks/Payment/PayWithWallet.tsx
-var import_react81 = __toESM(require("react"));
-var PayWithWallet = function(props) {
-    return /* @__PURE__ */ import_react81.default.createElement(Card, null, /* @__PURE__ */ import_react81.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react81.default.createElement("div", {
-        className: "text-center text-5xl font-extrabold"
-    }, props.walletBalance || "0", /* @__PURE__ */ import_react81.default.createElement("div", {
-        className: "text-sm font-normal"
-    }, props.currency || "SAR")), /* @__PURE__ */ import_react81.default.createElement(Button, {
-        className: "mt-6 w-full",
-        onClick: props.handlePayWithWallet
-    }, "Pay Now")));
-};
-// src/blocks/Payment/CheckoutForm.tsx
-var import_react82 = __toESM(require("react"));
-var import_react_hook_form8 = require("react-hook-form");
-var CheckoutForm = function(props) {
-    var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9;
-    var isArabic = props.lang === "ar";
-    var methods = (0, import_react_hook_form8.useForm)();
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, register = methods.register, control = methods.control;
-    var containerStyle = {
-        display: "flex",
-        padding: 0,
-        paddingRight: "0px !important",
-        paddingLeft: "0px !important",
-        flexDirection: {
-            xs: "column",
-            sm: "row",
-            md: "row",
-            lg: "row",
-            xl: "row"
-        }
-    };
-    var _field_value, _field_value1, _field_value2, _field_value3, _field_value4, _field_value5, _field_value6, _field_value7, _field_value8;
-    return /* @__PURE__ */ import_react82.default.createElement(Card, null, /* @__PURE__ */ import_react82.default.createElement(CardHeader, null, /* @__PURE__ */ import_react82.default.createElement(CardTitle, null, props.texts.orderDetails)), /* @__PURE__ */ import_react82.default.createElement(CardContent, null, /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement("div", {
-        className: "rounded border border-gray-300"
-    }, /* @__PURE__ */ import_react82.default.createElement(HawaTable, {
-        pagination: false,
-        direction: isArabic ? "rtl" : "ltr",
-        columns: [
-            {
-                hidden: false,
-                value: "Product"
-            },
-            {
-                hidden: true,
-                value: "ID"
-            },
-            {
-                hidden: false,
-                value: "Price"
-            }
-        ],
-        borders: "inner",
-        rows: props.products,
-        bordersWidth: "1"
-    })))), /* @__PURE__ */ import_react82.default.createElement(CardHeader, null, /* @__PURE__ */ import_react82.default.createElement(CardTitle, null, props.texts.billingAddress)), /* @__PURE__ */ import_react82.default.createElement("form", {
-        onSubmit: handleSubmit(props.handlePayNow)
-    }, /* @__PURE__ */ import_react82.default.createElement(CardContent, null, /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "firstName",
-        rules: {
-            required: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.required
-        },
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_firstName;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                type: "text",
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.firstNameLabel) + " *",
-                helpertext: (_errors_firstName = errors.firstName) === null || _errors_firstName === void 0 ? void 0 : _errors_firstName.message
-            }, field), {
-                value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
-            }));
-        }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
-        style: {
-            width: 20
-        }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "lastName",
-        rules: {
-            required: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.required
-        },
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_lastName;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.lastNameLabel) + " *",
-                helpertext: (_errors_lastName = errors.lastName) === null || _errors_lastName === void 0 ? void 0 : _errors_lastName.message
-            }, field), {
-                value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
-            }));
-        }
-    })), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "email",
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_email;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailLabel) + " *",
-                helpertext: (_errors_email = errors.email) === null || _errors_email === void 0 ? void 0 : _errors_email.message
-            }, field), {
-                value: (_field_value2 = field.value) !== null && _field_value2 !== void 0 ? _field_value2 : ""
-            }));
-        },
-        rules: {
-            required: (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.emailRequiredText,
-            pattern: {
-                value: /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-                message: (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.emailInvalidText
-            }
-        }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
-        className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "streetAddress",
-        rules: {
-            required: (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.required
-        },
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_streetAddress;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.streetAddressLabel) + " *",
-                helpertext: (_errors_streetAddress = errors.streetAddress) === null || _errors_streetAddress === void 0 ? void 0 : _errors_streetAddress.message
-            }, field), {
-                value: (_field_value3 = field.value) !== null && _field_value3 !== void 0 ? _field_value3 : ""
-            }));
-        }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
-        className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "province",
-        rules: {
-            required: (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.required
-        },
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_province;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.stateLabel) + " *",
-                helpertext: (_errors_province = errors.province) === null || _errors_province === void 0 ? void 0 : _errors_province.message
-            }, field), {
-                value: (_field_value4 = field.value) !== null && _field_value4 !== void 0 ? _field_value4 : ""
-            }));
-        }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
-        style: {
-            width: 20
-        }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "city",
-        rules: {
-            required: (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.required
-        },
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_city;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.cityLabel) + " *",
-                helpertext: (_errors_city = errors.city) === null || _errors_city === void 0 ? void 0 : _errors_city.message
-            }, field), {
-                value: (_field_value5 = field.value) !== null && _field_value5 !== void 0 ? _field_value5 : ""
-            }));
-        }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
-        className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "buildingNumber",
-        rules: {
-            required: (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.required
-        },
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_buildingNumber;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "text",
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.buildingNumberLabel) + " *",
-                helpertext: (_errors_buildingNumber = errors.buildingNumber) === null || _errors_buildingNumber === void 0 ? void 0 : _errors_buildingNumber.message
-            }, field), {
-                value: (_field_value6 = field.value) !== null && _field_value6 !== void 0 ? _field_value6 : ""
-            }));
-        }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
-        style: {
-            width: 20
-        }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "zipCode",
-        rules: {
-            required: (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.required
-        },
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_zipCode;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
-                width: "full",
-                type: "number",
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.zipCodeLabel) + " *",
-                helpertext: (_errors_zipCode = errors.zipCode) === null || _errors_zipCode === void 0 ? void 0 : _errors_zipCode.message
-            }, field), {
-                value: (_field_value7 = field.value) !== null && _field_value7 !== void 0 ? _field_value7 : ""
-            }));
-        }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
-        className: "mb-3"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
-        control: control,
-        name: "country",
-        rules: {
-            required: (_props_texts9 = props.texts) === null || _props_texts9 === void 0 ? void 0 : _props_texts9.required
-        },
-        render: function(param) {
-            var field = param.field;
-            var _props_texts, _errors_country;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaSelect, {
-                native: true,
-                label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.countryLabel) + " *",
-                helperText: (_errors_country = errors.country) === null || _errors_country === void 0 ? void 0 : _errors_country.message,
-                options: countries_default,
-                getOptionLabel: function(countries2) {
-                    return countries2.country_label;
-                },
-                onChange: function(e) {
-                    return field.onChange(e.country_label);
-                },
-                value: (_field_value8 = field.value) !== null && _field_value8 !== void 0 ? _field_value8 : ""
-            }, /* @__PURE__ */ import_react82.default.createElement("option", null), props.countriesList.map(function(country, i) {
-                return /* @__PURE__ */ import_react82.default.createElement("option", {
-                    key: i
-                }, country);
-            }));
-        }
-    }))))), /* @__PURE__ */ import_react82.default.createElement(CardFooter, null, /* @__PURE__ */ import_react82.default.createElement(Button, {
-        className: "w-full"
-    }, props.texts.payNow)), " "));
-};
-// src/blocks/Payment/Confirmation.tsx
-var import_react83 = __toESM(require("react"));
-var ConfirmationPage = function(props) {
-    var isArabic = props.lang === "ar";
-    return /* @__PURE__ */ import_react83.default.createElement(Card, null, /* @__PURE__ */ import_react83.default.createElement(CardContent, {
-        headless: true
-    }, " ", /* @__PURE__ */ import_react83.default.createElement("div", {
-        className: "py-5 text-center text-3xl font-bold dark:text-white"
-    }, props.confirmationTitle), /* @__PURE__ */ import_react83.default.createElement("div", {
-        className: "py-5 dark:text-white"
-    }, /* @__PURE__ */ import_react83.default.createElement("div", {
-        className: "mb-2 text-center"
-    }, props.texts.successMessage, " ", /* @__PURE__ */ import_react83.default.createElement("strong", null, props.userEmail)), /* @__PURE__ */ import_react83.default.createElement("div", {
-        className: "text-center"
-    }, props.texts.yourOrderNumber), /* @__PURE__ */ import_react83.default.createElement("div", {
-        className: "text-center font-bold"
-    }, props.orderNumber)), /* @__PURE__ */ import_react83.default.createElement("div", {
-        className: "flex flex-col items-center justify-center gap-4 py-5 pt-0"
-    }, /* @__PURE__ */ import_react83.default.createElement(Button, {
-        className: "w-full",
-        onClick: props.handlePrint
-    }, props.texts.print), /* @__PURE__ */ import_react83.default.createElement(Button, {
-        className: "w-full",
-        onClick: props.handleHistory
-    }, props.texts.history), /* @__PURE__ */ import_react83.default.createElement(Button, {
-        className: "w-full",
-        onClick: props.handleHome
-    }, props.texts.homePage), /* @__PURE__ */ import_react83.default.createElement("div", {
-        className: " text-center text-sm dark:text-white"
-    }, props.texts.fasterPaymentNote), /* @__PURE__ */ import_react83.default.createElement("a", {
-        className: "clickable-link text-xs",
-        onClick: props.handleRefundPolicyLink
-    }, props.texts.refundPolicy))));
-};
-// src/blocks/Pricing/PricingPlans.tsx
-var import_react84 = __toESM(require("react"));
-var PricingPlans = function(props) {
-    return /* @__PURE__ */ import_react84.default.createElement("div", null, /* @__PURE__ */ import_react84.default.createElement("div", {
-        className: "mb-2 flex w-full justify-between"
-    }, /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
-        design: "tabs",
-        defaultValue: props.currentCycle,
-        options: props.billingCycles,
-        onChangeTab: function(e) {
-            return props.onCycleChange(e);
-        }
-    }), /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
-        design: "tabs",
-        defaultValue: props.currentCurrency,
-        options: props.currencies,
-        onChangeTab: function(e) {
-            return props.onCurrencyChange(e);
-        }
-    })), /* @__PURE__ */ import_react84.default.createElement("div", {
-        className: "flex flex-row justify-between"
-    }, props.plans.map(function(plan, index) {
-        return /* @__PURE__ */ import_react84.default.createElement(HawaPricingCard, _object_spread_props(_object_spread({
-            key: index,
-            onPlanClicked: function() {
-                return props.onPlanClicked(plan);
-            }
-        }, plan), {
-            texts: _object_spread_props(_object_spread({}, plan.texts), {
-                currencyText: props.currentCurrency,
-                cycleText: props.currentCycle
-            })
-        }));
-    })));
-};
-// src/blocks/Pricing/ComparingPlans.tsx
-var import_react85 = __toESM(require("react"));
-var CheckMark = function() {
-    return /* @__PURE__ */ import_react85.default.createElement("svg", {
-        className: "h-5 w-5 text-green-500",
-        "aria-hidden": "true",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react85.default.createElement("path", {
-        fillRule: "evenodd",
-        d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
-        clipRule: "evenodd"
-    }));
-};
-var UncheckMark = function() {
-    return /* @__PURE__ */ import_react85.default.createElement("svg", {
-        className: "h-5 w-5 text-red-500",
-        "aria-hidden": "true",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react85.default.createElement("path", {
-        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 ComparingPlans = function(props) {
-    var _props_plans;
-    var _ref = _sliced_to_array((0, import_react85.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react85.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
-    return /* @__PURE__ */ import_react85.default.createElement("div", {
-        id: "detailed-pricing",
-        className: "w-full overflow-x-auto"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
-        className: "mb-2 flex w-full justify-between"
-    }, /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
-        design: "tabs",
-        defaultValue: currentCycle,
-        options: props.billingCycles,
-        onChangeTab: function(e) {
-            return props.onCycleChange(e);
-        }
-    }), /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
-        design: "tabs",
-        defaultValue: currentCurrency,
-        options: props.currencies,
-        onChangeTab: function(e) {
-            return props.onCurrencyChange(e);
-        }
-    })), /* @__PURE__ */ import_react85.default.createElement("div", {
-        className: " overflow-hidden rounded"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
-        className: "grid grid-cols-4 gap-x-2 border-b border-t border-gray-200 bg-gray-100 p-4 text-sm font-medium text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-white"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
-        className: "flex items-center"
-    }), props.plans.map(function(plan) {
-        return /* @__PURE__ */ import_react85.default.createElement("div", null, /* @__PURE__ */ import_react85.default.createElement("h5", {
-            className: "text-md 0 font-bold text-gray-500 dark:text-gray-400"
-        }, plan.texts.title), /* @__PURE__ */ import_react85.default.createElement("div", {
-            className: " flex items-baseline  text-gray-900 dark:text-white"
-        }, /* @__PURE__ */ import_react85.default.createElement(import_react85.default.Fragment, null, /* @__PURE__ */ import_react85.default.createElement("span", {
-            className: "text-5xl font-extrabold tracking-tight"
-        }, plan.price), /* @__PURE__ */ import_react85.default.createElement("span", {
-            className: "mx-1 text-sm font-semibold"
-        }, plan.texts.currencyText)), /* @__PURE__ */ import_react85.default.createElement("span", {
-            className: "ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"
-        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react85.default.createElement("h5", {
-            className: "text-md  font-normal text-gray-500 dark:text-gray-400"
-        }, plan.texts.subtitle));
-    })), (_props_plans = props.plans) === null || _props_plans === void 0 ? void 0 : _props_plans.map(function(plan) {
-        return plan.features.map(function(feature) {
-            return /* @__PURE__ */ import_react85.default.createElement("div", {
-                className: "grid grid-cols-4 gap-x-16 border-b border-gray-200 px-4 py-5 text-sm text-gray-700 dark:border-gray-700"
-            }, /* @__PURE__ */ import_react85.default.createElement("div", {
-                className: "  flex flex-row items-center gap-2  text-gray-500 dark:text-gray-400"
-            }, feature.text, feature.description && /* @__PURE__ */ import_react85.default.createElement(Tooltip, {
-                side: "right",
-                content: feature.description
-            }, /* @__PURE__ */ import_react85.default.createElement("svg", {
-                stroke: "currentColor",
-                fill: "currentColor",
-                "stroke-width": "0",
-                viewBox: "0 0 16 16",
-                height: "1em",
-                width: "1em"
-            }, /* @__PURE__ */ import_react85.default.createElement("path", {
-                d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
-            })))), /* @__PURE__ */ import_react85.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react85.default.createElement(CheckMark, null), /* @__PURE__ */ import_react85.default.createElement(UncheckMark, null));
-        });
-    })));
-};
-// src/blocks/Pricing/HorizontalPricing.tsx
-var import_react86 = __toESM(require("react"));
-var import_clsx38 = __toESM(require("clsx"));
-var HorizontalPricing = function(props) {
-    var _ref = _sliced_to_array((0, import_react86.useState)(null), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
-    var data = [
-        {
-            title: "basic",
-            price: "$49",
-            cycle: "/mo"
-        },
-        {
-            title: "business",
-            price: "$99",
-            cycle: "/mo"
-        },
-        {
-            title: "enterprise",
-            price: "$149",
-            cycle: "/mo"
-        }
-    ];
-    return /* @__PURE__ */ import_react86.default.createElement("div", {
-        className: "z-10 w-full max-w-screen-sm"
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
-        className: "max-w-2xl "
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
-        className: "flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
-        design: "tabs",
-        options: props.currencies,
-        defaultValue: props.currentCurrency
-    }), /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
-        design: "tabs",
-        options: props.billingCycles,
-        defaultValue: props.currentCycle
-    })), data.map(function(d) {
-        return /* @__PURE__ */ import_react86.default.createElement("label", {
-            htmlFor: d.title,
-            className: "",
-            onClick: function() {
-                return setSelectedCard(d.title);
-            }
-        }, /* @__PURE__ */ import_react86.default.createElement("input", {
-            type: "radio",
-            name: "radio",
-            id: d.title,
-            className: "peer appearance-none"
-        }), /* @__PURE__ */ import_react86.default.createElement("div", {
-            className: (0, import_clsx38.default)(selectedCard === d.title ? "peer-checked:border-blue-500" : "", "peer flex cursor-pointer items-center justify-between  rounded-xl border bg-background px-5   py-4 shadow dark:text-white  peer-checked:[&_.active]:block peer-checked:[&_.default]:hidden")
-        }, /* @__PURE__ */ import_react86.default.createElement("div", {
-            className: "peer flex items-center gap-4"
-        }, /* @__PURE__ */ import_react86.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react86.default.createElement(CardText, {
-            title: "Enterprise",
-            subtitle: "For startups and new businesses"
-        })), /* @__PURE__ */ import_react86.default.createElement(CardPrice, {
-            amount: d.price,
-            cycle: d.cycle
-        })));
-    })));
-};
-var CheckIcons = function() {
-    return /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement("svg", {
-        fill: "none",
-        viewBox: "0 0 24 24",
-        "stroke-width": "1.5",
-        stroke: "currentColor",
-        className: "default h-8 w-8 text-neutral-500"
-    }, /* @__PURE__ */ import_react86.default.createElement("path", {
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-    })), /* @__PURE__ */ import_react86.default.createElement("svg", {
-        viewBox: "0 0 24 24",
-        fill: "currentColor",
-        className: "active hidden h-8 w-8 text-blue-500"
-    }, /* @__PURE__ */ import_react86.default.createElement("path", {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
-        d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
-    })));
-};
-var CardText = function(props) {
-    return /* @__PURE__ */ import_react86.default.createElement("div", {
-        className: "peer flex flex-col items-start "
-    }, /* @__PURE__ */ import_react86.default.createElement("h2", {
-        className: "font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"
-    }, props.title), /* @__PURE__ */ import_react86.default.createElement("p", {
-        className: "text-sm text-neutral-500 dark:text-gray-300"
-    }, props.subtitle, " "));
-};
-var CardPrice = function(props) {
-    return /* @__PURE__ */ import_react86.default.createElement("h2", {
-        className: "peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"
-    }, props.amount, /* @__PURE__ */ import_react86.default.createElement("span", {
-        className: "text-base font-medium text-neutral-400"
-    }, props.cycle));
-};
-// src/blocks/Referral/ReferralAccount.tsx
-var import_react87 = __toESM(require("react"));
-var ReferralAccount = function(param) {
-    var referralLink = param.referralLink, referralCode = param.referralCode;
-    return /* @__PURE__ */ import_react87.default.createElement(Card, null, /* @__PURE__ */ import_react87.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
-        className: "my-2 mt-0"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
-        className: "mb-1"
-    }, "Referral Code"), /* @__PURE__ */ import_react87.default.createElement("div", {
-        className: "flex flex-row items-center justify-between rounded border bg-background"
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
-        className: "ml-3 font-bold"
-    }, referralCode), /* @__PURE__ */ import_react87.default.createElement(Button, {
-        onClick: function() {
-            return navigator.clipboard.writeText(referralCode);
-        }
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
-        className: "bg-red flex items-center justify-center"
-    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 512 512",
-        height: "1em",
-        width: "1em"
-    }, /* @__PURE__ */ import_react87.default.createElement("path", {
-        d: "M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"
-    })), " ")))), /* @__PURE__ */ import_react87.default.createElement("div", {
-        className: "my-2 mt-0"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
-        className: "mb-1"
-    }, "Referral Link"), /* @__PURE__ */ import_react87.default.createElement("div", {
-        className: "flex flex-row items-center justify-between rounded border bg-background"
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
-        className: "ml-3 font-bold"
-    }, referralLink), /* @__PURE__ */ import_react87.default.createElement(Button, {
-        onClick: function() {
-            return navigator.clipboard.writeText(referralLink);
-        }
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
-        className: "bg-red flex items-center justify-center"
-    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 512 512",
-        height: "1em",
-        width: "1em"
-    }, /* @__PURE__ */ import_react87.default.createElement("path", {
-        d: "M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"
-    })), " "))))));
-};
-// src/blocks/Referral/ReferralSettlement.tsx
-var import_react88 = __toESM(require("react"));
-var import_react_hook_form9 = require("react-hook-form");
-var ReferralSettlement = function(param) {
-    var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
-    var methods = (0, import_react_hook_form9.useForm)();
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    return /* @__PURE__ */ import_react88.default.createElement(Card, null, /* @__PURE__ */ import_react88.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(import_react_hook_form9.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react88.default.createElement(HawaTextField, {
-        label: "IBAN"
-    }), /* @__PURE__ */ import_react88.default.createElement(HawaTextField, {
-        label: "Holder Name"
-    }), /* @__PURE__ */ import_react88.default.createElement(import_react_hook_form9.Controller, {
-        control: control,
-        name: "bank",
-        render: function(param) {
-            var field = param.field;
-            return /* @__PURE__ */ import_react88.default.createElement(HawaSelect, _object_spread_props(_object_spread({
-                label: "Bank",
-                isCreatable: false,
-                isMulti: false,
-                isSearchable: false,
-                isClearable: false,
-                options: [
-                    {
-                        value: "snb",
-                        label: "Saudi National Bank"
-                    },
-                    {
-                        value: "bilad",
-                        label: "Al Bilad Bank"
-                    },
-                    {
-                        value: "rajihi",
-                        label: "Al Rajihi Bank"
-                    }
-                ],
-                onInputChange: function(e, o) {
-                    return console.log("changing", e);
-                }
-            }, field), {
-                onChange: function(e, o) {
-                    return console.log("chooo", e);
-                }
-            }));
-        }
-    }))), /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(Button, {
-        className: "mt-6 w-full"
-    }, "Add Bank Account")), withdrawError && /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(HawaAlert, {
-        text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
-        severity: "warning"
-    })), /* @__PURE__ */ import_react88.default.createElement("div", {
-        className: "mt-3"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
-        className: "mb-1"
-    }, "Settlement Accounts"), /* @__PURE__ */ import_react88.default.createElement("div", {
-        className: "rounded"
-    }, /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
-        bank: "Al Inma Bank",
-        iban: "SA10228094028098329119",
-        accountHolder: "Zakher Masri",
-        default: true
-    }), /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
-        bank: "Al Rajihi Bank",
-        iban: "SA10228094028098329119",
-        accountHolder: "Zakher Masri"
-    }), /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
-        bank: "Al Inma Bank",
-        iban: "SA10228094028098329119",
-        accountHolder: "Zakher Masri"
-    })))));
-};
-var SettlementAccountCard = function(props) {
-    return /* @__PURE__ */ import_react88.default.createElement("div", {
-        className: "mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
-        className: "flex flex-col justify-between"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
-        className: "text-xs"
-    }, props.bank), /* @__PURE__ */ import_react88.default.createElement("div", null, props.accountHolder), /* @__PURE__ */ import_react88.default.createElement("div", {
-        className: "text-xs"
-    }, props.iban)), /* @__PURE__ */ import_react88.default.createElement("div", {
-        className: "flex flex-row items-center justify-center gap-2"
-    }, props.default && /* @__PURE__ */ import_react88.default.createElement(HawaChip, {
-        label: "Default",
-        size: "small"
-    }), /* @__PURE__ */ import_react88.default.createElement(HawaMenu, {
-        size: "small",
-        menuItems: [
-            [
-                {
-                    label: "Set Default",
-                    disabled: props.default
-                },
-                {
-                    label: "Edit"
-                },
-                {
-                    label: "Delete"
-                }
-            ]
-        ]
-    }, /* @__PURE__ */ import_react88.default.createElement(Button, {
-        variant: "outline",
-        size: "icon"
-    }, /* @__PURE__ */ import_react88.default.createElement("svg", {
-        "aria-label": "Vertical Three Dots Menu Icon",
-        className: "rotate-90",
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 16 16",
-        height: "1em",
-        width: "1em"
-    }, /* @__PURE__ */ import_react88.default.createElement("path", {
-        d: "M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"
-    }))))));
-};
-// src/blocks/Referral/ReferralStats.tsx
-var import_react89 = __toESM(require("react"));
-var ReferralStats = function(param) {
-    var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
-    return /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "mb-1"
-    }, "Stats"), /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "justi flex flex-row gap-1"
-    }, /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
-        title: "Clicks",
-        number: 22
-    }), /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
-        title: "Sign-ups",
-        number: 32
-    }), /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
-        title: "Commission",
-        number: "213.22 SAR"
-    })), /* @__PURE__ */ import_react89.default.createElement(Button, {
-        className: "mt-6 w-full"
-    }, "Withdraw Money"), withdrawError && /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(HawaAlert, {
-        text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
-        severity: "warning"
-    })), /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "mt-3"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "mb-1"
-    }, "Sign ups"), /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "rounded"
-    }, /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
-        date: "2020/10/11 @ 9:45 pm",
-        email: "zakher@sikka.io",
-        amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
-        date: "2022/10/11 @ 9:45 pm",
-        email: "zakher@sikka.io",
-        amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
-        date: "2022/10/11 @ 9:45 pm",
-        email: "zakher@sikka.io",
-        amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
-        date: "2022/10/11 @ 9:45 pm",
-        email: "zakher@sikka.io",
-        amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
-        date: "2022/10/11 @ 9:45 pm",
-        email: "zakher@sikka.io",
-        amount: "3.4 SAR / Month"
-    })))));
-};
-var NumberCard = function(props) {
-    return /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "w-full rounded border bg-background p-2"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "text-sm"
-    }, props.title), /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "font-bold"
-    }, props.number));
-};
-var ReferralSignUpCard = function(props) {
-    return /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "mb-3 rounded border-b bg-background p-2"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "text-xs"
-    }, props.date), /* @__PURE__ */ import_react89.default.createElement("div", {
-        className: "flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", null, props.email), /* @__PURE__ */ import_react89.default.createElement("div", null, props.amount)));
-};
-// src/blocks/Misc/NotFound.tsx
-var import_react90 = __toESM(require("react"));
-var NotFound = function(param) {
-    var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
-    var _texts, _texts1, _texts2;
-    var _texts_pageNotFound, _texts_ifLost, _texts_home;
-    return /* @__PURE__ */ import_react90.default.createElement(Card, null, /* @__PURE__ */ import_react90.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react90.default.createElement("div", {
-        className: "flex flex-col items-center dark:text-white"
-    }, /* @__PURE__ */ import_react90.default.createElement("div", {
-        className: "text-center text-6xl font-bold "
-    }, "404"), /* @__PURE__ */ import_react90.default.createElement("div", {
-        className: "m-2 text-center text-xl font-bold "
-    }, (_texts_pageNotFound = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react90.default.createElement("div", {
-        className: "mb-4 text-center"
-    }, (_texts_ifLost = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ import_react90.default.createElement("span", {
-        className: "clickable-link"
-    }, "help@sikka.io"))), /* @__PURE__ */ import_react90.default.createElement(Button, {
-        className: "w-full"
-    }, (_texts_home = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.home) !== null && _texts_home !== void 0 ? _texts_home : "Home"))));
-};
-// src/blocks/Misc/EmptyState.tsx
-var import_react91 = __toESM(require("react"));
-var EmptyState = function(param) {
-    var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts, onActionClick = param.onActionClick;
-    var _texts, _texts1;
-    var _texts_youreCaughtUp, _texts_actionText;
-    return /* @__PURE__ */ import_react91.default.createElement(Card, null, /* @__PURE__ */ import_react91.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react91.default.createElement("div", {
-        className: "flex flex-col items-center justify-center text-center "
-    }, /* @__PURE__ */ import_react91.default.createElement("div", {
-        className: "flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"
-    }, /* @__PURE__ */ import_react91.default.createElement("svg", {
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 512 512",
-        height: "0.35em",
-        width: "0.35em"
-    }, /* @__PURE__ */ import_react91.default.createElement("path", {
-        d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-    }))), /* @__PURE__ */ import_react91.default.createElement("div", {
-        className: "m-2 text-xl font-bold"
-    }, (_texts_youreCaughtUp = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */ import_react91.default.createElement(CardFooter, null, /* @__PURE__ */ import_react91.default.createElement(Button, {
-        className: "w-full",
-        onClick: function() {
-            return onActionClick();
-        }
-    }, (_texts_actionText = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.actionText) !== null && _texts_actionText !== void 0 ? _texts_actionText : "Go Home")));
-};
-// src/blocks/Misc/Testimonial.tsx
-var import_react92 = __toESM(require("react"));
-var Testimonial = function(props) {
-    return /* @__PURE__ */ import_react92.default.createElement(Card, null, /* @__PURE__ */ import_react92.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react92.default.createElement("div", null, /* @__PURE__ */ import_react92.default.createElement("p", {
-        className: "mb-4 max-w-sm"
-    }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ import_react92.default.createElement("div", {
-        className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react92.default.createElement("svg", {
-        width: "48",
-        height: "48",
-        viewBox: "0 0 48 48",
-        fill: "none"
-    }, /* @__PURE__ */ import_react92.default.createElement("rect", {
-        width: "48",
-        height: "48",
-        rx: "24",
-        fill: "#45BE8B"
-    }), /* @__PURE__ */ import_react92.default.createElement("path", {
-        d: "M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",
-        fill: "#FFFFFF"
-    }), /* @__PURE__ */ import_react92.default.createElement("path", {
-        d: "M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",
-        fill: "#FFFFFF"
-    })), /* @__PURE__ */ import_react92.default.createElement("span", {
-        className: "border border-l "
-    }), " ", /* @__PURE__ */ import_react92.default.createElement("div", null, /* @__PURE__ */ import_react92.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react92.default.createElement("div", null, " Chief Information Security Officer")))));
-};
-// src/blocks/Misc/LeadGenerator.tsx
-var import_react93 = __toESM(require("react"));
-var LeadGenerator = function(param) {
-    var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts, handleNewsletterSub = param.handleNewsletterSub;
-    var _texts, _texts1, _texts2;
-    var _texts_submit;
-    return /* @__PURE__ */ import_react93.default.createElement(Card, null, /* @__PURE__ */ import_react93.default.createElement(CardHeader, null, /* @__PURE__ */ import_react93.default.createElement(CardTitle, null, (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title), /* @__PURE__ */ import_react93.default.createElement(CardDescription, null, (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle)), /* @__PURE__ */ import_react93.default.createElement(CardContent, null, /* @__PURE__ */ import_react93.default.createElement("form", {
-        className: "flex flex-row gap-2",
-        onSubmit: function(e) {
-            e.preventDefault();
-            handleNewsletterSub(e.target[0].value);
-        }
-    }, /* @__PURE__ */ import_react93.default.createElement(Input, {
-        type: "email",
-        name: "email",
-        placeholder: "example@sikka.io"
-    }), /* @__PURE__ */ import_react93.default.createElement(Button, null, (_texts_submit = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
-};
-// src/blocks/Misc/NoPermission.tsx
-var import_react94 = __toESM(require("react"));
-var NoPermission = function(param) {
-    var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
-    var _texts, _texts1;
-    var _texts_title, _texts_subtitle;
-    return /* @__PURE__ */ import_react94.default.createElement(Card, null, /* @__PURE__ */ import_react94.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react94.default.createElement("div", {
-        className: "flex flex-col items-center justify-center text-center"
-    }, /* @__PURE__ */ import_react94.default.createElement("div", {
-        className: "flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold  text-primary-foreground"
-    }, /* @__PURE__ */ import_react94.default.createElement("svg", {
-        stroke: "currentColor",
-        fill: "currentColor",
-        "stroke-width": "0",
-        viewBox: "0 0 448 512",
-        height: "0.35em",
-        width: "0.35em"
-    }, /* @__PURE__ */ import_react94.default.createElement("path", {
-        d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"
-    })), " "), /* @__PURE__ */ import_react94.default.createElement("div", {
-        className: "m-2 text-xl font-bold"
-    }, (_texts_title = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */ import_react94.default.createElement("div", null, (_texts_subtitle = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle) !== null && _texts_subtitle !== void 0 ? _texts_subtitle : "If you think this is a problem please contact your administrator or our customer support"))));
-};
-// src/hooks/useHover.ts
-var import_react95 = require("react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-    AppLanding: AppLanding,
-    AppLayout: AppLayout,
-    AppSidebar: AppSidebar,
     ArrowCarousel: ArrowCarousel,
     BackToTop: BackToTop,
-    Box: Box,
     Button: Button,
-    Card: Card,
-    CardContent: CardContent,
-    CardDescription: CardDescription,
-    CardFooter: CardFooter,
-    CardHeader: CardHeader,
-    CardTitle: CardTitle,
-    ChargeWalletForm: ChargeWalletForm,
-    CheckoutForm: CheckoutForm,
-    CodeConfirmation: CodeConfirmation,
-    ComparingPlans: ComparingPlans,
-    ConfirmationPage: ConfirmationPage,
-    CreditCardForm: CreditCardForm,
     DragDropImages: DragDropImages,
     DraggableCard: DraggableCard,
-    DropdownMenu: DropdownMenu,
-    EmptyState: EmptyState,
     FloatingComment: FloatingComment,
     FloatingCommentExec: FloatingCommentExec,
     FloatingCommentSlate: FloatingCommentSlate,
-    Footer: Footer,
     HawaAccordion: HawaAccordion,
     HawaAdCard: HawaAdCard,
     HawaAlert: HawaAlert,
-    HawaAppLayout: HawaAppLayout,
-    HawaAppLayoutSimplified: HawaAppLayoutSimplified,
-    HawaBanner: HawaBanner,
-    HawaBottomAppBar: HawaBottomAppBar,
     HawaButton: HawaButton,
     HawaCheckbox: HawaCheckbox,
     HawaChip: HawaChip,
     HawaCodeBlock: HawaCodeBlock,
     HawaColorPicker: HawaColorPicker,
-    HawaContainer: HawaContainer,
     HawaCopyrights: HawaCopyrights,
     HawaDatepicker: HawaDatepicker,
     HawaDropdownMenu: HawaDropdownMenu,
-    HawaGrid: HawaGrid,
     HawaIconCount: HawaIconCount,
     HawaInlineCode: HawaInlineCode,
     HawaItemCard: HawaItemCard,
@@ -10435,7 +6376,6 @@ var import_react95 = require("react");
     HawaSearchBar: HawaSearchBar,
     HawaSelect: HawaSelect,
     HawaSettingsRow: HawaSettingsRow,
-    HawaSiteLayout: HawaSiteLayout,
     HawaSnackbar: HawaSnackbar,
     HawaStats: HawaStats,
     HawaStepper: HawaStepper,
@@ -10446,54 +6386,10 @@ var import_react95 = require("react");
     HawaTextField: HawaTextField,
     HawaTooltip: HawaTooltip,
     HawaTypography: HawaTypography,
-    HorizontalPricing: HorizontalPricing,
-    Input: Input,
-    InterfaceSettings: InterfaceSettings,
     InvoiceAccordion: InvoiceAccordion,
-    Label: Label,
-    LeadGenerator: LeadGenerator,
-    NewPasswordForm: NewPasswordForm,
-    NoPermission: NoPermission,
-    NotFound: NotFound,
-    PayWithWallet: PayWithWallet,
-    Popover: Popover,
-    PricingPlans: PricingPlans,
-    ReferralAccount: ReferralAccount,
-    ReferralSettlement: ReferralSettlement,
-    ReferralStats: ReferralStats,
-    ResetPasswordForm: ResetPasswordForm,
-    SelectPayment: SelectPayment,
-    Separator: Separator,
-    SidebarGroup: SidebarGroup,
-    SidebarItem: SidebarItem,
-    SignInBlock: SignInBlock,
-    SignInForm: SignInForm,
-    SignInPhone: SignInPhone,
-    SignUpForm: SignUpForm,
-    Skeleton: Skeleton,
     SubsectionList: SubsectionList,
-    Tabs: Tabs,
-    TabsContent: TabsContent,
-    TabsList: TabsList,
-    TabsTrigger: TabsTrigger,
-    Testimonial: Testimonial,
-    Textarea: Textarea,
     Timeline: Timeline,
-    Toast: Toast,
-    ToastAction: ToastAction,
-    ToastClose: ToastClose,
-    ToastDescription: ToastDescription,
-    ToastProvider: ToastProvider,
-    ToastTitle: ToastTitle,
-    ToastViewport: ToastViewport,
-    Toaster: Toaster,
-    Tooltip: Tooltip,
     UsageCard: UsageCard,
     UserFeedback: UserFeedback,
-    UserProfileForm: UserProfileForm,
-    UserSettingsForm: UserSettingsForm,
-    buttonVariants: buttonVariants,
-    reducer: reducer,
-    toast: toast,
-    useToast: useToast
+    buttonVariants: buttonVariants
 });