@sikka/hawa 0.30.24-next → 0.30.26-next

package/dist/index.mjs

@@ -3461,6 +3461,8 @@ var Popover = ({
   ));
 };
 var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/combobox/Combobox.tsx
 var Combobox = React27.forwardRef(
@@ -3944,9 +3946,46 @@ var SortButton = (props) => {
 };
 
 // elements/tabs/Tabs.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { tv } from "tailwind-variants";
+
+// elements/floatBox/FloatBox.tsx
+import * as React31 from "react";
+var FloatBox = ({
+  className,
+  open,
+  side = "bottom",
+  sideOffset = 40,
+  ...props
+}) => {
+  let widthStyles = {
+    trigger: "var(--radix-popover-trigger-width)",
+    default: "auto"
+  };
+  let sideOffsetStyles = {
+    bottom: { top: sideOffset },
+    top: { bottom: sideOffset },
+    right: { left: sideOffset },
+    left: { right: sideOffset }
+  };
+  return /* @__PURE__ */ React31.createElement(
+    "div",
+    {
+      className: cn(
+        "data-[floatbox-state=closed]:hawa-invisible data-[floatbox-state=open]:hawa-visible hawa-absolute dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[floatbox-state=open]:hawa-animate-in data-[floatbox-state=closed]:hawa-animate-out data-[floatbox-state=closed]:hawa-fade-out-0 data-[floatbox-state=open]:hawa-fade-in-0 data-[floatbox-state=closed]:hawa-zoom-out-95 data-[floatbox-state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+        sideOffsetStyles[side],
+        className
+      ),
+      style: { ...sideOffsetStyles[side] },
+      "data-side": side,
+      "data-floatbox-state": open ? "open" : "closed"
+    },
+    props.children
+  );
+};
+
+// elements/tabs/Tabs.tsx
 var tabsListVariant = tv({
   base: "",
   variants: {
@@ -3955,10 +3994,7 @@ var tabsListVariant = tv({
       underlined: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded  hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
       underlined_tabs: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
     },
-    orientation: {
-      horizontal: "",
-      vertical: ""
-    }
+    orientation: { horizontal: "", vertical: "" }
   },
   compoundVariants: [
     {
@@ -3972,10 +4008,7 @@ var tabsListVariant = tv({
       class: "hawa-border-b-2 hawa-border-b-primary"
     }
   ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "horizontal"
-  }
+  defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var tabsTriggerVariant = tv({
   base: "",
@@ -3985,10 +4018,7 @@ var tabsTriggerVariant = tv({
       underlined: "hawa-inline-flex  hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
       underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded   hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground  dark:hawa-border-primary/10"
     },
-    orientation: {
-      horizontal: "",
-      vertical: ""
-    }
+    orientation: { horizontal: "", vertical: "" }
   },
   compoundVariants: [
     {
@@ -4012,13 +4042,10 @@ var tabsTriggerVariant = tv({
       class: "hawa-rounded-e-none"
     }
   ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "horizontal"
-  }
+  defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React31.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React31.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React31.createElement(
+var TabsContext = React32.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React32.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React32.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -4029,12 +4056,11 @@ var Tabs = React31.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React32.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React31.useContext(TabsContext);
-  return /* @__PURE__ */ React31.createElement(
+var TabsList = React32.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React32.useContext(TabsContext);
+  return /* @__PURE__ */ React32.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -4047,22 +4073,25 @@ var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React31.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React31.useContext(TabsContext);
-  return /* @__PURE__ */ React31.createElement(
+var TabsTrigger = React32.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React32.useContext(TabsContext);
+  return /* @__PURE__ */ React32.createElement(
     TabsPrimitive.Trigger,
     {
       ref,
-      className: cn(tabsTriggerVariant({ variant, orientation }), className),
+      className: cn(
+        tabsTriggerVariant({ variant, orientation }),
+        "hawa-relative",
+        className
+      ),
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React31.createElement(Chip, { ...chipProps })
+    chipProps && /* @__PURE__ */ React32.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React32.createElement(FloatBox, { open: props.showPopover }, props.popoverContent)
   );
 });
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React31.createElement(
+var TabsContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React32.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -4073,10 +4102,13 @@ var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
+Tabs.displayName = TabsPrimitive.Root.displayName;
+TabsList.displayName = TabsPrimitive.List.displayName;
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // elements/select/Select.tsx
-import React32 from "react";
+import React33 from "react";
 import ReactSelect from "react-select";
 import CreatableSelect from "react-select/creatable";
 import clsx3 from "clsx";
@@ -4087,10 +4119,10 @@ var Select = ({
 }) => {
   const NoOption = () => {
     var _a, _b;
-    return /* @__PURE__ */ React32.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+    return /* @__PURE__ */ React33.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ React32.createElement(
+    return /* @__PURE__ */ React33.createElement(
       "div",
       {
         ref: innerRef,
@@ -4103,7 +4135,7 @@ var Select = ({
     );
   };
   const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ React32.createElement(
+    return /* @__PURE__ */ React33.createElement(
       "div",
       {
         ref: innerRef,
@@ -4124,7 +4156,7 @@ var Select = ({
     ...menuProps
   }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ React32.createElement(
+    return /* @__PURE__ */ React33.createElement(
       "div",
       {
         className: cn(
@@ -4138,7 +4170,7 @@ var Select = ({
       children
     );
   };
-  return /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React33.createElement(
     "div",
     {
       className: cn(
@@ -4146,10 +4178,10 @@ var Select = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ React32.createElement(Label2, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ React32.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+    props.label && /* @__PURE__ */ React33.createElement(Label2, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ React33.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
       //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React33.createElement(
         ReactSelect,
         {
           noOptionsMessage: NoOption,
@@ -4186,7 +4218,7 @@ var Select = ({
           isSearchable: props.isSearchable
         }
       )
-    ) : /* @__PURE__ */ React32.createElement(
+    ) : /* @__PURE__ */ React33.createElement(
       CreatableSelect,
       {
         formatCreateLabel: (inputValue) => {
@@ -4216,7 +4248,7 @@ var Select = ({
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    !props.hideHelperText && /* @__PURE__ */ React32.createElement(
+    !props.hideHelperText && /* @__PURE__ */ React33.createElement(
       "p",
       {
         className: cn(
@@ -4230,15 +4262,15 @@ var Select = ({
 };
 
 // elements/switch/Switch.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-var Switch = React33.forwardRef(
+var Switch = React34.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React33.useState(
+    const [parentDirection, setParentDirection] = React34.useState(
       null
     );
-    const parentRef = React33.useRef(null);
-    React33.useEffect(() => {
+    const parentRef = React34.useRef(null);
+    React34.useEffect(() => {
       var _a;
       const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
@@ -4266,13 +4298,13 @@ var Switch = React33.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React33.createElement(
+    return /* @__PURE__ */ React34.createElement(
       "div",
       {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
       },
-      /* @__PURE__ */ React33.createElement(
+      /* @__PURE__ */ React34.createElement(
         SwitchPrimitives.Root,
         {
           className: cn(
@@ -4286,7 +4318,7 @@ var Switch = React33.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React33.createElement(
+        /* @__PURE__ */ React34.createElement(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -4300,14 +4332,14 @@ var Switch = React33.forwardRef(
           }
         )
       ),
-      label && /* @__PURE__ */ React33.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
+      label && /* @__PURE__ */ React34.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
     );
   }
 );
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // elements/checkbox/Checkbox.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 var Checkbox = ({
   id,
@@ -4327,7 +4359,7 @@ var Checkbox = ({
     lg: 0.9,
     xl: 1
   };
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     "div",
     {
       className: cn(
@@ -4335,7 +4367,7 @@ var Checkbox = ({
         size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React35.createElement(
       CheckboxElement,
       {
         ...props,
@@ -4345,7 +4377,7 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React34.createElement(
+    (label || helperText) && /* @__PURE__ */ React35.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React35.createElement(
       "label",
       {
         htmlFor: id,
@@ -4359,7 +4391,7 @@ var Checkbox = ({
         }
       },
       label
-    ), sublabel && /* @__PURE__ */ React34.createElement(
+    ), sublabel && /* @__PURE__ */ React35.createElement(
       "label",
       {
         htmlFor: id,
@@ -4369,7 +4401,7 @@ var Checkbox = ({
         )
       },
       sublabel
-    ), helperText && !disabled && /* @__PURE__ */ React34.createElement(
+    ), helperText && !disabled && /* @__PURE__ */ React35.createElement(
       "label",
       {
         htmlFor: id,
@@ -4382,7 +4414,7 @@ var Checkbox = ({
     ))
   );
 };
-var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
+var CheckboxElement = React35.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
   let checkboxRadius = {
     none: "hawa-rounded-none",
     inherit: "hawa-rounded-sm",
@@ -4404,7 +4436,7 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
     lg: "1em",
     xl: "1.25em"
   };
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -4416,14 +4448,14 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
       ),
       ...props
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React35.createElement(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
         )
       },
-      /* @__PURE__ */ React34.createElement(
+      /* @__PURE__ */ React35.createElement(
         "svg",
         {
           "aria-label": "Check Mark",
@@ -4434,7 +4466,7 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
           height: checkboxIndicatorSizes[size],
           width: checkboxIndicatorSizes[size]
         },
-        /* @__PURE__ */ React34.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__ */ React35.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" })
       ),
       " "
     )
@@ -4443,9 +4475,9 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
 // elements/progress/Progress.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React35.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React35.createElement(Label2, { ...props.labelProps }, props.label), /* @__PURE__ */ React35.createElement(
+var Progress = React36.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React36.createElement(Label2, { ...props.labelProps }, props.label), /* @__PURE__ */ React36.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -4455,7 +4487,7 @@ var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React35.createElement(
+  /* @__PURE__ */ React36.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
@@ -4466,67 +4498,82 @@ var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // elements/breadcrumb/Breadcrumb.tsx
-import React36 from "react";
+import React37 from "react";
 var Breadcrumb = ({
   breadcrumbLinks,
-  separator = ">"
+  separator = ">",
+  size = "normal"
 }) => {
-  return /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ React36.createElement(
+  const textStyles = {
+    normal: "",
+    small: "hawa-text-sm",
+    xs: "hawa-text-xs"
+  };
+  return /* @__PURE__ */ React37.createElement(
     "div",
     {
-      key: index,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
+      className: cn(
+        "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm",
+        textStyles[size]
+      )
     },
-    /* @__PURE__ */ React36.createElement(
-      "a",
+    breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ React37.createElement(
+      "div",
       {
-        href: singleBreadcrumbLink.href,
-        className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        key: index,
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      singleBreadcrumbLink.label
-    ),
-    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ React36.createElement("div", null, separator) : /* @__PURE__ */ React36.createElement("div", null, separator) : null
-  )));
+      /* @__PURE__ */ React37.createElement(
+        "a",
+        {
+          href: singleBreadcrumbLink.href,
+          className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        },
+        singleBreadcrumbLink.label
+      ),
+      index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ React37.createElement("div", null, separator) : /* @__PURE__ */ React37.createElement("div", null, separator) : null
+    ))
+  );
 };
 
 // elements/appStores/AppStores.tsx
-import React37 from "react";
+import React38 from "react";
 var AppStores = (props) => {
-  return /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React37.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ React37.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ React37.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React37.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React38.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ React38.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ React38.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React38.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React38.createElement(
     "path",
     {
       fill: "currentColor",
       d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
     }
-  ))), /* @__PURE__ */ React37.createElement("div", null, /* @__PURE__ */ React37.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React37.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React37.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ React37.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React37.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React37.createElement(
+  ))), /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React38.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React38.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ React38.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React38.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React38.createElement(
     "path",
     {
       fill: "#FFD400",
       d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
     }
-  ), /* @__PURE__ */ React37.createElement(
+  ), /* @__PURE__ */ React38.createElement(
     "path",
     {
       fill: "#FF3333",
       d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
     }
-  ), /* @__PURE__ */ React37.createElement(
+  ), /* @__PURE__ */ React38.createElement(
     "path",
     {
       fill: "#48FF48",
       d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
     }
-  ), /* @__PURE__ */ React37.createElement(
+  ), /* @__PURE__ */ React38.createElement(
     "path",
     {
       fill: "#3BCCFF",
       d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
     }
-  ))), /* @__PURE__ */ React37.createElement("div", null, /* @__PURE__ */ React37.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React37.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
+  ))), /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React38.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
 };
 
 // elements/badge/Badge.tsx
-import React38, { useEffect as useEffect8, useState as useState10, useRef as useRef7 } from "react";
+import React39, { useEffect as useEffect8, useState as useState10, useRef as useRef7 } from "react";
 var Badge = ({
   anchor,
   position = "right",
@@ -4564,7 +4611,7 @@ var Badge = ({
       window.removeEventListener("resize", handlePositioning);
     };
   }, [anchor]);
-  return /* @__PURE__ */ React38.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React39.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ React39.createElement(
     "div",
     {
       style: {
@@ -4590,7 +4637,7 @@ var BadgedComponent = ({
   text
 }) => {
   const ref = useRef7(null);
-  return /* @__PURE__ */ React38.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React39.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ React39.createElement(
     Badge,
     {
       size,
@@ -4603,7 +4650,7 @@ var BadgedComponent = ({
 };
 
 // elements/phoneInput/PhoneInput.tsx
-import React39, { useState as useState11, useRef as useRef8, useEffect as useEffect9 } from "react";
+import React40, { useState as useState11, useRef as useRef8, useEffect as useEffect9 } from "react";
 
 // countries.ts
 var countries = [
@@ -6321,7 +6368,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ React39.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React39.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React39.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React40.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React40.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React40.createElement(
     Select,
     {
       width: "fit",
@@ -6337,7 +6384,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       value: countryCode == null ? void 0 : countryCode.label,
       onChange: setCountryCode
     }
-  ), /* @__PURE__ */ React39.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React40.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React40.createElement(
     "input",
     {
       ref: inputRef,
@@ -6350,7 +6397,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       type: "tel",
       placeholder: props.placeholder
     }
-  ))), /* @__PURE__ */ React39.createElement(
+  ))), /* @__PURE__ */ React40.createElement(
     "p",
     {
       className: cn(
@@ -6363,7 +6410,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
 };
 
 // elements/pinInput/PinInput.tsx
-import React40, { useEffect as useEffect10, useState as useState12 } from "react";
+import React41, { useEffect as useEffect10, useState as useState12 } from "react";
 var PinInput = ({
   label,
   icon,
@@ -6407,13 +6454,13 @@ var PinInput = ({
       }
     }
   };
-  return /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React41.createElement(
     "div",
     {
       className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
       dir: "ltr"
     },
-    pin.map((value, index) => /* @__PURE__ */ React40.createElement(
+    pin.map((value, index) => /* @__PURE__ */ React41.createElement(
       "input",
       {
         key: index,
@@ -6433,7 +6480,7 @@ var PinInput = ({
         ...inputProps
       }
     ))
-  ), /* @__PURE__ */ React40.createElement(
+  ), /* @__PURE__ */ React41.createElement(
     "p",
     {
       className: cn(
@@ -6446,30 +6493,30 @@ var PinInput = ({
 };
 
 // elements/stopPropagationWrapper/StopPropagationWrapper.tsx
-import React41 from "react";
+import React42 from "react";
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ React41.createElement("div", { onClick: handleClick }, props.children);
+  return /* @__PURE__ */ React42.createElement("div", { onClick: handleClick }, props.children);
 };
 
 // elements/scrollArea/ScrollArea.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-var ScrollArea = React42.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React42.createElement(
+var ScrollArea = React43.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React43.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("hawa-relative hawa-overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React42.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React42.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React42.createElement(ScrollAreaPrimitive.Corner, null)
+  /* @__PURE__ */ React43.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React43.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React43.createElement(ScrollAreaPrimitive.Corner, null)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React42.createElement(
+var ScrollBar = React43.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React43.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -6482,7 +6529,7 @@ var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React42.createElement(
+  /* @__PURE__ */ React43.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -6495,7 +6542,7 @@ var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // elements/colorPicker/ColorPicker.tsx
-import React43, {
+import React44, {
   useState as useState13,
   useEffect as useEffect11
 } from "react";
@@ -6527,13 +6574,13 @@ var ColorPicker = ({
       props.handleChange(e);
     }
   };
-  return /* @__PURE__ */ React43.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React43.createElement(Label2, { ...labelProps }, props.label), isLoading ? /* @__PURE__ */ React43.createElement(Skeleton, { style: { height: 40, width: 148 } }) : /* @__PURE__ */ React43.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React44.createElement(Label2, { ...labelProps }, props.label), isLoading ? /* @__PURE__ */ React44.createElement(Skeleton, { style: { height: 40, width: 148 } }) : /* @__PURE__ */ React44.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React44.createElement(
     "div",
     {
       style: { height: 40, backgroundColor: selectedColor },
       className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
     },
-    /* @__PURE__ */ React43.createElement(
+    /* @__PURE__ */ React44.createElement(
       "input",
       {
         disabled: preview,
@@ -6552,7 +6599,7 @@ var ColorPicker = ({
         ...colorPickerProps
       }
     )
-  ), /* @__PURE__ */ React43.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React43.createElement(
+  ), /* @__PURE__ */ React44.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React44.createElement(
     "input",
     {
       disabled: preview,
@@ -6571,7 +6618,7 @@ var ColorPicker = ({
       },
       ...textInputProps
     }
-  ))), !forceHideHelperText && /* @__PURE__ */ React43.createElement(
+  ))), !forceHideHelperText && /* @__PURE__ */ React44.createElement(
     "p",
     {
       className: cn(
@@ -6584,7 +6631,7 @@ var ColorPicker = ({
 };
 
 // elements/progressCircle/ProgressCircle.tsx
-import React44 from "react";
+import React45 from "react";
 var size2config = {
   xs: { radius: 15, strokeWidth: 3 },
   sm: { radius: 19, strokeWidth: 4 },
@@ -6601,7 +6648,7 @@ function getLimitedValue(input) {
     return input;
   }
 }
-var ProgressCircle = React44.forwardRef((props, ref) => {
+var ProgressCircle = React45.forwardRef((props, ref) => {
   const {
     value: inputValue,
     size = "md",
@@ -6621,7 +6668,7 @@ var ProgressCircle = React44.forwardRef((props, ref) => {
   const circumference = normalizedRadius * 2 * Math.PI;
   const strokeDashoffset = value / 100 * circumference;
   const offset = circumference - strokeDashoffset;
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
     "div",
     {
       ref,
@@ -6630,7 +6677,7 @@ var ProgressCircle = React44.forwardRef((props, ref) => {
         className
       )
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       "svg",
       {
         width: radius * 2,
@@ -6638,7 +6685,7 @@ var ProgressCircle = React44.forwardRef((props, ref) => {
         viewBox: `0 0 ${radius * 2} ${radius * 2}`,
         className: "hawa-rotate-180 hawa-transform"
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -6654,7 +6701,7 @@ var ProgressCircle = React44.forwardRef((props, ref) => {
           )
         }
       ),
-      value > 0 ? /* @__PURE__ */ React44.createElement(
+      value > 0 ? /* @__PURE__ */ React45.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -6674,24 +6721,24 @@ var ProgressCircle = React44.forwardRef((props, ref) => {
         }
       ) : null
     ),
-    /* @__PURE__ */ React44.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
+    /* @__PURE__ */ React45.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
   ));
 });
 ProgressCircle.displayName = "ProgressCircle";
 
 // elements/pagination/Pagination.tsx
-import React45 from "react";
+import React46 from "react";
 import { Pagination as PaginationPrimitive } from "react-headless-pagination";
 var Pagination = ({
   direction,
   totalPages,
   currentPage
 }) => {
-  const [page, setPage] = React45.useState(currentPage || 0);
+  const [page, setPage] = React46.useState(currentPage || 0);
   const handlePageChange = (page2) => {
     setPage(page2);
   };
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement(
     PaginationPrimitive,
     {
       totalPages,
@@ -6703,10 +6750,10 @@ var Pagination = ({
       truncableText: "...",
       truncableClassName: "hawa-w-10 hawa-px-0.5 hawa-text-center"
     },
-    /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React46.createElement(
       PaginationPrimitive.PrevButton,
       {
-        as: /* @__PURE__ */ React45.createElement(
+        as: /* @__PURE__ */ React46.createElement(
           "button",
           {
             "aria-label": "Previous Table Page",
@@ -6716,7 +6763,7 @@ var Pagination = ({
             ),
             style: { minWidth: 36 }
           },
-          /* @__PURE__ */ React45.createElement(
+          /* @__PURE__ */ React46.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -6729,7 +6776,7 @@ var Pagination = ({
               strokeLinecap: "round",
               strokeLinejoin: "round"
             },
-            /* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
+            /* @__PURE__ */ React46.createElement("path", { d: "m15 18-6-6 6-6" })
           )
         ),
         className: cn(
@@ -6742,17 +6789,17 @@ var Pagination = ({
       },
       "Previous"
     ),
-    /* @__PURE__ */ React45.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ React45.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React46.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ React46.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React46.createElement(
       PaginationPrimitive.PageButton,
       {
         className: "hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2",
         activeClassName: "hawa-bg-primary hawa-text-primary-foreground hawa-transition-all"
       }
     ))),
-    /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React46.createElement(
       PaginationPrimitive.NextButton,
       {
-        as: /* @__PURE__ */ React45.createElement(
+        as: /* @__PURE__ */ React46.createElement(
           "button",
           {
             "aria-label": "Previous Table Page",
@@ -6762,7 +6809,7 @@ var Pagination = ({
             ),
             style: { minWidth: 36 }
           },
-          /* @__PURE__ */ React45.createElement(
+          /* @__PURE__ */ React46.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -6775,7 +6822,7 @@ var Pagination = ({
               strokeLinecap: "round",
               strokeLinejoin: "round"
             },
-            /* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
+            /* @__PURE__ */ React46.createElement("path", { d: "m15 18-6-6 6-6" })
           )
         ),
         className: cn(
@@ -6792,11 +6839,11 @@ var Pagination = ({
 };
 
 // elements/passwordInput/PasswordInput.tsx
-import React49, { useEffect as useEffect12, useState as useState14 } from "react";
+import React50, { useEffect as useEffect12, useState as useState14 } from "react";
 
 // icons/Emojis.tsx
-import React46 from "react";
-var VeryGoodEmoji = () => /* @__PURE__ */ React46.createElement(
+import React47 from "react";
+var VeryGoodEmoji = () => /* @__PURE__ */ React47.createElement(
   "svg",
   {
     fill: "none",
@@ -6805,7 +6852,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React46.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React46.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ React46.createElement(
+  /* @__PURE__ */ React47.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ React47.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -6813,7 +6860,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React46.createElement(
       fill: "currentColor",
       fillRule: "evenodd"
     }
-  ), /* @__PURE__ */ React46.createElement(
+  ), /* @__PURE__ */ React47.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -6823,7 +6870,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React46.createElement(
     }
   ))
 );
-var GoodEmoji = () => /* @__PURE__ */ React46.createElement(
+var GoodEmoji = () => /* @__PURE__ */ React47.createElement(
   "svg",
   {
     fill: "none",
@@ -6832,7 +6879,7 @@ var GoodEmoji = () => /* @__PURE__ */ React46.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React46.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ React46.createElement(
+  /* @__PURE__ */ React47.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ React47.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -6842,7 +6889,7 @@ var GoodEmoji = () => /* @__PURE__ */ React46.createElement(
     }
   ))
 );
-var BadEmoji = () => /* @__PURE__ */ React46.createElement(
+var BadEmoji = () => /* @__PURE__ */ React47.createElement(
   "svg",
   {
     fill: "none",
@@ -6851,7 +6898,7 @@ var BadEmoji = () => /* @__PURE__ */ React46.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React46.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ React46.createElement(
+  /* @__PURE__ */ React47.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ React47.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -6861,7 +6908,7 @@ var BadEmoji = () => /* @__PURE__ */ React46.createElement(
     }
   ))
 );
-var VeryBadEmoji = () => /* @__PURE__ */ React46.createElement(
+var VeryBadEmoji = () => /* @__PURE__ */ React47.createElement(
   "svg",
   {
     fill: "none",
@@ -6870,13 +6917,13 @@ var VeryBadEmoji = () => /* @__PURE__ */ React46.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React46.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ React46.createElement(
+  /* @__PURE__ */ React47.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ React47.createElement(
     "path",
     {
       d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
       fill: "#0070F3"
     }
-  ), /* @__PURE__ */ React46.createElement(
+  ), /* @__PURE__ */ React47.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -6888,8 +6935,8 @@ var VeryBadEmoji = () => /* @__PURE__ */ React46.createElement(
 );
 
 // icons/InputIcons.tsx
-import React47 from "react";
-var EyeIcon = (props) => /* @__PURE__ */ React47.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React47.createElement(
+import React48 from "react";
+var EyeIcon = (props) => /* @__PURE__ */ React48.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React48.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6900,10 +6947,10 @@ var EyeIcon = (props) => /* @__PURE__ */ React47.createElement("div", { classNam
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React47.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-  /* @__PURE__ */ React47.createElement("circle", { cx: "12", cy: "12", r: "3" })
+  /* @__PURE__ */ React48.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+  /* @__PURE__ */ React48.createElement("circle", { cx: "12", cy: "12", r: "3" })
 ));
-var HiddenEyeIcon = (props) => /* @__PURE__ */ React47.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React47.createElement(
+var HiddenEyeIcon = (props) => /* @__PURE__ */ React48.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React48.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6914,20 +6961,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ React47.createElement("div", { cl
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React47.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-  /* @__PURE__ */ React47.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
-  /* @__PURE__ */ React47.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
-  /* @__PURE__ */ React47.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+  /* @__PURE__ */ React48.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+  /* @__PURE__ */ React48.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
+  /* @__PURE__ */ React48.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
+  /* @__PURE__ */ React48.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
 // icons/CommonIcons.tsx
-import React48 from "react";
+import React49 from "react";
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles2 = {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(
     "svg",
     {
       className: cn(sizeStyles2[size], className),
@@ -6935,7 +6982,7 @@ var CheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React48.createElement(
+    /* @__PURE__ */ React49.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -6950,7 +6997,7 @@ var UncheckMark = ({ size = "default", className }) => {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(
     "svg",
     {
       className: cn(sizeStyles2[size], className),
@@ -6958,7 +7005,7 @@ var UncheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React48.createElement(
+    /* @__PURE__ */ React49.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -6996,7 +7043,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
     strong: "80%",
     "very-strong": "100%"
   }[currentStrengthLevel];
-  return /* @__PURE__ */ React49.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ React50.createElement(
     "div",
     {
       className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
@@ -7056,7 +7103,7 @@ var PasswordInput = ({
     setIsInputFocused(false);
   };
   const getCriteriaClass = (isMet) => isMet ? "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-green-500" : "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-red-600";
-  return /* @__PURE__ */ React49.createElement("div", null, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement("div", null, /* @__PURE__ */ React50.createElement(
     Popover,
     {
       width: "trigger",
@@ -7065,7 +7112,7 @@ var PasswordInput = ({
       onOpenChange: setIsInputFocused,
       triggerProps: { asChild: true },
       contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
-      trigger: /* @__PURE__ */ React49.createElement(
+      trigger: /* @__PURE__ */ React50.createElement(
         "div",
         {
           onClick: (e) => {
@@ -7075,7 +7122,7 @@ var PasswordInput = ({
             }
           }
         },
-        /* @__PURE__ */ React49.createElement(
+        /* @__PURE__ */ React50.createElement(
           Input,
           {
             width: "full",
@@ -7085,27 +7132,27 @@ var PasswordInput = ({
             onFocus: handleInputFocus,
             onBlur: handleInputBlur,
             type: passwordVisible ? "text" : "password",
-            endIcon: /* @__PURE__ */ React49.createElement(
+            endIcon: /* @__PURE__ */ React50.createElement(
               "div",
               {
                 className: "hawa-cursor-pointer",
                 onClick: () => setPasswordVisible(!passwordVisible)
               },
-              passwordVisible ? /* @__PURE__ */ React49.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React49.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+              passwordVisible ? /* @__PURE__ */ React50.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React50.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
               " "
             )
           }
         )
       )
     },
-    /* @__PURE__ */ React49.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React49.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React49.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ React49.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React49.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ React49.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ React49.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React49.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ React49.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ React49.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React49.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ React49.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ React49.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React49.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ React49.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ React49.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React49.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
-  ), /* @__PURE__ */ React49.createElement(PasswordStrengthIndicator, { strength: currentStr }));
+    /* @__PURE__ */ React50.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React50.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React50.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ React50.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React50.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ React50.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ React50.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React50.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ React50.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ React50.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React50.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ React50.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ React50.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React50.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ React50.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ React50.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React50.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
+  ), /* @__PURE__ */ React50.createElement(PasswordStrengthIndicator, { strength: currentStr }));
 };
 
 // elements/slider/Slider.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React50.createElement(
+var Slider = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React51.createElement(
   SliderPrimitive.Root,
   {
     ref,
@@ -7115,13 +7162,13 @@ var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   },
-  /* @__PURE__ */ React50.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React50.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
-  /* @__PURE__ */ React50.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
+  /* @__PURE__ */ React51.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React51.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React51.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // elements/simpleTable/SimpleTable.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 import {
   flexRender as flexRender2,
   getCoreRowModel as getCoreRowModel2,
@@ -7140,7 +7187,7 @@ var SimpleTable = ({
     columns,
     getCoreRowModel: getCoreRowModel2()
   });
-  return /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React52.createElement(
     "div",
     {
       className: cn(
@@ -7148,8 +7195,8 @@ var SimpleTable = ({
         classNames
       )
     },
-    props.isLoading ? /* @__PURE__ */ React51.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React51.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React51.createElement(Table, null, !headerless && table.getAllColumns().length > 0 && /* @__PURE__ */ React51.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React51.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ React51.createElement(
+    props.isLoading ? /* @__PURE__ */ React52.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React52.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React52.createElement(Table, null, !headerless && table.getAllColumns().length > 0 && /* @__PURE__ */ React52.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React52.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ React52.createElement(
         TableHead,
         {
           condensed: props.condensed,
@@ -7164,7 +7211,7 @@ var SimpleTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React51.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React51.createElement(
+    })))), /* @__PURE__ */ React52.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React52.createElement(
       TableRow,
       {
         key: row.id,
@@ -7172,7 +7219,7 @@ var SimpleTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React51.createElement(
+        return /* @__PURE__ */ React52.createElement(
           TableCell,
           {
             dir: props.direction,
@@ -7188,7 +7235,7 @@ var SimpleTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React51.createElement(TableRow, null, /* @__PURE__ */ React51.createElement(
+    )) : /* @__PURE__ */ React52.createElement(TableRow, null, /* @__PURE__ */ React52.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -7200,12 +7247,12 @@ var SimpleTable = ({
 };
 
 // elements/separator/Separator.tsx
-import * as React52 from "react";
+import * as React53 from "react";
 var Separator2 = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React52.createElement(
+}) => /* @__PURE__ */ React53.createElement(
   "div",
   {
     className: cn(
@@ -7218,7 +7265,7 @@ var Separator2 = ({
 );
 
 // elements/scrollIndicator/ScrollIndicator.tsx
-import React53, { useState as useState15, useEffect as useEffect13 } from "react";
+import React54, { useState as useState15, useEffect as useEffect13 } from "react";
 var ScrollIndicator = ({
   anchor,
   inContainer = false
@@ -7243,7 +7290,7 @@ var ScrollIndicator = ({
       (_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
     };
   }, [anchor]);
-  return /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React54.createElement(
     "div",
     {
       style: {
@@ -7259,7 +7306,7 @@ var ScrollIndicator = ({
 };
 
 // elements/codeBlock/CodeBlock.tsx
-import React54, { useState as useState17 } from "react";
+import React55, { useState as useState17 } from "react";
 import { Highlight, themes, Prism } from "prism-react-renderer";
 
 // hooks/useClipboard.ts
@@ -7291,7 +7338,7 @@ function useClipboard({ timeout = 2e3 } = {}) {
 // elements/codeBlock/CodeBlock.tsx
 (typeof global !== "undefined" ? global : window).Prism = Prism;
 __require("prismjs/components/prism-bash");
-var CopyIcon = () => /* @__PURE__ */ React54.createElement(
+var CopyIcon = () => /* @__PURE__ */ React55.createElement(
   "svg",
   {
     "aria-label": "Copy",
@@ -7304,8 +7351,8 @@ var CopyIcon = () => /* @__PURE__ */ React54.createElement(
     height: "1em",
     width: "1em"
   },
-  /* @__PURE__ */ React54.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-  /* @__PURE__ */ React54.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  /* @__PURE__ */ React55.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ React55.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
 );
 var CodeBlock = ({
   tabs,
@@ -7327,7 +7374,7 @@ var CodeBlock = ({
     sm: "hawa-w-full hawa-max-w-sm",
     xs: "hawa-w-full hawa-max-w-xs"
   };
-  return /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React55.createElement(
     "div",
     {
       className: cn(
@@ -7336,7 +7383,7 @@ var CodeBlock = ({
         classNames == null ? void 0 : classNames.root
       )
     },
-    fileName && /* @__PURE__ */ React54.createElement(
+    fileName && /* @__PURE__ */ React55.createElement(
       "div",
       {
         className: cn(
@@ -7345,7 +7392,7 @@ var CodeBlock = ({
           classNames == null ? void 0 : classNames.fileName
         )
       },
-      /* @__PURE__ */ React54.createElement(
+      /* @__PURE__ */ React55.createElement(
         "div",
         {
           className: cn(
@@ -7355,7 +7402,7 @@ var CodeBlock = ({
         fileName
       )
     ),
-    tabs && /* @__PURE__ */ React54.createElement(
+    tabs && /* @__PURE__ */ React55.createElement(
       "div",
       {
         className: cn(
@@ -7364,7 +7411,7 @@ var CodeBlock = ({
           classNames == null ? void 0 : classNames.tabs
         )
       },
-      tabs.map((tab, i) => /* @__PURE__ */ React54.createElement(
+      tabs.map((tab, i) => /* @__PURE__ */ React55.createElement(
         "div",
         {
           key: i,
@@ -7373,7 +7420,7 @@ var CodeBlock = ({
             classNames == null ? void 0 : classNames.tab
           )
         },
-        /* @__PURE__ */ React54.createElement(
+        /* @__PURE__ */ React55.createElement(
           "div",
           {
             onClick: () => setSelectedTab(i),
@@ -7385,7 +7432,7 @@ var CodeBlock = ({
         )
       ))
     ),
-    /* @__PURE__ */ React54.createElement(
+    /* @__PURE__ */ React55.createElement(
       "div",
       {
         className: cn(
@@ -7395,22 +7442,22 @@ var CodeBlock = ({
           "hawa-overflow-y-auto"
         )
       },
-      /* @__PURE__ */ React54.createElement(
+      /* @__PURE__ */ React55.createElement(
         "div",
         {
           className: cn(
             "hawa-flex hawa-absolute  hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-z-50  hawa-right-3 hawa-top-3"
           )
         },
-        /* @__PURE__ */ React54.createElement(
+        /* @__PURE__ */ React55.createElement(
           Tooltip,
           {
             open: clipboard.copied,
             side: "left",
-            content: /* @__PURE__ */ React54.createElement("div", null, "Copied!"),
+            content: /* @__PURE__ */ React55.createElement("div", null, "Copied!"),
             triggerProps: { asChild: true }
           },
-          /* @__PURE__ */ React54.createElement(
+          /* @__PURE__ */ React55.createElement(
             Button,
             {
               size: "smallIcon",
@@ -7418,18 +7465,18 @@ var CodeBlock = ({
               variant: "outline",
               className: "hawa-text-gray-200 hawa-opacity-50 dark:hawa-border-gray-200 dark:hover:hawa-border-gray-400"
             },
-            /* @__PURE__ */ React54.createElement(CopyIcon, null)
+            /* @__PURE__ */ React55.createElement(CopyIcon, null)
           )
         )
       ),
-      /* @__PURE__ */ React54.createElement(
+      /* @__PURE__ */ React55.createElement(
         Highlight,
         {
           theme,
           code: tabs ? tabs[selectedTab].code : code || "",
           language
         },
-        ({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React54.createElement(
+        ({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React55.createElement(
           "pre",
           {
             className: cn(
@@ -7439,7 +7486,7 @@ var CodeBlock = ({
               wrapText && "hawa-text-wrap"
             )
           },
-          tokens.map((line, i) => /* @__PURE__ */ React54.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React54.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React54.createElement("span", { key, ...getTokenProps({ token }) }))))
+          tokens.map((line, i) => /* @__PURE__ */ React55.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React55.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React55.createElement("span", { key, ...getTokenProps({ token }) }))))
         )
       )
     )
@@ -7447,7 +7494,7 @@ var CodeBlock = ({
 };
 
 // elements/carousel/Carousel.tsx
-import React55, { useEffect as useEffect14, useState as useState18 } from "react";
+import React56, { useEffect as useEffect14, useState as useState18 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 var Carousel = ({
   items,
@@ -7486,17 +7533,17 @@ var Carousel = ({
         clearInterval(autoplayTimer);
     };
   }, [emblaApi, autoplay, autoplayInterval]);
-  const length = React55.Children.count(items);
+  const length = React56.Children.count(items);
   const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
   const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
-  return /* @__PURE__ */ React55.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React55.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React55.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React55.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React56.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React56.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React56.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React56.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ React56.createElement(
     "div",
     {
       key: i,
       className: "hawa-flex hawa-h-full hawa-min-w-0  hawa-flex-[0_0_100%]  hawa-items-center hawa-justify-center"
     },
     item
-  ))))), /* @__PURE__ */ React55.createElement(
+  ))))), /* @__PURE__ */ React56.createElement(
     Dots,
     {
       direction,
@@ -7504,7 +7551,7 @@ var Carousel = ({
       selectedIndex,
       onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
     }
-  ), showArrows && /* @__PURE__ */ React55.createElement(
+  ), showArrows && /* @__PURE__ */ React56.createElement(
     CarouselControls,
     {
       canScrollNext,
@@ -7521,7 +7568,7 @@ var Dots = ({
   direction
 }) => {
   const arr = new Array(itemsLength).fill(0);
-  return /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React56.createElement(
     "div",
     {
       dir: direction,
@@ -7529,7 +7576,7 @@ var Dots = ({
     },
     arr.map((_, index) => {
       const selected = index === selectedIndex;
-      return /* @__PURE__ */ React55.createElement(
+      return /* @__PURE__ */ React56.createElement(
         "div",
         {
           key: index,
@@ -7544,7 +7591,7 @@ var Dots = ({
   );
 };
 var CarouselControls = (props) => {
-  return /* @__PURE__ */ React55.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React56.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React56.createElement(
     "button",
     {
       onClick: () => props.canScrollPrev && props.onPrev(),
@@ -7555,7 +7602,7 @@ var CarouselControls = (props) => {
         props.canScrollPrev && "hawa-bg-primary"
       )
     },
-    /* @__PURE__ */ React55.createElement(
+    /* @__PURE__ */ React56.createElement(
       "svg",
       {
         "aria-label": "Chevron Right Icon",
@@ -7564,9 +7611,9 @@ var CarouselControls = (props) => {
         viewBox: "0 0 16 16",
         className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
       },
-      /* @__PURE__ */ React55.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+      /* @__PURE__ */ React56.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
     )
-  ), /* @__PURE__ */ React55.createElement(
+  ), /* @__PURE__ */ React56.createElement(
     "button",
     {
       onClick: () => props.canScrollNext && props.onNext(),
@@ -7577,7 +7624,7 @@ var CarouselControls = (props) => {
         props.canScrollNext && "hawa-bg-primary"
       )
     },
-    /* @__PURE__ */ React55.createElement(
+    /* @__PURE__ */ React56.createElement(
       "svg",
       {
         "aria-label": "Chevron Right Icon",
@@ -7586,19 +7633,19 @@ var CarouselControls = (props) => {
         viewBox: "0 0 16 16",
         className: "hawa-h-2 hawa-w-2  hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
       },
-      /* @__PURE__ */ React55.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+      /* @__PURE__ */ React56.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
     )
   ));
 };
 
 // elements/count/Count.tsx
-import React56 from "react";
+import React57 from "react";
 var Count = (props) => {
-  return /* @__PURE__ */ React56.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ React56.createElement("div", null, props.icon), /* @__PURE__ */ React56.createElement("div", { className: "hawa-text-sm" }, props.count));
+  return /* @__PURE__ */ React57.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ React57.createElement("div", null, props.icon), /* @__PURE__ */ React57.createElement("div", { className: "hawa-text-sm" }, props.count));
 };
 
 // elements/toast/Toast.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva4 } from "class-variance-authority";
 var toastVariants = cva4(
@@ -7626,7 +7673,7 @@ var sizeStyles = {
   sm: "hawa-text-xs"
 };
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
+var ToastViewport = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -7638,8 +7685,8 @@ var ToastViewport = React57.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React57.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React57.createElement(
+var Toast = React58.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     ToastPrimitives.Root,
     {
       ref,
@@ -7654,8 +7701,8 @@ var Toast = React57.forwardRef(({ className, variant, severity = "none", directi
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React57.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React57.createElement(
+var ToastAction = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     ToastPrimitives.Action,
     {
       ref,
@@ -7673,7 +7720,7 @@ var ToastAction = React57.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
+var ToastClose = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   ToastPrimitives.Close,
   {
     ref,
@@ -7687,7 +7734,7 @@ var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React57.createElement(
+  /* @__PURE__ */ React58.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -7696,7 +7743,7 @@ var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React57.createElement(
+    /* @__PURE__ */ React58.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -7707,7 +7754,7 @@ var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React57.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React57.createElement(
+var ToastTitle = React58.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React58.createElement(
   ToastPrimitives.Title,
   {
     ref,
@@ -7720,7 +7767,7 @@ var ToastTitle = React57.forwardRef(({ className, size = "default", ...props },
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React57.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React57.createElement(
+var ToastDescription = React58.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React58.createElement(
   ToastPrimitives.Description,
   {
     ref,
@@ -7735,11 +7782,11 @@ var ToastDescription = React57.forwardRef(({ className, size = "default", ...pro
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // elements/toaster/Toaster.tsx
-import React58 from "react";
+import React59 from "react";
 function Toaster(props) {
   var _a;
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ React58.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
+  return /* @__PURE__ */ React59.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
     id,
     title,
     description,
@@ -7747,7 +7794,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    return /* @__PURE__ */ React58.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React58.createElement(
+    return /* @__PURE__ */ React59.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React59.createElement(
       "div",
       {
         className: cn(
@@ -7755,9 +7802,9 @@ function Toaster(props) {
           action && "hawa-justify-between"
         )
       },
-      /* @__PURE__ */ React58.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-p-2 hawa-pe-0" }, /* @__PURE__ */ React58.createElement(ToastClose, null)),
-      /* @__PURE__ */ React58.createElement("div", { className: "hawa-mx-0 hawa-h-auto hawa-max-h-full hawa-w-px hawa-bg-primary-foreground/10" }),
-      /* @__PURE__ */ React58.createElement(
+      /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-p-2 hawa-pe-0" }, /* @__PURE__ */ React59.createElement(ToastClose, null)),
+      /* @__PURE__ */ React59.createElement("div", { className: "hawa-mx-0 hawa-h-auto hawa-max-h-full hawa-w-px hawa-bg-primary-foreground/10" }),
+      /* @__PURE__ */ React59.createElement(
         "div",
         {
           className: cn(
@@ -7765,11 +7812,11 @@ function Toaster(props) {
             { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
           )
         },
-        /* @__PURE__ */ React58.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React58.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React58.createElement(ToastDescription, { size }, description)),
-        action && /* @__PURE__ */ React58.createElement("div", { className: "hawa-flex  hawa-flex-col hawa-justify-center" }, action)
+        /* @__PURE__ */ React59.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React59.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React59.createElement(ToastDescription, { size }, description)),
+        action && /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex  hawa-flex-col hawa-justify-center" }, action)
       )
     ));
-  }), /* @__PURE__ */ React58.createElement(
+  }), /* @__PURE__ */ React59.createElement(
     ToastViewport,
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
@@ -7778,7 +7825,7 @@ function Toaster(props) {
 }
 
 // elements/destroyableCard/DestroyableCard.tsx
-import React59, { useRef as useRef9, useState as useState19 } from "react";
+import React60, { useRef as useRef9, useState as useState19 } from "react";
 var DestroyableCard = ({
   position = "bottom-right",
   fixed,
@@ -7791,7 +7838,7 @@ var DestroyableCard = ({
     "bottom-right": "hawa-right-4 hawa-bottom-4",
     "bottom-left": "hawa-left-4 hawa-bottom-4"
   };
-  return /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React60.createElement(
     "div",
     {
       className: cn(
@@ -7800,7 +7847,7 @@ var DestroyableCard = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React60.createElement(
       Card,
       {
         className: cn(
@@ -7809,7 +7856,7 @@ var DestroyableCard = ({
         ),
         dir: direction
       },
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React60.createElement(
         "button",
         {
           type: "button",
@@ -7828,7 +7875,7 @@ var DestroyableCard = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ React59.createElement(
+        /* @__PURE__ */ React60.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -7836,7 +7883,7 @@ var DestroyableCard = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React59.createElement(
+          /* @__PURE__ */ React60.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -7846,13 +7893,13 @@ var DestroyableCard = ({
           )
         )
       ),
-      /* @__PURE__ */ React59.createElement(CardContent, { headless: true }, props.children)
+      /* @__PURE__ */ React60.createElement(CardContent, { headless: true }, props.children)
     )
   );
 };
 
 // elements/interfaceSettings/InterfaceSettings.tsx
-import React60, { useState as useState20 } from "react";
+import React61, { useState as useState20 } from "react";
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
@@ -7866,7 +7913,7 @@ var InterfaceSettings = ({
     horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
     vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
   };
-  return /* @__PURE__ */ React60.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React61.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ React61.createElement(
     Radio,
     {
       name: "language",
@@ -7884,7 +7931,7 @@ var InterfaceSettings = ({
         { value: "en", label: "English" }
       ]
     }
-  ), /* @__PURE__ */ React60.createElement(
+  ), /* @__PURE__ */ React61.createElement(
     Radio,
     {
       name: "theme",
@@ -7900,7 +7947,7 @@ var InterfaceSettings = ({
       options: [
         {
           value: "light",
-          label: /* @__PURE__ */ React60.createElement(
+          label: /* @__PURE__ */ React61.createElement(
             "svg",
             {
               width: "15",
@@ -7910,7 +7957,7 @@ var InterfaceSettings = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
             },
-            /* @__PURE__ */ React60.createElement(
+            /* @__PURE__ */ React61.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",
@@ -7921,7 +7968,7 @@ var InterfaceSettings = ({
         },
         {
           value: "dark",
-          label: /* @__PURE__ */ React60.createElement(
+          label: /* @__PURE__ */ React61.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -7932,7 +7979,7 @@ var InterfaceSettings = ({
               stroke: "currentColor",
               className: "hawa-h-[1.2rem] hawa-w-[1.2rem]  hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
             },
-            /* @__PURE__ */ React60.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+            /* @__PURE__ */ React61.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
           )
         }
       ]
@@ -7941,17 +7988,17 @@ var InterfaceSettings = ({
 };
 
 // elements/phoneMockup/PhoneMockup.tsx
-import React61 from "react";
+import React62 from "react";
 var PhoneMockup = ({
   children,
   upperOverlayGradiant,
   lowerOverlayGradiant,
   phone,
   hideButtons
-}) => /* @__PURE__ */ React61.createElement("div", { className: "hawa-relative hawa-mx-auto hawa-h-[600px] hawa-w-[300px] hawa-rounded-[2.5rem] hawa-border-[14px] hawa-border-gray-800 hawa-bg-gray-800 hawa-dark:border-gray-800" }, !hideButtons && /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[72px] hawa-h-[32px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ React61.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[124px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ React61.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[178px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ React61.createElement("div", { className: "hawa-absolute hawa--right-[16px] hawa-top-[142px] hawa-h-[64px] hawa-w-[3px] hawa-rounded-r-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" })), /* @__PURE__ */ React61.createElement("div", { className: "no-scrollbar hawa-left-0 hawa-h-[572px] hawa-w-[272px] hawa-overflow-y-scroll hawa-rounded-[2rem] hawa-bg-white hawa-[clip-path:inset(0px_-1px_0px_0px_round_2rem)] hawa-dark:bg-gray-800" }, children), upperOverlayGradiant && /* @__PURE__ */ React61.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-left-0 hawa-top-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-t-[2rem] hawa-bg-gradient-to-t hawa-from-transparent hawa-to-black hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }), lowerOverlayGradiant && /* @__PURE__ */ React61.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-bottom-0 hawa-left-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-b-[2rem] hawa-bg-gradient-to-t hawa-from-black hawa-to-transparent hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }));
+}) => /* @__PURE__ */ React62.createElement("div", { className: "hawa-relative hawa-mx-auto hawa-h-[600px] hawa-w-[300px] hawa-rounded-[2.5rem] hawa-border-[14px] hawa-border-gray-800 hawa-bg-gray-800 hawa-dark:border-gray-800" }, !hideButtons && /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[72px] hawa-h-[32px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ React62.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[124px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ React62.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[178px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ React62.createElement("div", { className: "hawa-absolute hawa--right-[16px] hawa-top-[142px] hawa-h-[64px] hawa-w-[3px] hawa-rounded-r-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" })), /* @__PURE__ */ React62.createElement("div", { className: "no-scrollbar hawa-left-0 hawa-h-[572px] hawa-w-[272px] hawa-overflow-y-scroll hawa-rounded-[2rem] hawa-bg-white hawa-[clip-path:inset(0px_-1px_0px_0px_round_2rem)] hawa-dark:bg-gray-800" }, children), upperOverlayGradiant && /* @__PURE__ */ React62.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-left-0 hawa-top-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-t-[2rem] hawa-bg-gradient-to-t hawa-from-transparent hawa-to-black hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }), lowerOverlayGradiant && /* @__PURE__ */ React62.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-bottom-0 hawa-left-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-b-[2rem] hawa-bg-gradient-to-t hawa-from-black hawa-to-transparent hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }));
 
 // layout/stats/Stats.tsx
-import React62 from "react";
+import React63 from "react";
 var Stats = ({
   label,
   icon,
@@ -7970,7 +8017,7 @@ var Stats = ({
     negative: "hawa-text-red-600 dark:hawa-text-red-500",
     muted: "hawa-text-muted-foreground"
   };
-  return /* @__PURE__ */ React62.createElement(Card, { ...props, clickable }, /* @__PURE__ */ React62.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4" }, /* @__PURE__ */ React62.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React62.createElement("span", null, icon)), /* @__PURE__ */ React62.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React62.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React63.createElement(Card, { ...props, clickable }, /* @__PURE__ */ React63.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4" }, /* @__PURE__ */ React63.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React63.createElement("span", null, icon)), /* @__PURE__ */ React63.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ React63.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React63.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ React63.createElement(
     "div",
     {
       className: cn(
@@ -7979,18 +8026,18 @@ var Stats = ({
         helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
       )
     },
-    isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
-  ), chart && (isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
+    isLoading ? /* @__PURE__ */ React63.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
+  ), chart && (isLoading ? /* @__PURE__ */ React63.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
 };
 
 // layout/sidebar/Sidebar.tsx
-import * as React63 from "react";
+import * as React64 from "react";
 import * as AccordionPrimitive6 from "@radix-ui/react-accordion";
 var Accordion2 = AccordionPrimitive6.Root;
 var triggerStyles = "hawa-flex hawa-flex-1 hawa-items-center hawa-duration-75 hawa-select-none hawa-cursor-pointer  hawa-rounded hawa-justify-between hawa-p-2 hawa-px-3 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa--rotate-90";
-var AccordionItem2 = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React63.createElement(AccordionPrimitive6.Item, { ref, className: cn(className), ...props }));
+var AccordionItem2 = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React64.createElement(AccordionPrimitive6.Item, { ref, className: cn(className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React63.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React63.createElement(AccordionPrimitive6.Header, { className: "flex" }, /* @__PURE__ */ React63.createElement(
+var AccordionTrigger2 = React64.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React64.createElement(AccordionPrimitive6.Header, { className: "flex" }, /* @__PURE__ */ React64.createElement(
   AccordionPrimitive6.Trigger,
   {
     ref,
@@ -7998,7 +8045,7 @@ var AccordionTrigger2 = React63.forwardRef(({ className, showArrow, children, ..
     ...props
   },
   children,
-  showArrow && /* @__PURE__ */ React63.createElement(
+  showArrow && /* @__PURE__ */ React64.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -8009,11 +8056,11 @@ var AccordionTrigger2 = React63.forwardRef(({ className, showArrow, children, ..
       width: "1em",
       className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
     },
-    /* @__PURE__ */ React63.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+    /* @__PURE__ */ React64.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
   )
 )));
 AccordionTrigger2.displayName = AccordionPrimitive6.Trigger.displayName;
-var AccordionContent2 = React63.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React63.createElement(
+var AccordionContent2 = React64.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React64.createElement(
   AccordionPrimitive6.Content,
   {
     ref,
@@ -8023,7 +8070,7 @@ var AccordionContent2 = React63.forwardRef(({ className, children, ...props }, r
     ),
     ...props
   },
-  /* @__PURE__ */ React63.createElement("div", null, children)
+  /* @__PURE__ */ React64.createElement("div", null, children)
 ));
 AccordionContent2.displayName = AccordionPrimitive6.Content.displayName;
 var SidebarGroup = ({
@@ -8039,7 +8086,7 @@ var SidebarGroup = ({
   ...props
 }) => {
   const LinkComponent = props.LinkComponent || "a";
-  return /* @__PURE__ */ React63.createElement("div", { className: "hawa-m-2" }, title && /* @__PURE__ */ React63.createElement("h3", { className: "hawa-mb-1 hawa-font-bold" }, title), /* @__PURE__ */ React63.createElement("ul", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React64.createElement("div", { className: "hawa-m-2" }, title && /* @__PURE__ */ React64.createElement("h3", { className: "hawa-mb-1 hawa-font-bold" }, title), /* @__PURE__ */ React64.createElement("ul", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React64.createElement(
     Accordion2,
     {
       value: openedItem,
@@ -8050,7 +8097,7 @@ var SidebarGroup = ({
       collapsible: true,
       className: "hawa-flex hawa-flex-col hawa-gap-1"
     },
-    items.map((item, idx) => /* @__PURE__ */ React63.createElement(
+    items.map((item, idx) => /* @__PURE__ */ React64.createElement(
       SidebarItem,
       {
         isOpen,
@@ -8078,14 +8125,14 @@ var SidebarItem = ({
     return props.selectedItem === value ? "hawa-bg-primary/90 hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
   };
   if (item.subitems) {
-    return /* @__PURE__ */ React63.createElement(
+    return /* @__PURE__ */ React64.createElement(
       AccordionItem2,
       {
         value: item.value,
         className: "hawa-overflow-x-clip ",
         dir: direction
       },
-      /* @__PURE__ */ React63.createElement(
+      /* @__PURE__ */ React64.createElement(
         AccordionTrigger2,
         {
           className: cn(
@@ -8097,7 +8144,7 @@ var SidebarItem = ({
           ),
           showArrow: isOpen
         },
-        /* @__PURE__ */ React63.createElement(
+        /* @__PURE__ */ React64.createElement(
           "div",
           {
             className: cn(
@@ -8105,7 +8152,7 @@ var SidebarItem = ({
             )
           },
           item.icon && item.icon,
-          /* @__PURE__ */ React63.createElement(
+          /* @__PURE__ */ React64.createElement(
             "span",
             {
               className: cn(
@@ -8117,14 +8164,14 @@ var SidebarItem = ({
           )
         )
       ),
-      item.subitems && /* @__PURE__ */ React63.createElement(AccordionContent2, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React63.createElement(
+      item.subitems && /* @__PURE__ */ React64.createElement(AccordionContent2, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React64.createElement(
         "div",
         {
           className: cn(
             "hawa-flex hawa-h-full hawa-flex-col hawa-gap-2 hawa-bg-foreground/5 hawa-p-1"
           )
         },
-        item.subitems.map((subitem, idx) => /* @__PURE__ */ React63.createElement(
+        item.subitems.map((subitem, idx) => /* @__PURE__ */ React64.createElement(
           LinkComponent,
           {
             href: subitem.slug,
@@ -8155,7 +8202,7 @@ var SidebarItem = ({
       ))
     );
   } else {
-    return /* @__PURE__ */ React63.createElement(
+    return /* @__PURE__ */ React64.createElement(
       LinkComponent,
       {
         href: item.slug,
@@ -8179,7 +8226,7 @@ var SidebarItem = ({
           "hawa-overflow-x-clip "
         )
       },
-      /* @__PURE__ */ React63.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React63.createElement(
+      /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React64.createElement(
         "span",
         {
           className: cn(
@@ -8189,20 +8236,20 @@ var SidebarItem = ({
         },
         item.label,
         " ",
-        item.badge && /* @__PURE__ */ React63.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
+        item.badge && /* @__PURE__ */ React64.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
       ))
     );
   }
 };
 
 // layout/copyrights/Copyrights.tsx
-import React64 from "react";
+import React65 from "react";
 var Copyrights = (props) => {
-  return /* @__PURE__ */ React64.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ React64.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ React64.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ React64.createElement("div", null, props.version), props.credits ? props.credits : null);
+  return /* @__PURE__ */ React65.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ React65.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ React65.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ React65.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ React65.createElement("div", null, props.version), props.credits ? props.credits : null);
 };
 
 // layout/navbar/Navbar.tsx
-import React65, { useState as useState21 } from "react";
+import React66, { useState as useState21 } from "react";
 
 // elements/collapsible/Collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
@@ -8219,13 +8266,13 @@ var Navbar = ({
 }) => {
   var _a, _b;
   const [isOpen, setIsOpen] = useState21(false);
-  return /* @__PURE__ */ React65.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ React65.createElement(
+  return /* @__PURE__ */ React66.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ React66.createElement(
     Collapsible,
     {
       className: "hawa-relative hawa-m-2 hawa-rounded  hawa-p-2",
       style: { backgroundColor: backgroundColor || "#1f2937" }
     },
-    /* @__PURE__ */ React65.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ React65.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ React65.createElement(
+    /* @__PURE__ */ React66.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ React66.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ React66.createElement(
       "div",
       {
         className: "hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white",
@@ -8236,7 +8283,7 @@ var Navbar = ({
         }
       },
       logo
-    )), /* @__PURE__ */ React65.createElement("div", { className: "hawa-hidden md:hawa-flex " }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ React65.createElement(
+    )), /* @__PURE__ */ React66.createElement("div", { className: "hawa-hidden md:hawa-flex " }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ React66.createElement(
       "div",
       {
         key: i,
@@ -8244,14 +8291,14 @@ var Navbar = ({
         className: "hawa-cursor-pointer hawa-rounded hawa-p-1.5 hawa-px-2 hawa-text-center hawa-text-sm hawa-text-white hawa-transition-all hover:hawa-bg-gray-300 hover:hawa-text-black"
       },
       item.label
-    ))), /* @__PURE__ */ React65.createElement("div", { className: "hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden" }, /* @__PURE__ */ React65.createElement(
+    ))), /* @__PURE__ */ React66.createElement("div", { className: "hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden" }, /* @__PURE__ */ React66.createElement(
       CollapsibleTrigger2,
       {
         onClick: () => setIsOpen(!isOpen),
         className: "hawa-h-full hawa-text-white selection:hawa-p-0 ",
         "aria-label": "Toggle menu"
       },
-      /* @__PURE__ */ React65.createElement(
+      /* @__PURE__ */ React66.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8268,11 +8315,11 @@ var Navbar = ({
             isOpen ? "hawa-invisible" : "hawa-visible"
           )
         },
-        /* @__PURE__ */ React65.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-        /* @__PURE__ */ React65.createElement("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-        /* @__PURE__ */ React65.createElement("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+        /* @__PURE__ */ React66.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ React66.createElement("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ React66.createElement("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
       ),
-      /* @__PURE__ */ React65.createElement(
+      /* @__PURE__ */ React66.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8289,11 +8336,11 @@ var Navbar = ({
             !isOpen ? "hawa-invisible" : "hawa-visible"
           )
         },
-        /* @__PURE__ */ React65.createElement("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ React65.createElement("path", { d: "m6 6 12 12" })
+        /* @__PURE__ */ React66.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ React66.createElement("path", { d: "m6 6 12 12" })
       )
     ))),
-    /* @__PURE__ */ React65.createElement(
+    /* @__PURE__ */ React66.createElement(
       CollapsibleContent2,
       {
         className: cn(
@@ -8308,7 +8355,7 @@ var Navbar = ({
           zIndex: -100
         }
       },
-      (_b = props.menuItems) == null ? void 0 : _b.map((item, i) => /* @__PURE__ */ React65.createElement(
+      (_b = props.menuItems) == null ? void 0 : _b.map((item, i) => /* @__PURE__ */ React66.createElement(
         "div",
         {
           key: i,
@@ -8322,7 +8369,7 @@ var Navbar = ({
 };
 
 // layout/appLayout/AppLayout.tsx
-import React66, { useEffect as useEffect15, useRef as useRef10, useState as useState22 } from "react";
+import React67, { useEffect as useEffect15, useRef as useRef10, useState as useState22 } from "react";
 var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
@@ -8385,7 +8432,7 @@ var AppLayout = ({
       document.removeEventListener("click", handleClickOutside, true);
     };
   }, [keepOpen]);
-  return /* @__PURE__ */ React66.createElement("div", { className: "hawa-fixed hawa-left-0" }, props.topBar && /* @__PURE__ */ React66.createElement(
+  return /* @__PURE__ */ React67.createElement("div", { className: "hawa-fixed hawa-left-0" }, props.topBar && /* @__PURE__ */ React67.createElement(
     "div",
     {
       className: cn(
@@ -8393,7 +8440,7 @@ var AppLayout = ({
         isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
       )
     },
-    size > 600 ? /* @__PURE__ */ React66.createElement(
+    size > 600 ? /* @__PURE__ */ React67.createElement(
       "div",
       {
         className: cn(
@@ -8415,24 +8462,24 @@ var AppLayout = ({
       props.pageTitle
     ) : (
       // Mobile Drawer Menu Button
-      /* @__PURE__ */ React66.createElement(
+      /* @__PURE__ */ React67.createElement(
         "div",
         {
           dir: direction,
           className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
         },
-        /* @__PURE__ */ React66.createElement(
+        /* @__PURE__ */ React67.createElement(
           "div",
           {
             onClick: () => setOpenSideMenu(true),
             className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer  hawa-rounded hawa-p-2  hawa-transition-all hover:hawa-bg-gray-100"
           },
-          /* @__PURE__ */ React66.createElement(MenuIcon, null)
+          /* @__PURE__ */ React67.createElement(MenuIcon, null)
         ),
-        props.pageTitle ? /* @__PURE__ */ React66.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ React66.createElement("div", null)
+        props.pageTitle ? /* @__PURE__ */ React67.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ React67.createElement("div", null)
       )
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "div",
       {
         className: cn(
@@ -8440,16 +8487,16 @@ var AppLayout = ({
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      size > 600 ? /* @__PURE__ */ React66.createElement(
+      size > 600 ? /* @__PURE__ */ React67.createElement(
         "div",
         {
           className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
         },
-        /* @__PURE__ */ React66.createElement("div", { className: "hawa-font-bold" }, props.username),
+        /* @__PURE__ */ React67.createElement("div", { className: "hawa-font-bold" }, props.username),
         " ",
-        /* @__PURE__ */ React66.createElement("div", null, props.email)
+        /* @__PURE__ */ React67.createElement("div", null, props.email)
       ) : null,
-      /* @__PURE__ */ React66.createElement(
+      /* @__PURE__ */ React67.createElement(
         DropdownMenu,
         {
           LinkComponent: MenuLinkComponent,
@@ -8462,7 +8509,7 @@ var AppLayout = ({
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems || [],
           onItemSelect: (e) => console.log("selecting item ", e),
-          trigger: /* @__PURE__ */ React66.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ React66.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React66.createElement(
+          trigger: /* @__PURE__ */ React67.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ React67.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React67.createElement(
             "svg",
             {
               "aria-label": "Avatar Icon",
@@ -8470,7 +8517,7 @@ var AppLayout = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ React66.createElement(
+            /* @__PURE__ */ React67.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -8482,7 +8529,7 @@ var AppLayout = ({
         }
       )
     )
-  ), /* @__PURE__ */ React66.createElement(
+  ), /* @__PURE__ */ React67.createElement(
     "div",
     {
       className: cn(
@@ -8510,7 +8557,7 @@ var AppLayout = ({
       },
       ref
     },
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "div",
       {
         onClick: props.onLogoClick,
@@ -8525,7 +8572,7 @@ var AppLayout = ({
         }
       },
       openSideMenu && props.header && props.header,
-      !props.header && /* @__PURE__ */ React66.createElement(
+      !props.header && /* @__PURE__ */ React67.createElement(
         "img",
         {
           className: cn(
@@ -8536,7 +8583,7 @@ var AppLayout = ({
           src: props.logoLink
         }
       ),
-      size > 600 ? /* @__PURE__ */ React66.createElement(
+      size > 600 ? /* @__PURE__ */ React67.createElement(
         "img",
         {
           className: cn(
@@ -8549,7 +8596,7 @@ var AppLayout = ({
         }
       ) : null
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "div",
       {
         className: cn(
@@ -8560,7 +8607,7 @@ var AppLayout = ({
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : drawerSizeCondition}px` : `${openSideMenu ? openDrawerWidth : 0}px`
         }
       },
-      /* @__PURE__ */ React66.createElement(
+      /* @__PURE__ */ React67.createElement(
         SidebarGroup,
         {
           direction,
@@ -8583,7 +8630,7 @@ var AppLayout = ({
         }
       )
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "div",
       {
         className: cn(
@@ -8595,8 +8642,8 @@ var AppLayout = ({
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
         }
       },
-      DrawerFooterActions && openSideMenu ? /* @__PURE__ */ React66.createElement(React66.Fragment, null, DrawerFooterActions) : null,
-      size > 600 && openSideMenu ? /* @__PURE__ */ React66.createElement(
+      DrawerFooterActions && openSideMenu ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, DrawerFooterActions) : null,
+      size > 600 && openSideMenu ? /* @__PURE__ */ React67.createElement(
         Tooltip,
         {
           side: "left",
@@ -8604,7 +8651,7 @@ var AppLayout = ({
           content: keepOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
           triggerProps: { asChild: true }
         },
-        /* @__PURE__ */ React66.createElement(
+        /* @__PURE__ */ React67.createElement(
           Button,
           {
             variant: "outline",
@@ -8617,7 +8664,7 @@ var AppLayout = ({
             },
             size: "smallIcon"
           },
-          /* @__PURE__ */ React66.createElement(
+          /* @__PURE__ */ React67.createElement(
             "svg",
             {
               className: cn(
@@ -8627,7 +8674,7 @@ var AppLayout = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ React66.createElement(
+            /* @__PURE__ */ React67.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -8639,7 +8686,7 @@ var AppLayout = ({
         )
       ) : null
     )
-  ), /* @__PURE__ */ React66.createElement(
+  ), /* @__PURE__ */ React67.createElement(
     "div",
     {
       className: "hawa-fixed -hawa-z-10 hawa-overflow-y-auto hawa-transition-all",
@@ -8658,7 +8705,7 @@ var AppLayout = ({
     props.children
   ));
 };
-var MenuIcon = () => /* @__PURE__ */ React66.createElement(
+var MenuIcon = () => /* @__PURE__ */ React67.createElement(
   "svg",
   {
     "aria-label": "Menu Button",
@@ -8670,7 +8717,7 @@ var MenuIcon = () => /* @__PURE__ */ React66.createElement(
     height: "1.6em",
     width: "1.6em"
   },
-  /* @__PURE__ */ React66.createElement(
+  /* @__PURE__ */ React67.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -8681,11 +8728,11 @@ var MenuIcon = () => /* @__PURE__ */ React66.createElement(
 );
 
 // layout/appTopbar/AppTopbar.tsx
-import React67 from "react";
+import React68 from "react";
 var AppTopbar = ({ ...props }) => {
   const isRTL = props.direction === "ltr";
   const size = 1200;
-  return /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React68.createElement(
     "div",
     {
       className: cn(
@@ -8693,24 +8740,24 @@ var AppTopbar = ({ ...props }) => {
         isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
       )
     },
-    size > 600 ? /* @__PURE__ */ React67.createElement(
+    size > 600 ? /* @__PURE__ */ React68.createElement(
       "div",
       null,
       "page title"
     ) : (
       // Mobile Drawer Menu Button
-      /* @__PURE__ */ React67.createElement(
+      /* @__PURE__ */ React68.createElement(
         "div",
         {
           dir: props.direction,
           className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
         },
-        /* @__PURE__ */ React67.createElement(
+        /* @__PURE__ */ React68.createElement(
           "div",
           {
             className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer  hawa-rounded hawa-p-2  hawa-transition-all hover:hawa-bg-gray-100"
           },
-          /* @__PURE__ */ React67.createElement(
+          /* @__PURE__ */ React68.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -8721,7 +8768,7 @@ var AppTopbar = ({ ...props }) => {
               height: "1.6em",
               width: "1.6em"
             },
-            /* @__PURE__ */ React67.createElement(
+            /* @__PURE__ */ React68.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -8734,7 +8781,7 @@ var AppTopbar = ({ ...props }) => {
         "Mobile title"
       )
     ),
-    /* @__PURE__ */ React67.createElement(
+    /* @__PURE__ */ React68.createElement(
       "div",
       {
         className: cn(
@@ -8742,16 +8789,16 @@ var AppTopbar = ({ ...props }) => {
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      size > 600 ? /* @__PURE__ */ React67.createElement(
+      size > 600 ? /* @__PURE__ */ React68.createElement(
         "div",
         {
           className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
         },
-        /* @__PURE__ */ React67.createElement("div", { className: "hawa-font-bold" }, props.username),
+        /* @__PURE__ */ React68.createElement("div", { className: "hawa-font-bold" }, props.username),
         " ",
-        /* @__PURE__ */ React67.createElement("div", null, props.email)
+        /* @__PURE__ */ React68.createElement("div", null, props.email)
       ) : null,
-      /* @__PURE__ */ React67.createElement(
+      /* @__PURE__ */ React68.createElement(
         DropdownMenu,
         {
           triggerClassname: "hawa-mx-2",
@@ -8762,7 +8809,7 @@ var AppTopbar = ({ ...props }) => {
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems || [],
           onItemSelect: (e) => console.log("selecting item ", e),
-          trigger: /* @__PURE__ */ React67.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ React67.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React67.createElement(
+          trigger: /* @__PURE__ */ React68.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ React68.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React68.createElement(
             "svg",
             {
               "aria-label": "Avatar Icon",
@@ -8770,7 +8817,7 @@ var AppTopbar = ({ ...props }) => {
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ React67.createElement(
+            /* @__PURE__ */ React68.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -8786,14 +8833,14 @@ var AppTopbar = ({ ...props }) => {
 };
 
 // layout/appMenubar/AppMenubar.tsx
-import * as React68 from "react";
+import * as React69 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var Menubar = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.Root,
   {
     ref,
@@ -8805,7 +8852,7 @@ var Menubar = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarTrigger = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -8817,7 +8864,7 @@ var MenubarTrigger = React68.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React68.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarSubTrigger = React69.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -8829,7 +8876,7 @@ var MenubarSubTrigger = React68.forwardRef(({ className, inset, children, ...pro
     ...props
   },
   children,
-  /* @__PURE__ */ React68.createElement(
+  /* @__PURE__ */ React69.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -8844,11 +8891,11 @@ var MenubarSubTrigger = React68.forwardRef(({ className, inset, children, ...pro
       strokeLinejoin: "round",
       className: "hawa-icon hawa-ml-auto"
     },
-    /* @__PURE__ */ React68.createElement("path", { d: "m9 18 6-6-6-6" })
+    /* @__PURE__ */ React69.createElement("path", { d: "m9 18 6-6-6-6" })
   )
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarSubContent = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -8860,8 +8907,8 @@ var MenubarSubContent = React68.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React68.forwardRef(
-  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React68.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React68.createElement(
+var MenubarContent = React69.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React69.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React69.createElement(
     MenubarPrimitive.Content,
     {
       ref,
@@ -8877,7 +8924,7 @@ var MenubarContent = React68.forwardRef(
   ))
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React68.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarItem = React69.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.Item,
   {
     ref,
@@ -8890,7 +8937,7 @@ var MenubarItem = React68.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React68.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarCheckboxItem = React69.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -8901,7 +8948,7 @@ var MenubarCheckboxItem = React68.forwardRef(({ className, children, checked, ..
     checked,
     ...props
   },
-  /* @__PURE__ */ React68.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React68.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React68.createElement(
+  /* @__PURE__ */ React69.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React69.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React69.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8915,12 +8962,12 @@ var MenubarCheckboxItem = React68.forwardRef(({ className, children, checked, ..
       strokeLinejoin: "round",
       className: "hawa-icon"
     },
-    /* @__PURE__ */ React68.createElement("path", { d: "M20 6 9 17l-5-5" })
+    /* @__PURE__ */ React69.createElement("path", { d: "M20 6 9 17l-5-5" })
   ))),
   children
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React68.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarRadioItem = React69.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -8930,7 +8977,7 @@ var MenubarRadioItem = React68.forwardRef(({ className, children, ...props }, re
     ),
     ...props
   },
-  /* @__PURE__ */ React68.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React68.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React68.createElement(
+  /* @__PURE__ */ React69.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React69.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React69.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8944,12 +8991,12 @@ var MenubarRadioItem = React68.forwardRef(({ className, children, ...props }, re
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React68.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React69.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React68.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarLabel = React69.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.Label,
   {
     ref,
@@ -8962,7 +9009,7 @@ var MenubarLabel = React68.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarSeparator = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React69.createElement(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -8975,7 +9022,7 @@ var MenubarShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React68.createElement(
+  return /* @__PURE__ */ React69.createElement(
     "span",
     {
       className: cn(
@@ -8989,10 +9036,10 @@ var MenubarShortcut = ({
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // layout/appTabs/AppTabs.tsx
-import React69, { useState as useState23 } from "react";
+import React70, { useState as useState23 } from "react";
 var AppTabs = ({ tabs, className }) => {
   const [selectedIndex, setSelectedIndex] = useState23(0);
-  return /* @__PURE__ */ React69.createElement(
+  return /* @__PURE__ */ React70.createElement(
     "div",
     {
       className: cn(
@@ -9000,9 +9047,9 @@ var AppTabs = ({ tabs, className }) => {
         className
       )
     },
-    /* @__PURE__ */ React69.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
+    /* @__PURE__ */ React70.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
       const selected = index === selectedIndex;
-      return /* @__PURE__ */ React69.createElement(
+      return /* @__PURE__ */ React70.createElement(
         "a",
         {
           href: tab.path,
@@ -9033,7 +9080,7 @@ var AppTabs = ({ tabs, className }) => {
 };
 
 // layout/docsLayout/DocsLayout.tsx
-import React72, { useEffect as useEffect17, useRef as useRef11, useState as useState25 } from "react";
+import React73, { useEffect as useEffect17, useRef as useRef11, useState as useState25 } from "react";
 
 // hooks/useBreakpoint.ts
 import { useState as useState24, useEffect as useEffect16 } from "react";
@@ -9055,13 +9102,13 @@ var useBreakpoint = () => {
 };
 
 // layout/docsSidebar/DocsSidebar.tsx
-import React71 from "react";
+import React72 from "react";
 var DocsSidebar = ({
   currentPage: propCurrentPage,
   pages,
   direction
 }) => {
-  const [activePage, setActivePage] = React71.useState(pages[0]);
+  const [activePage, setActivePage] = React72.useState(pages[0]);
   const handlePageClick = (page, event) => {
     event.preventDefault();
     setTimeout(() => {
@@ -9083,7 +9130,7 @@ var DocsSidebar = ({
     }
     return pages[0];
   };
-  React71.useEffect(() => {
+  React72.useEffect(() => {
     const handleScroll = () => {
       setActivePage(getCurrentSection());
     };
@@ -9096,13 +9143,13 @@ var DocsSidebar = ({
     rtl: "hawa-border-r-4  hawa-border-primary hawa-border-collapse hawa-bg-gray-200",
     ltr: "hawa-border-l-4  hawa-border-primary hawa-border-collapse hawa-bg-gray-200"
   };
-  return /* @__PURE__ */ React71.createElement(
+  return /* @__PURE__ */ React72.createElement(
     "div",
     {
       className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
       dir: direction
     },
-    pages.map((page, index) => /* @__PURE__ */ React71.createElement(
+    pages.map((page, index) => /* @__PURE__ */ React72.createElement(
       "div",
       {
         key: index,
@@ -9171,7 +9218,7 @@ var DocsLayout = ({
       window.removeEventListener("resize", handleResize);
     };
   }, [keepOpen]);
-  const observerRef = React72.useRef(null);
+  const observerRef = React73.useRef(null);
   const handleIntersection = (entries) => {
     const entry = entries.find((entry2) => entry2.isIntersecting);
     if (entry) {
@@ -9183,7 +9230,7 @@ var DocsLayout = ({
       threshold: 0.5
       // Adjust threshold as needed to determine when a section is in view
     });
-    React72.Children.forEach(props.children, (child) => {
+    React73.Children.forEach(props.children, (child) => {
       if (child && child.props.id) {
         const element = document.getElementById(child.props.id);
         if (element && observerRef.current) {
@@ -9198,7 +9245,7 @@ var DocsLayout = ({
     };
   }, [props.children]);
   let drawerSizeCondition = drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize];
-  return /* @__PURE__ */ React72.createElement("div", { className: "hawa-fixed" }, /* @__PURE__ */ React72.createElement(
+  return /* @__PURE__ */ React73.createElement("div", { className: "hawa-fixed" }, /* @__PURE__ */ React73.createElement(
     "div",
     {
       className: cn(
@@ -9206,7 +9253,7 @@ var DocsLayout = ({
         isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
       )
     },
-    size > 600 ? /* @__PURE__ */ React72.createElement("div", { onClick: props.onLogoClick, dir: direction }, /* @__PURE__ */ React72.createElement(
+    size > 600 ? /* @__PURE__ */ React73.createElement("div", { onClick: props.onLogoClick, dir: direction }, /* @__PURE__ */ React73.createElement(
       "img",
       {
         className: cn(
@@ -9217,18 +9264,18 @@ var DocsLayout = ({
       }
     )) : (
       // Mobile Drawer Menu Button
-      /* @__PURE__ */ React72.createElement(
+      /* @__PURE__ */ React73.createElement(
         "div",
         {
           dir: direction,
           className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
         },
-        /* @__PURE__ */ React72.createElement(Sheet, null, /* @__PURE__ */ React72.createElement(SheetTrigger, null, " ", /* @__PURE__ */ React72.createElement(
+        /* @__PURE__ */ React73.createElement(Sheet, null, /* @__PURE__ */ React73.createElement(SheetTrigger, null, " ", /* @__PURE__ */ React73.createElement(
           "div",
           {
             className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer  hawa-rounded hawa-p-2  hawa-transition-all hover:hawa-bg-gray-100"
           },
-          /* @__PURE__ */ React72.createElement(
+          /* @__PURE__ */ React73.createElement(
             "svg",
             {
               "aria-label": "Menu Icon",
@@ -9240,7 +9287,7 @@ var DocsLayout = ({
               height: "1.6em",
               width: "1.6em"
             },
-            /* @__PURE__ */ React72.createElement(
+            /* @__PURE__ */ React73.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -9249,17 +9296,17 @@ var DocsLayout = ({
               }
             )
           )
-        )), /* @__PURE__ */ React72.createElement(
+        )), /* @__PURE__ */ React73.createElement(
           SheetContent,
           {
             side: isRTL ? "right" : "left",
             className: "hawa-pt-10"
           },
-          /* @__PURE__ */ React72.createElement(DocsSidebar, { direction, pages: pages || [] })
+          /* @__PURE__ */ React73.createElement(DocsSidebar, { direction, pages: pages || [] })
         ))
       )
     ),
-    /* @__PURE__ */ React72.createElement(
+    /* @__PURE__ */ React73.createElement(
       "div",
       {
         className: cn(
@@ -9267,9 +9314,9 @@ var DocsLayout = ({
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      /* @__PURE__ */ React72.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ React72.createElement(Logos.github, { className: "hawa-icon" }))
+      /* @__PURE__ */ React73.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ React73.createElement(Logos.github, { className: "hawa-icon" }))
     )
-  ), /* @__PURE__ */ React72.createElement(
+  ), /* @__PURE__ */ React73.createElement(
     "div",
     {
       className: cn(
@@ -9292,7 +9339,7 @@ var DocsLayout = ({
       },
       ref
     },
-    /* @__PURE__ */ React72.createElement(
+    /* @__PURE__ */ React73.createElement(
       DocsSidebar,
       {
         direction,
@@ -9300,7 +9347,7 @@ var DocsLayout = ({
         currentPage
       }
     )
-  ), /* @__PURE__ */ React72.createElement(
+  ), /* @__PURE__ */ React73.createElement(
     "div",
     {
       className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all ",
@@ -9322,10 +9369,10 @@ var DocsLayout = ({
 };
 
 // blocks/auth/AuthButtons.tsx
-import React73 from "react";
+import React74 from "react";
 var AuthButtons = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-  return /* @__PURE__ */ React73.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaMetamask && /* @__PURE__ */ React73.createElement(
+  return /* @__PURE__ */ React74.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaMetamask && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isMetamaskLoading,
@@ -9333,9 +9380,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleMetamask
     },
-    props.isMetamaskLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.metamask, { className: "hawa-h-6" }),
+    props.isMetamaskLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.metamask, { className: "hawa-h-6" }),
     (_b = (_a = props.texts) == null ? void 0 : _a.continueWithMetamask) != null ? _b : "Connect Metamask"
-  ), props.viaNafath && /* @__PURE__ */ React73.createElement(
+  ), props.viaNafath && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isNafathLoading,
@@ -9343,9 +9390,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleNafath
     },
-    props.isNafathLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.nafath, { className: "hawa-h-4" }),
+    props.isNafathLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.nafath, { className: "hawa-h-4" }),
     (_d = (_c = props.texts) == null ? void 0 : _c.continueWithNafath) != null ? _d : "Continue With Nafath"
-  ), props.viaGoogle && /* @__PURE__ */ React73.createElement(
+  ), props.viaGoogle && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isGoogleLoading,
@@ -9353,9 +9400,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleGoogle
     },
-    props.isGoogleLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.google, { className: "hawa-icon" }),
+    props.isGoogleLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.google, { className: "hawa-icon" }),
     (_f = (_e = props.texts) == null ? void 0 : _e.continueWithGoogle) != null ? _f : "Continue With Google"
-  ), props.viaGithub && /* @__PURE__ */ React73.createElement(
+  ), props.viaGithub && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isGithubLoading,
@@ -9363,9 +9410,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleGithub
     },
-    props.isGithubLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.github, { className: "hawa-icon" }),
+    props.isGithubLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.github, { className: "hawa-icon" }),
     (_h = (_g = props.texts) == null ? void 0 : _g.continueWithGithub) != null ? _h : "Continue With Github"
-  ), props.viaTwitter && /* @__PURE__ */ React73.createElement(
+  ), props.viaTwitter && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isTwitterLoading,
@@ -9373,9 +9420,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleTwitter
     },
-    props.isTwitterLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.twitter, { className: "hawa-icon" }),
+    props.isTwitterLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.twitter, { className: "hawa-icon" }),
     (_j = (_i = props.texts) == null ? void 0 : _i.continueWithTwitter) != null ? _j : "Continue With Twitter"
-  ), props.viaApple && /* @__PURE__ */ React73.createElement(
+  ), props.viaApple && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isAppleLoading,
@@ -9383,9 +9430,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleApple
     },
-    props.isAppleLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.apple, { className: "hawa-icon" }),
+    props.isAppleLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.apple, { className: "hawa-icon" }),
     (_l = (_k = props.texts) == null ? void 0 : _k.continueWithApple) != null ? _l : "Continue With Apple"
-  ), props.viaMicrosoft && /* @__PURE__ */ React73.createElement(
+  ), props.viaMicrosoft && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isMicrosoftLoading,
@@ -9393,9 +9440,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleMicrosoft
     },
-    props.isMicrosoftLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.microsoft, { className: "hawa-icon" }),
+    props.isMicrosoftLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.microsoft, { className: "hawa-icon" }),
     (_n = (_m = props.texts) == null ? void 0 : _m.continueWithMicrosoft) != null ? _n : "Continue With Microsoft"
-  ), props.viaEmail && /* @__PURE__ */ React73.createElement(
+  ), props.viaEmail && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isEmailLoading,
@@ -9403,9 +9450,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleEmail
     },
-    props.isEmailLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.mail, { className: "hawa-icon" }),
+    props.isEmailLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.mail, { className: "hawa-icon" }),
     (_p = (_o = props.texts) == null ? void 0 : _o.continueWithEmail) != null ? _p : "Continue With Email"
-  ), props.viaPhone && /* @__PURE__ */ React73.createElement(
+  ), props.viaPhone && /* @__PURE__ */ React74.createElement(
     Button,
     {
       disabled: props.isPhoneLoading,
@@ -9413,13 +9460,13 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handlePhone
     },
-    props.isPhoneLoading ? /* @__PURE__ */ React73.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React73.createElement(Logos.phone, { className: "hawa-icon" }),
+    props.isPhoneLoading ? /* @__PURE__ */ React74.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React74.createElement(Logos.phone, { className: "hawa-icon" }),
     (_r = (_q = props.texts) == null ? void 0 : _q.continueWithPhone) != null ? _r : "Continue With Phone"
   ));
 };
 
 // blocks/auth/LoginForm.tsx
-import React74, { useState as useState26 } from "react";
+import React75, { useState as useState26 } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { parsePhoneNumber } from "libphonenumber-js";
@@ -9493,14 +9540,14 @@ var LoginForm = ({
   const renderFields = () => {
     switch (loginType) {
       case "email":
-        return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(
+        return /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement(
           Controller,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ React74.createElement(
+              return /* @__PURE__ */ React75.createElement(
                 Input,
                 {
                   inputProps: {
@@ -9517,27 +9564,27 @@ var LoginForm = ({
               );
             }
           }
-        ), /* @__PURE__ */ React74.createElement("div", null, /* @__PURE__ */ React74.createElement(
+        ), /* @__PURE__ */ React75.createElement("div", null, /* @__PURE__ */ React75.createElement(
           Controller,
           {
             control,
             name: "password",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ React74.createElement(
+              return /* @__PURE__ */ React75.createElement(
                 Input,
                 {
                   width: "full",
                   autoComplete: "current-password",
                   type: passwordVisible ? "text" : "password",
                   label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                  endIcon: /* @__PURE__ */ React74.createElement(
+                  endIcon: /* @__PURE__ */ React75.createElement(
                     "div",
                     {
                       className: "hawa-cursor-pointer",
                       onClick: () => setPasswordVisible(!passwordVisible)
                     },
-                    passwordVisible ? /* @__PURE__ */ React74.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React74.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
+                    passwordVisible ? /* @__PURE__ */ React75.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React75.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
                   ),
                   placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
                   helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
@@ -9546,7 +9593,7 @@ var LoginForm = ({
               );
             }
           }
-        ), props.withResetPassword && /* @__PURE__ */ React74.createElement(
+        ), props.withResetPassword && /* @__PURE__ */ React75.createElement(
           "div",
           {
             onClick: props.onForgotPassword,
@@ -9555,14 +9602,14 @@ var LoginForm = ({
           (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
         )));
       case "username":
-        return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(
+        return /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement(
           Controller,
           {
             control,
             name: "username",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ React74.createElement(
+              return /* @__PURE__ */ React75.createElement(
                 Input,
                 {
                   width: "full",
@@ -9575,27 +9622,27 @@ var LoginForm = ({
               );
             }
           }
-        ), /* @__PURE__ */ React74.createElement("div", null, /* @__PURE__ */ React74.createElement(
+        ), /* @__PURE__ */ React75.createElement("div", null, /* @__PURE__ */ React75.createElement(
           Controller,
           {
             control,
             name: "password",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ React74.createElement(
+              return /* @__PURE__ */ React75.createElement(
                 Input,
                 {
                   width: "full",
                   autoComplete: "current-password",
                   type: passwordVisible ? "text" : "password",
                   label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                  endIcon: /* @__PURE__ */ React74.createElement(
+                  endIcon: /* @__PURE__ */ React75.createElement(
                     "div",
                     {
                       className: "hawa-cursor-pointer",
                       onClick: () => setPasswordVisible(!passwordVisible)
                     },
-                    passwordVisible ? /* @__PURE__ */ React74.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React74.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
+                    passwordVisible ? /* @__PURE__ */ React75.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React75.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
                   ),
                   placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
                   helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
@@ -9604,7 +9651,7 @@ var LoginForm = ({
               );
             }
           }
-        ), props.withResetPassword && /* @__PURE__ */ React74.createElement(
+        ), props.withResetPassword && /* @__PURE__ */ React75.createElement(
           "div",
           {
             onClick: props.onForgotPassword,
@@ -9613,14 +9660,14 @@ var LoginForm = ({
           (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
         )));
       case "phone":
-        return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(
+        return /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement(
           Controller,
           {
             control,
             name: "phone",
             render: ({ field }) => {
               var _a2, _b2;
-              return /* @__PURE__ */ React74.createElement(
+              return /* @__PURE__ */ React75.createElement(
                 PhoneInput,
                 {
                   label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
@@ -9633,14 +9680,14 @@ var LoginForm = ({
           }
         ));
       case "link":
-        return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(
+        return /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement(
           Controller,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ React74.createElement(
+              return /* @__PURE__ */ React75.createElement(
                 Input,
                 {
                   width: "full",
@@ -9658,7 +9705,7 @@ var LoginForm = ({
         break;
     }
   };
-  return /* @__PURE__ */ React74.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React74.createElement(
+  return /* @__PURE__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React75.createElement(
     Card,
     {
       dir: props.direction,
@@ -9666,7 +9713,7 @@ var LoginForm = ({
         props.cardless && "!hawa-border-none !hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React74.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React74.createElement(
+    /* @__PURE__ */ React75.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React75.createElement(
       Alert,
       {
         direction: props.direction,
@@ -9674,7 +9721,7 @@ var LoginForm = ({
         text: props.errorText,
         severity: "error"
       }
-    ), /* @__PURE__ */ React74.createElement(
+    ), /* @__PURE__ */ React75.createElement(
       "form",
       {
         noValidate: true,
@@ -9688,7 +9735,7 @@ var LoginForm = ({
         })
       },
       renderFields(),
-      /* @__PURE__ */ React74.createElement(
+      /* @__PURE__ */ React75.createElement(
         Button,
         {
           className: "hawa-mt-0 hawa-w-full",
@@ -9699,7 +9746,7 @@ var LoginForm = ({
         (texts == null ? void 0 : texts.loginText) || "Login"
       ),
       props.additionalButtons,
-      props.allowRegister && /* @__PURE__ */ React74.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ React74.createElement(
+      props.allowRegister && /* @__PURE__ */ React75.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ React75.createElement(
         "span",
         {
           onClick: props.onRouteToRegister,
@@ -9708,7 +9755,7 @@ var LoginForm = ({
         (texts == null ? void 0 : texts.createAccount) || "Create Account"
       ))
     )),
-    props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React74.createElement(
+    props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React75.createElement(
       CardFooter,
       {
         noPadding: props.cardless,
@@ -9716,7 +9763,7 @@ var LoginForm = ({
           props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
         )
       },
-      /* @__PURE__ */ React74.createElement(
+      /* @__PURE__ */ React75.createElement(
         AuthButtons,
         {
           texts: thirdPartyAuthTexts,
@@ -9736,7 +9783,7 @@ var LoginForm = ({
 };
 
 // blocks/auth/RegisterForm.tsx
-import React75, { useState as useState27 } from "react";
+import React76, { useState as useState27 } from "react";
 import { Controller as Controller2, FormProvider, useForm as useForm2 } from "react-hook-form";
 import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
 import * as z2 from "zod";
@@ -9813,7 +9860,7 @@ var RegisterForm = ({
   const { handleSubmit, control, formState } = useForm2({
     resolver: zodResolver2(formSchema)
   });
-  return /* @__PURE__ */ React75.createElement(
+  return /* @__PURE__ */ React76.createElement(
     "div",
     {
       className: cn(
@@ -9821,7 +9868,7 @@ var RegisterForm = ({
         (_g = props.classNames) == null ? void 0 : _g.root
       )
     },
-    /* @__PURE__ */ React75.createElement(
+    /* @__PURE__ */ React76.createElement(
       Card,
       {
         dir: props.direction,
@@ -9830,7 +9877,7 @@ var RegisterForm = ({
           props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
         )
       },
-      /* @__PURE__ */ React75.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ React75.createElement("div", null, props.showError && /* @__PURE__ */ React75.createElement(
+      /* @__PURE__ */ React76.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ React76.createElement("div", null, props.showError && /* @__PURE__ */ React76.createElement(
         Alert,
         {
           direction: props.direction,
@@ -9843,7 +9890,7 @@ var RegisterForm = ({
             }
           }
         }
-      ), /* @__PURE__ */ React75.createElement(FormProvider, { ...methods }, /* @__PURE__ */ React75.createElement(
+      ), /* @__PURE__ */ React76.createElement(FormProvider, { ...methods }, /* @__PURE__ */ React76.createElement(
         "form",
         {
           noValidate: true,
@@ -9858,9 +9905,9 @@ var RegisterForm = ({
           }),
           className: "hawa-flex hawa-flex-col hawa-gap-4"
         },
-        /* @__PURE__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+        /* @__PURE__ */ React76.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
           if (fld === "fullname") {
-            return /* @__PURE__ */ React75.createElement(
+            return /* @__PURE__ */ React76.createElement(
               Controller2,
               {
                 key: i,
@@ -9868,7 +9915,7 @@ var RegisterForm = ({
                 name: "fullName",
                 render: ({ field }) => {
                   var _a2, _b2, _c2;
-                  return /* @__PURE__ */ React75.createElement(
+                  return /* @__PURE__ */ React76.createElement(
                     Input,
                     {
                       width: "full",
@@ -9883,7 +9930,7 @@ var RegisterForm = ({
             );
           }
           if (fld === "email") {
-            return /* @__PURE__ */ React75.createElement(
+            return /* @__PURE__ */ React76.createElement(
               Controller2,
               {
                 key: i,
@@ -9891,7 +9938,7 @@ var RegisterForm = ({
                 name: "email",
                 render: ({ field }) => {
                   var _a2, _b2, _c2;
-                  return /* @__PURE__ */ React75.createElement(
+                  return /* @__PURE__ */ React76.createElement(
                     Input,
                     {
                       dir: "ltr",
@@ -9911,7 +9958,7 @@ var RegisterForm = ({
             );
           }
           if (fld === "username") {
-            return /* @__PURE__ */ React75.createElement(
+            return /* @__PURE__ */ React76.createElement(
               Controller2,
               {
                 key: i,
@@ -9919,7 +9966,7 @@ var RegisterForm = ({
                 name: "username",
                 render: ({ field }) => {
                   var _a2, _b2, _c2, _d2;
-                  return /* @__PURE__ */ React75.createElement(
+                  return /* @__PURE__ */ React76.createElement(
                     Input,
                     {
                       width: "full",
@@ -9938,25 +9985,25 @@ var RegisterForm = ({
             );
           }
         })),
-        /* @__PURE__ */ React75.createElement(
+        /* @__PURE__ */ React76.createElement(
           Controller2,
           {
             control,
             name: "password",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ React75.createElement(
+              return /* @__PURE__ */ React76.createElement(
                 Input,
                 {
                   width: "full",
                   type: passwordVisible ? "text" : "password",
-                  endIcon: /* @__PURE__ */ React75.createElement(
+                  endIcon: /* @__PURE__ */ React76.createElement(
                     "div",
                     {
                       className: "hawa-cursor-pointer",
                       onClick: () => setPasswordVisible(!passwordVisible)
                     },
-                    passwordVisible ? /* @__PURE__ */ React75.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React75.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                    passwordVisible ? /* @__PURE__ */ React76.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React76.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
                     " "
                   ),
                   autoComplete: "new-password",
@@ -9969,14 +10016,14 @@ var RegisterForm = ({
             }
           }
         ),
-        /* @__PURE__ */ React75.createElement(
+        /* @__PURE__ */ React76.createElement(
           Controller2,
           {
             control,
             name: "confirm_password",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ React75.createElement(
+              return /* @__PURE__ */ React76.createElement(
                 Input,
                 {
                   width: "full",
@@ -9992,14 +10039,14 @@ var RegisterForm = ({
           }
         ),
         props.additionalInputs,
-        props.showRefCode && /* @__PURE__ */ React75.createElement(
+        props.showRefCode && /* @__PURE__ */ React76.createElement(
           Controller2,
           {
             control,
             name: "refCode",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ React75.createElement(
+              return /* @__PURE__ */ React76.createElement(
                 Input,
                 {
                   width: "full",
@@ -10012,14 +10059,14 @@ var RegisterForm = ({
             }
           }
         ),
-        props.showUserSource && /* @__PURE__ */ React75.createElement(
+        props.showUserSource && /* @__PURE__ */ React76.createElement(
           Controller2,
           {
             control,
             name: "reference",
             render: ({ field }) => {
               var _a2, _b2;
-              return /* @__PURE__ */ React75.createElement(
+              return /* @__PURE__ */ React76.createElement(
                 Select,
                 {
                   label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
@@ -10037,20 +10084,20 @@ var RegisterForm = ({
             }
           }
         ),
-        showTermsOption || showNewsletterOption ? /* @__PURE__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ React75.createElement(
+        showTermsOption || showNewsletterOption ? /* @__PURE__ */ React76.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ React76.createElement(
           Controller2,
           {
             control,
             name: "terms_accepted",
             render: ({ field }) => {
               var _a2, _b2;
-              return /* @__PURE__ */ React75.createElement(
+              return /* @__PURE__ */ React76.createElement(
                 Checkbox,
                 {
                   id: "terms_accepted",
                   helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
                   onCheckedChange: (e) => field.onChange(e),
-                  label: /* @__PURE__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ React75.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React75.createElement(
+                  label: /* @__PURE__ */ React76.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ React76.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React76.createElement(
                     "span",
                     {
                       onClick: (e) => {
@@ -10067,12 +10114,12 @@ var RegisterForm = ({
               );
             }
           }
-        ), showNewsletterOption && /* @__PURE__ */ React75.createElement(
+        ), showNewsletterOption && /* @__PURE__ */ React76.createElement(
           Controller2,
           {
             control,
             name: "newsletter_accepted",
-            render: ({ field }) => /* @__PURE__ */ React75.createElement(
+            render: ({ field }) => /* @__PURE__ */ React76.createElement(
               Checkbox,
               {
                 id: "newsletter_accepted",
@@ -10082,7 +10129,7 @@ var RegisterForm = ({
             )
           }
         )) : null,
-        /* @__PURE__ */ React75.createElement(
+        /* @__PURE__ */ React76.createElement(
           Button,
           {
             className: " hawa-w-full",
@@ -10093,8 +10140,8 @@ var RegisterForm = ({
           (texts == null ? void 0 : texts.registerText) || "Register"
         ),
         props.additionalButtons
-      )), props.onRouteToLogin && /* @__PURE__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ React75.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ React75.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
-      props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React75.createElement(
+      )), props.onRouteToLogin && /* @__PURE__ */ React76.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ React76.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ React76.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
+      props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React76.createElement(
         CardFooter,
         {
           noPadding: props.cardless,
@@ -10102,7 +10149,7 @@ var RegisterForm = ({
             props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
           )
         },
-        /* @__PURE__ */ React75.createElement(
+        /* @__PURE__ */ React76.createElement(
           AuthButtons,
           {
             texts: thirdPartyAuthTexts,
@@ -10123,7 +10170,7 @@ var RegisterForm = ({
 };
 
 // blocks/auth/AppLanding.tsx
-import React76 from "react";
+import React77 from "react";
 var AppLanding = ({ texts, ...props }) => {
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
@@ -10134,7 +10181,7 @@ var AppLanding = ({ texts, ...props }) => {
     continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
     continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
   };
-  return /* @__PURE__ */ React76.createElement("div", { dir: props.direction }, /* @__PURE__ */ React76.createElement(Card, null, /* @__PURE__ */ React76.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ React76.createElement(
+  return /* @__PURE__ */ React77.createElement("div", { dir: props.direction }, /* @__PURE__ */ React77.createElement(Card, null, /* @__PURE__ */ React77.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ React77.createElement(
     AuthButtons,
     {
       texts: thirdPartyAuthTexts,
@@ -10153,7 +10200,7 @@ var AppLanding = ({ texts, ...props }) => {
       handleEmail: props.handleEmail,
       handlePhone: props.handlePhone
     }
-  ), props.allowRegister && /* @__PURE__ */ React76.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ React76.createElement(
+  ), props.allowRegister && /* @__PURE__ */ React77.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ React77.createElement(
     "span",
     {
       onClick: props.handleRouteToRegister,
@@ -10164,9 +10211,9 @@ var AppLanding = ({ texts, ...props }) => {
 };
 
 // blocks/auth/CheckEmail.tsx
-import React77 from "react";
+import React78 from "react";
 var CheckEmail = ({ texts, handleResend }) => {
-  return /* @__PURE__ */ React77.createElement(Card, null, /* @__PURE__ */ React77.createElement(CardContent, { headless: true }, /* @__PURE__ */ React77.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React77.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React77.createElement(
+  return /* @__PURE__ */ React78.createElement(Card, null, /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React78.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -10179,13 +10226,13 @@ var CheckEmail = ({ texts, handleResend }) => {
       width: "0.5em",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React77.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
-    /* @__PURE__ */ React77.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ React77.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ React77.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ React77.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ React77.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
+    /* @__PURE__ */ React78.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
+    /* @__PURE__ */ React78.createElement("polyline", { points: "22,6 12,13 2,6" })
+  )), /* @__PURE__ */ React78.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ React78.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ React78.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 
 // blocks/auth/NewPassword.tsx
-import React78, { useState as useState28 } from "react";
+import React79, { useState as useState28 } from "react";
 import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
@@ -10204,7 +10251,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
     resolver: zodResolver3(formSchema)
   });
   const [matchError, setMatchError] = useState28(false);
-  return /* @__PURE__ */ React78.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React78.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React79.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React79.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React79.createElement(CardContent, { headless: true }, /* @__PURE__ */ React79.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React79.createElement(
     "form",
     {
       noValidate: true,
@@ -10218,21 +10265,21 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       })
     },
-    !props.headless && /* @__PURE__ */ React78.createElement(CardHeader, null, /* @__PURE__ */ React78.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React78.createElement(CardDescription, null, "Set a new password for your account")),
-    /* @__PURE__ */ React78.createElement(
+    !props.headless && /* @__PURE__ */ React79.createElement(CardHeader, null, /* @__PURE__ */ React79.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React79.createElement(CardDescription, null, "Set a new password for your account")),
+    /* @__PURE__ */ React79.createElement(
       CardContent,
       {
         headless: props.headless,
         className: "hawa-flex hawa-flex-col hawa-gap-4"
       },
-      /* @__PURE__ */ React78.createElement(
+      /* @__PURE__ */ React79.createElement(
         Controller3,
         {
           control,
           name: "password",
           render: ({ field }) => {
             var _a2, _b2, _c2;
-            return /* @__PURE__ */ React78.createElement(
+            return /* @__PURE__ */ React79.createElement(
               Input,
               {
                 width: "full",
@@ -10247,14 +10294,14 @@ var NewPasswordForm = ({ texts, ...props }) => {
           }
         }
       ),
-      /* @__PURE__ */ React78.createElement(
+      /* @__PURE__ */ React79.createElement(
         Controller3,
         {
           control,
           name: "confirm_password",
           render: ({ field }) => {
             var _a2, _b2, _c2;
-            return /* @__PURE__ */ React78.createElement(
+            return /* @__PURE__ */ React79.createElement(
               Input,
               {
                 width: "full",
@@ -10270,7 +10317,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ React78.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React78.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React78.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React78.createElement(
+    /* @__PURE__ */ React79.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React79.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React79.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React79.createElement(
       "span",
       {
         className: "clickable-link",
@@ -10282,7 +10329,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
 };
 
 // blocks/auth/ResetPassword.tsx
-import React79 from "react";
+import React80 from "react";
 import { Controller as Controller4, useForm as useForm4 } from "react-hook-form";
 import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
@@ -10299,7 +10346,7 @@ var ResetPasswordForm = ({
   const { handleSubmit, control, formState } = useForm4({
     resolver: zodResolver4(formSchema)
   });
-  return /* @__PURE__ */ React79.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React79.createElement(React79.Fragment, null, !props.headless && /* @__PURE__ */ React79.createElement(CardHeader, null, /* @__PURE__ */ React79.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React79.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React79.createElement(
+  return /* @__PURE__ */ React80.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React80.createElement(React80.Fragment, null, !props.headless && /* @__PURE__ */ React80.createElement(CardHeader, null, /* @__PURE__ */ React80.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React80.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React80.createElement(
     "form",
     {
       noValidate: true,
@@ -10311,14 +10358,14 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ React79.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React79.createElement(
+    /* @__PURE__ */ React80.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React80.createElement(
       Controller4,
       {
         control,
         name: "email",
         render: ({ field }) => {
           var _a2, _b2, _c2, _d2, _e2;
-          return /* @__PURE__ */ React79.createElement(
+          return /* @__PURE__ */ React80.createElement(
             Input,
             {
               width: "full",
@@ -10331,7 +10378,7 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ React79.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React79.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React79.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React79.createElement(
+    /* @__PURE__ */ React80.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React80.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React80.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React80.createElement(
       "span",
       {
         className: "clickable-link",
@@ -10339,11 +10386,11 @@ var ResetPasswordForm = ({
       },
       (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
     )))
-  )) : /* @__PURE__ */ React79.createElement(CardContent, { headless: true }, /* @__PURE__ */ React79.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
+  )) : /* @__PURE__ */ React80.createElement(CardContent, { headless: true }, /* @__PURE__ */ React80.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
 };
 
 // blocks/auth/CodeConfirmation.tsx
-import React80, { useEffect as useEffect18, useState as useState29 } from "react";
+import React81, { useEffect as useEffect18, useState as useState29 } from "react";
 import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import * as z5 from "zod";
@@ -10386,14 +10433,14 @@ var CodeConfirmation = (props) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ React80.createElement(Card, null, /* @__PURE__ */ React80.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React80.createElement(
+  return /* @__PURE__ */ React81.createElement(Card, null, /* @__PURE__ */ React81.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React81.createElement(
     Alert,
     {
       title: props.errorTitle,
       text: props.errorText,
       severity: "error"
     }
-  ), /* @__PURE__ */ React80.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React80.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ React80.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React80.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ React80.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ React80.createElement(
+  ), /* @__PURE__ */ React81.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React81.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ React81.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React81.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ React81.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ React81.createElement(
     "form",
     {
       noValidate: true,
@@ -10407,14 +10454,14 @@ var CodeConfirmation = (props) => {
         }
       })
     },
-    /* @__PURE__ */ React80.createElement(
+    /* @__PURE__ */ React81.createElement(
       Controller5,
       {
         control,
         name: "otp_code",
         render: ({ field }) => {
           var _a2;
-          return /* @__PURE__ */ React80.createElement(
+          return /* @__PURE__ */ React81.createElement(
             PinInput,
             {
               width: "full",
@@ -10426,7 +10473,7 @@ var CodeConfirmation = (props) => {
         }
       }
     ),
-    showResendTimer ? /* @__PURE__ */ React80.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ React80.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React80.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React80.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React80.createElement(
+    showResendTimer ? /* @__PURE__ */ React81.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ React81.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React81.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React81.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React81.createElement(
       "span",
       {
         className: "clickable-link",
@@ -10437,12 +10484,12 @@ var CodeConfirmation = (props) => {
       },
       ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
     )),
-    /* @__PURE__ */ React80.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React80.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ React80.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    /* @__PURE__ */ React81.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React81.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ React81.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
   )));
 };
 
 // blocks/feedback/UserReferralSource.tsx
-import React81, { useRef as useRef12, useState as useState30 } from "react";
+import React82, { useRef as useRef12, useState as useState30 } from "react";
 import { Controller as Controller6, useForm as useForm6 } from "react-hook-form";
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import * as z6 from "zod";
@@ -10473,7 +10520,7 @@ var UserReferralSource = ({
       label: "Other"
     }
   ];
-  return /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React82.createElement(
     "div",
     {
       className: cn(
@@ -10482,7 +10529,7 @@ var UserReferralSource = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React82.createElement(
       Card,
       {
         className: cn(
@@ -10491,7 +10538,7 @@ var UserReferralSource = ({
         ),
         dir: props.direction
       },
-      /* @__PURE__ */ React81.createElement(
+      /* @__PURE__ */ React82.createElement(
         "button",
         {
           type: "button",
@@ -10510,7 +10557,7 @@ var UserReferralSource = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ React81.createElement(
+        /* @__PURE__ */ React82.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -10518,7 +10565,7 @@ var UserReferralSource = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React81.createElement(
+          /* @__PURE__ */ React82.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -10528,7 +10575,7 @@ var UserReferralSource = ({
           )
         )
       ),
-      /* @__PURE__ */ React81.createElement(CardContent, { headless: true }, /* @__PURE__ */ React81.createElement(
+      /* @__PURE__ */ React82.createElement(CardContent, { headless: true }, /* @__PURE__ */ React82.createElement(
         "form",
         {
           noValidate: true,
@@ -10540,7 +10587,7 @@ var UserReferralSource = ({
             }
           })
         },
-        /* @__PURE__ */ React81.createElement(
+        /* @__PURE__ */ React82.createElement(
           "div",
           {
             className: cn(
@@ -10548,15 +10595,15 @@ var UserReferralSource = ({
               closed ? "hawa-opacity-0" : "hawa-opacity-100"
             )
           },
-          /* @__PURE__ */ React81.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ React81.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React81.createElement(
+          /* @__PURE__ */ React82.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
+          /* @__PURE__ */ React82.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React82.createElement(
             Controller6,
             {
               control,
               name: "source",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ React81.createElement(
+                return /* @__PURE__ */ React82.createElement(
                   Radio,
                   {
                     name: "source",
@@ -10571,14 +10618,14 @@ var UserReferralSource = ({
               }
             }
           )),
-          /* @__PURE__ */ React81.createElement("div", null, /* @__PURE__ */ React81.createElement(
+          /* @__PURE__ */ React82.createElement("div", null, /* @__PURE__ */ React82.createElement(
             Controller6,
             {
               control,
               name: "feedback",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ React81.createElement(
+                return /* @__PURE__ */ React82.createElement(
                   Textarea,
                   {
                     ...field,
@@ -10593,14 +10640,14 @@ var UserReferralSource = ({
             }
           ))
         ),
-        /* @__PURE__ */ React81.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
+        /* @__PURE__ */ React82.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
       ))
     )
   );
 };
 
 // blocks/feedback/FeedbackRating.tsx
-import React82, { useEffect as useEffect19, useRef as useRef13, useState as useState31 } from "react";
+import React83, { useEffect as useEffect19, useRef as useRef13, useState as useState31 } from "react";
 var FeedbackRating = ({
   position = "bottom-right",
   ...props
@@ -10632,7 +10679,7 @@ var FeedbackRating = ({
       }
     }, 200);
   };
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "div",
     {
       ref: popUpRef,
@@ -10641,7 +10688,7 @@ var FeedbackRating = ({
         boxPosition[position]
       )
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       "div",
       {
         className: cn(
@@ -10650,8 +10697,8 @@ var FeedbackRating = ({
           props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
         )
       },
-      /* @__PURE__ */ React82.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
+      /* @__PURE__ */ React83.createElement(
         "button",
         {
           type: "button",
@@ -10660,7 +10707,7 @@ var FeedbackRating = ({
           "aria-label": "Close",
           onClick: () => slowClose()
         },
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -10668,7 +10715,7 @@ var FeedbackRating = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React82.createElement(
+          /* @__PURE__ */ React83.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -10678,8 +10725,8 @@ var FeedbackRating = ({
           )
         )
       ),
-      /* @__PURE__ */ React82.createElement("div", { className: "hawa-mt-8" }, props.question),
-      /* @__PURE__ */ React82.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement("div", { className: "hawa-mt-8" }, props.question),
+      /* @__PURE__ */ React83.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ React83.createElement(
         "span",
         {
           key: i,
@@ -10707,24 +10754,24 @@ var FeedbackRating = ({
         },
         op
       ))),
-      props.texts && /* @__PURE__ */ React82.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ React82.createElement("span", null, props.texts.least), /* @__PURE__ */ React82.createElement("span", null, props.texts.most)),
-      answered && /* @__PURE__ */ React82.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ React82.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ React82.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React82.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
+      props.texts && /* @__PURE__ */ React83.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ React83.createElement("span", null, props.texts.least), /* @__PURE__ */ React83.createElement("span", null, props.texts.most)),
+      answered && /* @__PURE__ */ React83.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ React83.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React83.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
     )
   );
 };
 
 // blocks/feedback/FeedbackEmoji.tsx
-import React83, { useState as useState32 } from "react";
+import React84, { useState as useState32 } from "react";
 var FeedbackEmoji = (props) => {
   const [selectedEmoji, setSelectedEmoji] = useState32(null);
   const [loadingSubmit, setLoadingSubmit] = useState32(false);
   const [feedbackText, setFeedbackText] = useState32("");
   const [helperText, setHelperText] = useState32(false);
   let emojis = [
-    { icon: /* @__PURE__ */ React83.createElement(VeryGoodEmoji, null), value: "very-good" },
-    { icon: /* @__PURE__ */ React83.createElement(GoodEmoji, null), value: "good" },
-    { icon: /* @__PURE__ */ React83.createElement(BadEmoji, null), value: "bad" },
-    { icon: /* @__PURE__ */ React83.createElement(VeryBadEmoji, null), value: "very-bad" }
+    { icon: /* @__PURE__ */ React84.createElement(VeryGoodEmoji, null), value: "very-good" },
+    { icon: /* @__PURE__ */ React84.createElement(GoodEmoji, null), value: "good" },
+    { icon: /* @__PURE__ */ React84.createElement(BadEmoji, null), value: "bad" },
+    { icon: /* @__PURE__ */ React84.createElement(VeryBadEmoji, null), value: "very-bad" }
   ];
   const onFeedbackSubmit = async () => {
     if (feedbackText) {
@@ -10744,7 +10791,7 @@ var FeedbackEmoji = (props) => {
       setHelperText(true);
     }
   };
-  return /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React84.createElement(
     "div",
     {
       className: cn(
@@ -10752,7 +10799,7 @@ var FeedbackEmoji = (props) => {
         selectedEmoji ? "hawa-h-[189px]  hawa-min-w-fit" : "hawa-h-[44px] "
       )
     },
-    /* @__PURE__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React84.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ React84.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ React84.createElement(
       Button,
       {
         key: i,
@@ -10771,7 +10818,7 @@ var FeedbackEmoji = (props) => {
       },
       emoji.icon
     )))),
-    /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React84.createElement(
       "div",
       {
         className: cn(
@@ -10779,7 +10826,7 @@ var FeedbackEmoji = (props) => {
           selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
         )
       },
-      props.showSuccess ? /* @__PURE__ */ React83.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ React83.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ React83.createElement(
+      props.showSuccess ? /* @__PURE__ */ React84.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ React84.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ React84.createElement(
         "svg",
         {
           stroke: "currentColor",
@@ -10789,13 +10836,13 @@ var FeedbackEmoji = (props) => {
           height: "0.5em",
           width: "0.5em"
         },
-        /* @__PURE__ */ React83.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__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ React83.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ React83.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ React83.createElement(
+        /* @__PURE__ */ React84.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__ */ React84.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ React84.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ React84.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ React84.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ React84.createElement(
         Popover,
         {
           className: "hawa-select-none hawa-p-1 hawa-text-xs ",
           open: helperText,
-          trigger: /* @__PURE__ */ React83.createElement(
+          trigger: /* @__PURE__ */ React84.createElement(
             Textarea,
             {
               classNames: {
@@ -10813,8 +10860,8 @@ var FeedbackEmoji = (props) => {
             }
           )
         },
-        /* @__PURE__ */ React83.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
-      ), /* @__PURE__ */ React83.createElement(
+        /* @__PURE__ */ React84.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
+      ), /* @__PURE__ */ React84.createElement(
         Button,
         {
           isLoading: loadingSubmit,
@@ -10829,7 +10876,7 @@ var FeedbackEmoji = (props) => {
 };
 
 // blocks/feedback/FeedbackForm.tsx
-import React84 from "react";
+import React85 from "react";
 import { useForm as useForm7, Controller as Controller7 } from "react-hook-form";
 import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
 import * as z7 from "zod";
@@ -10843,7 +10890,7 @@ var FeedbackForm = (props) => {
     resolver: zodResolver7(formSchema),
     defaultValues: { requestType: "", description: "" }
   });
-  return /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React85.createElement(
     Card,
     {
       className: cn(
@@ -10851,7 +10898,7 @@ var FeedbackForm = (props) => {
       ),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ React84.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ React84.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ React84.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ React84.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ React84.createElement(
+    /* @__PURE__ */ React85.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ React85.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ React85.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ React85.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ React85.createElement(
       "form",
       {
         noValidate: true,
@@ -10864,15 +10911,15 @@ var FeedbackForm = (props) => {
         }),
         className: "hawa-flex hawa-flex-col hawa-gap-2"
       },
-      /* @__PURE__ */ React84.createElement(Label2, null),
-      /* @__PURE__ */ React84.createElement(
+      /* @__PURE__ */ React85.createElement(Label2, null),
+      /* @__PURE__ */ React85.createElement(
         Controller7,
         {
           name: "requestType",
           control,
           render: ({ field }) => {
             var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-            return /* @__PURE__ */ React84.createElement(
+            return /* @__PURE__ */ React85.createElement(
               Select,
               {
                 ...field,
@@ -10890,14 +10937,14 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ React84.createElement(
+      /* @__PURE__ */ React85.createElement(
         Controller7,
         {
           name: "description",
           control,
           render: ({ field }) => {
             var _a2, _b2, _c2, _d2, _e2, _f2;
-            return /* @__PURE__ */ React84.createElement(
+            return /* @__PURE__ */ React85.createElement(
               Textarea,
               {
                 helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
@@ -10915,15 +10962,15 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ React84.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
+      /* @__PURE__ */ React85.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
     ))
   );
 };
 
 // blocks/misc/LegalTexts.tsx
-import React85 from "react";
+import React86 from "react";
 var LegalTexts = ({ tabs, ...props }) => {
-  return /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React86.createElement(
     Tabs,
     {
       value: props.activeTab,
@@ -10931,8 +10978,8 @@ var LegalTexts = ({ tabs, ...props }) => {
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ React85.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React85.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
-    tabs.map((tab, index) => /* @__PURE__ */ React85.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React85.createElement(
+    /* @__PURE__ */ React86.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React86.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    tabs.map((tab, index) => /* @__PURE__ */ React86.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React86.createElement(
       ScrollArea,
       {
         className: cn(
@@ -10946,9 +10993,9 @@ var LegalTexts = ({ tabs, ...props }) => {
 };
 
 // blocks/misc/EmptyState.tsx
-import React86 from "react";
+import React87 from "react";
 var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ React86.createElement(Card, null, /* @__PURE__ */ React86.createElement(CardContent, { headless: true }, /* @__PURE__ */ React86.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React86.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ React86.createElement(
+  return /* @__PURE__ */ React87.createElement(Card, null, /* @__PURE__ */ React87.createElement(CardContent, { headless: true }, /* @__PURE__ */ React87.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React87.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ React87.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -10958,30 +11005,30 @@ var EmptyState = ({ texts, onActionClick }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ React86.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__ */ React86.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React86.createElement(CardFooter, null, /* @__PURE__ */ React86.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
+    /* @__PURE__ */ React87.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__ */ React87.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React87.createElement(CardFooter, null, /* @__PURE__ */ React87.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
 };
 
 // blocks/misc/Testimonial.tsx
-import React87 from "react";
+import React88 from "react";
 var Testimonial = () => {
-  return /* @__PURE__ */ React87.createElement(Card, null, /* @__PURE__ */ React87.createElement(CardContent, { headless: true }, /* @__PURE__ */ React87.createElement("div", null, /* @__PURE__ */ React87.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__ */ React87.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React87.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React87.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React88.createElement(Card, null, /* @__PURE__ */ React88.createElement(CardContent, { headless: true }, /* @__PURE__ */ React88.createElement("div", null, /* @__PURE__ */ React88.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__ */ React88.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React88.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React88.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React88.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__ */ React87.createElement(
+  ), /* @__PURE__ */ React88.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__ */ React87.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React87.createElement("div", null, /* @__PURE__ */ React87.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React87.createElement("div", null, " Chief Information Security Officer")))));
+  )), /* @__PURE__ */ React88.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React88.createElement("div", null, /* @__PURE__ */ React88.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React88.createElement("div", null, " Chief Information Security Officer")))));
 };
 
 // blocks/misc/LeadGenerator.tsx
-import React88 from "react";
+import React89 from "react";
 import { useForm as useForm8, Controller as Controller8 } from "react-hook-form";
 var LeadGenerator = ({ texts, submitHandler }) => {
   var _a;
@@ -10993,14 +11040,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
       console.log("handleNewsletterSub props was not provided");
     }
   };
-  return /* @__PURE__ */ React88.createElement(Card, null, /* @__PURE__ */ React88.createElement(CardHeader, null, /* @__PURE__ */ React88.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ React88.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ React88.createElement(CardContent, null, /* @__PURE__ */ React88.createElement(
+  return /* @__PURE__ */ React89.createElement(Card, null, /* @__PURE__ */ React89.createElement(CardHeader, null, /* @__PURE__ */ React89.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ React89.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ React89.createElement(CardContent, null, /* @__PURE__ */ React89.createElement(
     "form",
     {
       noValidate: true,
       className: "hawa-flex hawa-flex-row hawa-gap-2",
       onSubmit: handleSubmit(onSubmit)
     },
-    /* @__PURE__ */ React88.createElement(
+    /* @__PURE__ */ React89.createElement(
       Controller8,
       {
         name: "email",
@@ -11013,27 +11060,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
           }
         },
         defaultValue: "",
-        render: ({ field }) => /* @__PURE__ */ React88.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
+        render: ({ field }) => /* @__PURE__ */ React89.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
       }
     ),
-    /* @__PURE__ */ React88.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
+    /* @__PURE__ */ React89.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
   )));
 };
 
 // blocks/misc/Announcement.tsx
-import React89 from "react";
+import React90 from "react";
 var Announcement = ({
   onActionClick,
   ...props
 }) => {
-  return /* @__PURE__ */ React89.createElement(Card, null, /* @__PURE__ */ React89.createElement(
+  return /* @__PURE__ */ React90.createElement(Card, null, /* @__PURE__ */ React90.createElement(
     CardContent,
     {
       headless: true,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
-    /* @__PURE__ */ React89.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React89.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React89.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ React89.createElement(
+    /* @__PURE__ */ React90.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React90.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React90.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
+    /* @__PURE__ */ React90.createElement(
       Button,
       {
         onClick: () => onActionClick(),
@@ -11045,15 +11092,15 @@ var Announcement = ({
 };
 
 // blocks/misc/NotFound.tsx
-import React90 from "react";
+import React91 from "react";
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ React90.createElement(Card, null, /* @__PURE__ */ React90.createElement(CardContent, { headless: true }, /* @__PURE__ */ React90.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React90.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React90.createElement(React90.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React90.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React90.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
+  return /* @__PURE__ */ React91.createElement(Card, null, /* @__PURE__ */ React91.createElement(CardContent, { headless: true }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React91.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ React91.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React91.createElement(React91.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React91.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React91.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // blocks/misc/NoPermission.tsx
-import React91 from "react";
+import React92 from "react";
 var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ React91.createElement(Card, null, /* @__PURE__ */ React91.createElement(CardContent, { headless: true }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React91.createElement(
+  return /* @__PURE__ */ React92.createElement(Card, null, /* @__PURE__ */ React92.createElement(CardContent, { headless: true }, /* @__PURE__ */ React92.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React92.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React92.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -11063,12 +11110,12 @@ var NoPermission = ({ texts }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ React91.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__ */ React91.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React91.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
+    /* @__PURE__ */ React92.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__ */ React92.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React92.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
 };
 
 // blocks/misc/ContactForm.tsx
-import React92 from "react";
+import React93 from "react";
 import { useForm as useForm9, Controller as Controller9 } from "react-hook-form";
 import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
 import * as z8 from "zod";
@@ -11140,7 +11187,7 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  return /* @__PURE__ */ React92.createElement(
+  return /* @__PURE__ */ React93.createElement(
     Card,
     {
       className: cn(
@@ -11149,7 +11196,7 @@ var ContactForm = ({
       ),
       style: cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ React92.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React92.createElement(
+    /* @__PURE__ */ React93.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React93.createElement(
       "form",
       {
         noValidate: true,
@@ -11158,7 +11205,7 @@ var ContactForm = ({
         id: formId,
         autoComplete: formAutoComplete
       },
-      /* @__PURE__ */ React92.createElement(
+      /* @__PURE__ */ React93.createElement(
         "div",
         {
           className: cn(
@@ -11169,14 +11216,14 @@ var ContactForm = ({
             }
           )
         },
-        /* @__PURE__ */ React92.createElement(
+        /* @__PURE__ */ React93.createElement(
           Controller9,
           {
             control,
             name: "name",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ React92.createElement(
+              return /* @__PURE__ */ React93.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.name.label) || "Name",
@@ -11189,14 +11236,14 @@ var ContactForm = ({
             }
           }
         ),
-        /* @__PURE__ */ React92.createElement(
+        /* @__PURE__ */ React93.createElement(
           Controller9,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ React92.createElement(
+              return /* @__PURE__ */ React93.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.email.label) || "Email",
@@ -11212,7 +11259,7 @@ var ContactForm = ({
       ),
       customFields && customFields.map((customField) => {
         console.log("custom", customField);
-        return /* @__PURE__ */ React92.createElement(
+        return /* @__PURE__ */ React93.createElement(
           Controller9,
           {
             control,
@@ -11222,7 +11269,7 @@ var ContactForm = ({
               switch (type) {
                 case "text":
                 case "number":
-                  return /* @__PURE__ */ React92.createElement(
+                  return /* @__PURE__ */ React93.createElement(
                     Input,
                     {
                       id: customField.name,
@@ -11233,7 +11280,7 @@ var ContactForm = ({
                     }
                   );
                 case "select":
-                  return /* @__PURE__ */ React92.createElement(
+                  return /* @__PURE__ */ React93.createElement(
                     Select,
                     {
                       label,
@@ -11243,20 +11290,20 @@ var ContactForm = ({
                     }
                   );
                 default:
-                  return /* @__PURE__ */ React92.createElement("div", null, "Unknown type");
+                  return /* @__PURE__ */ React93.createElement("div", null, "Unknown type");
               }
             }
           }
         );
       }),
-      /* @__PURE__ */ React92.createElement(
+      /* @__PURE__ */ React93.createElement(
         Controller9,
         {
           control,
           name: "message",
           render: ({ field }) => {
             var _a2;
-            return /* @__PURE__ */ React92.createElement(
+            return /* @__PURE__ */ React93.createElement(
               Textarea,
               {
                 label: (texts == null ? void 0 : texts.message.label) || "Message",
@@ -11273,19 +11320,19 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ React92.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
+      /* @__PURE__ */ React93.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };
 
 // blocks/pricing/PricingPlans.tsx
-import React98 from "react";
+import React99 from "react";
 
 // blocks/cards/ActionCard.tsx
-import React93, { useState as useState33 } from "react";
+import React94, { useState as useState33 } from "react";
 var ActionCard = (props) => {
   const [hovered, setHovered] = useState33(false);
-  return /* @__PURE__ */ React93.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React93.createElement(
+  return /* @__PURE__ */ React94.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React94.createElement(
     "div",
     {
       className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
@@ -11295,7 +11342,7 @@ var ActionCard = (props) => {
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false)
     },
-    props.blank ? /* @__PURE__ */ React93.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React93.createElement(
+    props.blank ? /* @__PURE__ */ React94.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React94.createElement(
       "svg",
       {
         className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
@@ -11307,11 +11354,11 @@ var ActionCard = (props) => {
         width: "1em",
         xmlns: "http://www.w3.org/2000/svg"
       },
-      /* @__PURE__ */ React93.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
-    )) : /* @__PURE__ */ React93.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
-    /* @__PURE__ */ React93.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
-    !props.blank && /* @__PURE__ */ React93.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ React93.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ React93.createElement("p", { className: "hawa-text-white" }, props.subtitle))
-  ), /* @__PURE__ */ React93.createElement(
+      /* @__PURE__ */ React94.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
+    )) : /* @__PURE__ */ React94.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
+    /* @__PURE__ */ React94.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
+    !props.blank && /* @__PURE__ */ React94.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ React94.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ React94.createElement("p", { className: "hawa-text-white" }, props.subtitle))
+  ), /* @__PURE__ */ React94.createElement(
     "div",
     {
       className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
@@ -11321,7 +11368,7 @@ var ActionCard = (props) => {
 };
 
 // blocks/cards/AdCard.tsx
-import React94, { useState as useState34, useEffect as useEffect20, useRef as useRef14 } from "react";
+import React95, { useState as useState34, useEffect as useEffect20, useRef as useRef14 } from "react";
 var AdCard = ({
   orientation = "vertical",
   ...props
@@ -11354,21 +11401,21 @@ var AdCard = ({
     horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500  hawa-rounded-inner",
     vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
   };
-  return /* @__PURE__ */ React94.createElement("div", { ref: adRef }, /* @__PURE__ */ React94.createElement(
+  return /* @__PURE__ */ React95.createElement("div", { ref: adRef }, /* @__PURE__ */ React95.createElement(
     "div",
     {
       className: cn(cardStyles[orientation], props.className),
       onClick: props.handleClick
     },
-    /* @__PURE__ */ React94.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React95.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ React95.createElement(
       "img",
       {
         src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
         className: imageStyles[orientation]
       }
     )),
-    /* @__PURE__ */ React94.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ React94.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ React94.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
-    props.canHide && /* @__PURE__ */ React94.createElement(
+    /* @__PURE__ */ React95.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ React95.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ React95.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
+    props.canHide && /* @__PURE__ */ React95.createElement(
       "span",
       {
         onClick: (e) => {
@@ -11394,7 +11441,7 @@ var AdCard = ({
 };
 
 // blocks/cards/PricingCard.tsx
-import React95 from "react";
+import React96 from "react";
 var PricingCard = ({
   size = "medium",
   direction = "ltr",
@@ -11409,13 +11456,13 @@ var PricingCard = ({
     medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
     large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
   };
-  return /* @__PURE__ */ React95.createElement(React95.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ React95.createElement(
+  return /* @__PURE__ */ React96.createElement(React96.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ React96.createElement(
     Skeleton,
     {
       className: cn(cardSizes[size], "hawa-h-[200px]"),
       fade: "bottom"
     }
-  ) : /* @__PURE__ */ React95.createElement(
+  ) : /* @__PURE__ */ React96.createElement(
     Card,
     {
       dir: direction,
@@ -11426,7 +11473,7 @@ var PricingCard = ({
         recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
       )
     },
-    recommended && /* @__PURE__ */ React95.createElement(
+    recommended && /* @__PURE__ */ React96.createElement(
       "div",
       {
         className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2  hawa-text-center hawa-text-primary-foreground",
@@ -11434,7 +11481,7 @@ var PricingCard = ({
       },
       ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
     ),
-    /* @__PURE__ */ React95.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React95.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React95.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React95.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React95.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React95.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React95.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ React95.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ React95.createElement(React95.Fragment, null, props.noPrice ? /* @__PURE__ */ React95.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React95.createElement(React95.Fragment, null, /* @__PURE__ */ React95.createElement(React95.Fragment, null, /* @__PURE__ */ React95.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React95.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React95.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React95.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React95.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ React95.createElement(Separator2, null), /* @__PURE__ */ React95.createElement(
+    /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React96.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React96.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React96.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React96.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React96.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ React96.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ React96.createElement(React96.Fragment, null, props.noPrice ? /* @__PURE__ */ React96.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React96.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React96.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React96.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ React96.createElement(Separator2, null), /* @__PURE__ */ React96.createElement(
       "div",
       {
         className: cn(
@@ -11442,9 +11489,9 @@ var PricingCard = ({
           endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
         )
       },
-      props.features && /* @__PURE__ */ React95.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+      props.features && /* @__PURE__ */ React96.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
         var _a2;
-        return /* @__PURE__ */ React95.createElement(
+        return /* @__PURE__ */ React96.createElement(
           "li",
           {
             key: o,
@@ -11453,7 +11500,7 @@ var PricingCard = ({
               !feature.included && "hawa-line-through"
             )
           },
-          /* @__PURE__ */ React95.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ React95.createElement(
+          /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ React96.createElement(
             "svg",
             {
               "aria-label": "Check Icon",
@@ -11462,7 +11509,7 @@ var PricingCard = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ React95.createElement(
+            /* @__PURE__ */ React96.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -11470,7 +11517,7 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ React95.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React95.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React95.createElement(
+          ) : /* @__PURE__ */ React96.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React96.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React96.createElement(
             Chip,
             {
               label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
@@ -11478,13 +11525,13 @@ var PricingCard = ({
               size: "small"
             }
           ))),
-          feature.hint && /* @__PURE__ */ React95.createElement(
+          feature.hint && /* @__PURE__ */ React96.createElement(
             Tooltip,
             {
               content: feature.hint,
               side: feature.hintSide
             },
-            /* @__PURE__ */ React95.createElement(
+            /* @__PURE__ */ React96.createElement(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -11496,14 +11543,14 @@ var PricingCard = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round"
               },
-              /* @__PURE__ */ React95.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-              /* @__PURE__ */ React95.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-              /* @__PURE__ */ React95.createElement("path", { d: "M12 17h.01" })
+              /* @__PURE__ */ React96.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ React96.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+              /* @__PURE__ */ React96.createElement("path", { d: "M12 17h.01" })
             )
           )
         );
       })),
-      /* @__PURE__ */ React95.createElement(
+      /* @__PURE__ */ React96.createElement(
         Button,
         {
           onClick: props.onPlanClicked,
@@ -11517,7 +11564,7 @@ var PricingCard = ({
 };
 
 // blocks/cards/ItemCard.tsx
-import React96, { useEffect as useEffect21, useState as useState35 } from "react";
+import React97, { useEffect as useEffect21, useState as useState35 } from "react";
 var ItemCard = ({
   actions,
   counts,
@@ -11559,7 +11606,7 @@ var ItemCard = ({
     };
     return () => window.onclick = null;
   }, [openActionHeader]);
-  return /* @__PURE__ */ React96.createElement(
+  return /* @__PURE__ */ React97.createElement(
     "div",
     {
       className: cn(
@@ -11575,7 +11622,7 @@ var ItemCard = ({
         }
       }
     },
-    cardImage && /* @__PURE__ */ React96.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ React96.createElement(
+    cardImage && /* @__PURE__ */ React97.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ React97.createElement(
       "img",
       {
         src: cardImage,
@@ -11584,7 +11631,7 @@ var ItemCard = ({
           clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
         )
       }
-    ), clickableImage && /* @__PURE__ */ React96.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React96.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ React96.createElement(
+    ), clickableImage && /* @__PURE__ */ React97.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React97.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ React97.createElement(
       Button,
       {
         variant: "secondary",
@@ -11594,19 +11641,19 @@ var ItemCard = ({
       clickableImageActionIcon,
       clickableImageActionText || "Click"
     )))),
-    /* @__PURE__ */ React96.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React96.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ React96.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React96.createElement(
+    /* @__PURE__ */ React97.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React97.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ React97.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React97.createElement(
       DropdownMenu,
       {
         items: headerActions,
-        trigger: /* @__PURE__ */ React96.createElement(
+        trigger: /* @__PURE__ */ React97.createElement(
           Button,
           {
             variant: "ghost",
             size: "smallIcon",
             onClick: handleOpenActionHeader
           },
-          /* @__PURE__ */ React96.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ React96.createElement(
+          /* @__PURE__ */ React97.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
+          /* @__PURE__ */ React97.createElement(
             "svg",
             {
               className: "hawa-h-5 hawa-w-5",
@@ -11614,11 +11661,11 @@ var ItemCard = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ React96.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
+            /* @__PURE__ */ React97.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
           )
         )
       }
-    ))), /* @__PURE__ */ React96.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ React96.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ React96.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ React96.createElement(
+    ))), /* @__PURE__ */ React97.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ React97.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ React97.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ React97.createElement(
       "div",
       {
         className: cn(
@@ -11628,15 +11675,15 @@ var ItemCard = ({
         )
       },
       counts,
-      /* @__PURE__ */ React96.createElement(StopPropagationWrapper, null, actions)
+      /* @__PURE__ */ React97.createElement(StopPropagationWrapper, null, actions)
     ) : null)
   );
 };
 
 // blocks/cards/LandingCard.tsx
-import React97 from "react";
+import React98 from "react";
 var LandingCard = (props) => {
-  return /* @__PURE__ */ React97.createElement(Card, { className: props.className }, /* @__PURE__ */ React97.createElement(CardHeader, null, props.icon, /* @__PURE__ */ React97.createElement(CardTitle, null, props.title), /* @__PURE__ */ React97.createElement(CardDescription, null, props.subtitle)));
+  return /* @__PURE__ */ React98.createElement(Card, { className: props.className }, /* @__PURE__ */ React98.createElement(CardHeader, null, props.icon, /* @__PURE__ */ React98.createElement(CardTitle, null, props.title), /* @__PURE__ */ React98.createElement(CardDescription, null, props.subtitle)));
 };
 
 // blocks/pricing/PricingPlans.tsx
@@ -11645,7 +11692,7 @@ var PricingPlans = ({
   cardsContainerProps,
   ...props
 }) => {
-  return /* @__PURE__ */ React98.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React98.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React98.createElement(
+  return /* @__PURE__ */ React99.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React99.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React99.createElement(
     Radio,
     {
       name: "cycle",
@@ -11658,7 +11705,7 @@ var PricingPlans = ({
         }
       }
     }
-  ), /* @__PURE__ */ React98.createElement(
+  ), /* @__PURE__ */ React99.createElement(
     Radio,
     {
       name: "currency",
@@ -11671,7 +11718,7 @@ var PricingPlans = ({
         }
       }
     }
-  )), /* @__PURE__ */ React98.createElement(
+  )), /* @__PURE__ */ React99.createElement(
     "div",
     {
       className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
@@ -11679,7 +11726,7 @@ var PricingPlans = ({
     },
     props.plans.map((plan, index) => {
       var _a, _b;
-      return /* @__PURE__ */ React98.createElement(
+      return /* @__PURE__ */ React99.createElement(
         PricingCard,
         {
           key: index,
@@ -11710,7 +11757,7 @@ var PricingPlans = ({
 };
 
 // blocks/pricing/ComparingPlans.tsx
-import React99 from "react";
+import React100 from "react";
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
     new Set(
@@ -11719,7 +11766,7 @@ var ComparingPlans = (props) => {
       )
     )
   );
-  return /* @__PURE__ */ React99.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React99.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ React99.createElement(
+  return /* @__PURE__ */ React100.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React100.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ React100.createElement(
     Radio,
     {
       name: "cycle",
@@ -11734,7 +11781,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ React99.createElement(
+  ), /* @__PURE__ */ React100.createElement(
     Radio,
     {
       name: "currency",
@@ -11749,7 +11796,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  )), /* @__PURE__ */ React99.createElement(
+  )), /* @__PURE__ */ React100.createElement(
     "div",
     {
       className: cn(
@@ -11760,16 +11807,16 @@ var ComparingPlans = (props) => {
         top: props.topPosition || 0
       }
     },
-    /* @__PURE__ */ React99.createElement("div", { className: "hawa-flex hawa-items-center" }),
-    props.plans.map((plan, i) => /* @__PURE__ */ React99.createElement(
+    /* @__PURE__ */ React100.createElement("div", { className: "hawa-flex hawa-items-center" }),
+    props.plans.map((plan, i) => /* @__PURE__ */ React100.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ React99.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React99.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React99.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React99.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React99.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React99.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React99.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ React100.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React100.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React100.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React100.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React100.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ React100.createElement(React100.Fragment, null, /* @__PURE__ */ React100.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React100.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React100.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
     ))
-  ), /* @__PURE__ */ React99.createElement(
+  ), /* @__PURE__ */ React100.createElement(
     ScrollArea,
     {
       className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
@@ -11777,7 +11824,7 @@ var ComparingPlans = (props) => {
     },
     uniqueFeatures.map((featureText, featureIndex) => {
       var _a, _b, _c, _d;
-      return /* @__PURE__ */ React99.createElement(
+      return /* @__PURE__ */ React100.createElement(
         "div",
         {
           key: featureIndex,
@@ -11786,11 +11833,11 @@ var ComparingPlans = (props) => {
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
-        /* @__PURE__ */ React99.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
+        /* @__PURE__ */ React100.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.hint
           )
-        ) && /* @__PURE__ */ React99.createElement(
+        ) && /* @__PURE__ */ React100.createElement(
           Tooltip,
           {
             side: "right",
@@ -11805,7 +11852,7 @@ var ComparingPlans = (props) => {
               (feature) => feature.text === featureText
             )) == null ? void 0 : _b.hint
           },
-          /* @__PURE__ */ React99.createElement(
+          /* @__PURE__ */ React100.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -11815,13 +11862,13 @@ var ComparingPlans = (props) => {
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ React99.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__ */ React100.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" })
           )
         ), props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.soon
           )
-        ) && /* @__PURE__ */ React99.createElement(
+        ) && /* @__PURE__ */ React100.createElement(
           Chip,
           {
             label: ((_d = (_c = props.plans.find(
@@ -11835,26 +11882,26 @@ var ComparingPlans = (props) => {
           const feature = plan.features.find(
             (f) => f.text === featureText
           );
-          return /* @__PURE__ */ React99.createElement(
+          return /* @__PURE__ */ React100.createElement(
             "div",
             {
               key: planIndex,
               className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
             },
-            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React99.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React99.createElement(UncheckMark, { className: "hawa-text-foreground" })
+            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React100.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React100.createElement(UncheckMark, { className: "hawa-text-foreground" })
           );
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ React99.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React99.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ React100.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React100.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ React99.createElement(
+    return /* @__PURE__ */ React100.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-items-center hawa-justify-center"
       },
-      /* @__PURE__ */ React99.createElement(
+      /* @__PURE__ */ React100.createElement(
         Button,
         {
           className: "hawa-w-full hawa-max-w-xs",
@@ -11878,7 +11925,7 @@ var ComparingPlans = (props) => {
 };
 
 // blocks/pricing/HorizontalPricing.tsx
-import React100, { useState as useState36 } from "react";
+import React101, { useState as useState36 } from "react";
 var HorizontalPricing = (props) => {
   const [selectedCard, setSelectedCard] = useState36("");
   let data = [
@@ -11886,7 +11933,7 @@ var HorizontalPricing = (props) => {
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  return /* @__PURE__ */ React100.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React100.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React100.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React100.createElement(
+  return /* @__PURE__ */ React101.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React101.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React101.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React101.createElement(
     Radio,
     {
       name: "currency",
@@ -11894,7 +11941,7 @@ var HorizontalPricing = (props) => {
       options: props.currencies,
       defaultValue: props.currentCurrency
     }
-  ), /* @__PURE__ */ React100.createElement(
+  ), /* @__PURE__ */ React101.createElement(
     Radio,
     {
       name: "cycle",
@@ -11902,7 +11949,7 @@ var HorizontalPricing = (props) => {
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ React100.createElement(
+  )), data.map((d, i) => /* @__PURE__ */ React101.createElement(
     "label",
     {
       key: i,
@@ -11910,7 +11957,7 @@ var HorizontalPricing = (props) => {
       className: "",
       onClick: () => setSelectedCard(d.title)
     },
-    /* @__PURE__ */ React100.createElement(
+    /* @__PURE__ */ React101.createElement(
       "input",
       {
         type: "radio",
@@ -11919,7 +11966,7 @@ var HorizontalPricing = (props) => {
         className: "hawa-peer hawa-appearance-none"
       }
     ),
-    /* @__PURE__ */ React100.createElement(
+    /* @__PURE__ */ React101.createElement(
       "div",
       {
         className: cn(
@@ -11927,18 +11974,18 @@ var HorizontalPricing = (props) => {
           "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
         )
       },
-      /* @__PURE__ */ React100.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React100.createElement(CheckIcons, null), /* @__PURE__ */ React100.createElement(
+      /* @__PURE__ */ React101.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React101.createElement(CheckIcons, null), /* @__PURE__ */ React101.createElement(
         CardText,
         {
           title: "Enterprise",
           subtitle: "For startups and new businesses"
         }
       )),
-      /* @__PURE__ */ React100.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+      /* @__PURE__ */ React101.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
     )
   ))));
 };
-var CheckIcons = () => /* @__PURE__ */ React100.createElement(React100.Fragment, null, /* @__PURE__ */ React100.createElement(
+var CheckIcons = () => /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(
   "svg",
   {
     fill: "none",
@@ -11947,7 +11994,7 @@ var CheckIcons = () => /* @__PURE__ */ React100.createElement(React100.Fragment,
     stroke: "currentColor",
     className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
   },
-  /* @__PURE__ */ React100.createElement(
+  /* @__PURE__ */ React101.createElement(
     "path",
     {
       strokeLinecap: "round",
@@ -11955,14 +12002,14 @@ var CheckIcons = () => /* @__PURE__ */ React100.createElement(React100.Fragment,
       d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
     }
   )
-), /* @__PURE__ */ React100.createElement(
+), /* @__PURE__ */ React101.createElement(
   "svg",
   {
     viewBox: "0 0 24 24",
     fill: "currentColor",
     className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
   },
-  /* @__PURE__ */ React100.createElement(
+  /* @__PURE__ */ React101.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -11971,14 +12018,14 @@ var CheckIcons = () => /* @__PURE__ */ React100.createElement(React100.Fragment,
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ React100.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React100.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React100.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ React100.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React100.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ React101.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React101.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React101.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ React101.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React101.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
 // blocks/Usage.tsx
-import React101 from "react";
+import React102 from "react";
 var Usage = (props) => {
   var _a;
-  return /* @__PURE__ */ React101.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ React101.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React101.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ React101.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ React101.createElement(
+  return /* @__PURE__ */ React102.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ React102.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React102.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ React102.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ React102.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -11989,8 +12036,8 @@ var Usage = (props) => {
       height: "1em",
       width: "1em"
     },
-    /* @__PURE__ */ React101.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__ */ React101.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React101.createElement("div", null, props.currentUsage), /* @__PURE__ */ React101.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React101.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
+    /* @__PURE__ */ React102.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__ */ React102.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React102.createElement("div", null, props.currentUsage), /* @__PURE__ */ React102.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React102.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
 };
 
 // hooks/useIsomorphicEffect.ts
@@ -12004,7 +12051,7 @@ import { useState as useState37 } from "react";
 import { useEffect as useEffect23, useRef as useRef15, useState as useState38 } from "react";
 
 // hooks/useToast.ts
-import * as React104 from "react";
+import * as React105 from "react";
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -12090,8 +12137,8 @@ function toast({ ...props }) {
   return { id, dismiss, update };
 }
 function useToast() {
-  const [state, setState] = React104.useState(memoryState);
-  React104.useEffect(() => {
+  const [state, setState] = React105.useState(memoryState);
+  React105.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -12464,6 +12511,8 @@ export {
   PinInput,
   Popover,
   PopoverContent,
+  PopoverPortal,
+  PopoverRoot,
   PopoverTrigger,
   PricingCard,
   PricingPlans,