@sikka/hawa 0.41.0-next → 0.41.2-next

package/dist/index.mjs

@@ -83,7 +83,7 @@ var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   "h3",
   {
     ref,
-    className: cn("hawa-text-2xl hawa-font-semibold ", className),
+    className: cn("hawa-text-2xl hawa-font-semibold", className),
     ...props
   }
 ));
@@ -514,7 +514,7 @@ var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...pro
     ref,
     sideOffset,
     className: cn(
-      "hawa-z-50  hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[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",
+      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[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",
       className
     ),
     ...props
@@ -535,7 +535,7 @@ var DropdownMenuItem = React5.forwardRef(({ className, inset, badged, slug, Link
       ),
       ...props
     },
-    /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
+    /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, props.children),
     props.end && props.end,
     !props.end && props.shortcut && /* @__PURE__ */ React5.createElement(DropdownMenuShortcut, null, props.shortcut),
     !props.end && badged && /* @__PURE__ */ React5.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
@@ -826,7 +826,7 @@ var DropdownMenu = ({
               badged: item.badged,
               className: cn(
                 sizeStyles2[size],
-                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent " : "focus:hawa-bg-accent ",
+                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent",
                 item.presist && "focus:hawa-bg-transparent",
                 classNames == null ? void 0 : classNames.item
               )
@@ -1617,7 +1617,7 @@ var NavigationMenuRoot = React12.forwardRef(({ className, children, viewportClas
   {
     ref,
     className: cn(
-      "hawa-relative hawa-z-10 hawa-flex  hawa-flex-1 hawa-items-center hawa-justify-center",
+      "hawa-relative hawa-z-10 hawa-flex hawa-flex-1 hawa-items-center hawa-justify-center",
       // "hawa-max-w-max",
       className
     ),
@@ -1669,7 +1669,7 @@ var NavigationMenuContent = React12.forwardRef(({ className, ...props }, ref) =>
   {
     ref,
     className: cn(
-      "hawa-absolute  hawa-left-0 hawa-top-0 hawa-w-full hawa-rounded ",
+      "hawa-absolute hawa-left-0 hawa-top-0 hawa-w-full hawa-rounded",
       // "md:hawa-absolute md:hawa-w-auto  hawa-left-0 hawa-top-0 ",
       //   animation
       "data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
@@ -1678,7 +1678,7 @@ var NavigationMenuContent = React12.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React12.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-max-w-md hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-4 hawa-rounded-inner hawa-p-4 hawa-py-2 hawa-transition-all  hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React12.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React12.createElement("p", { className: "hawa-text-sm" }, subtitle))));
+var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React12.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-max-w-md hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-4 hawa-rounded-inner hawa-p-4 hawa-py-2 hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React12.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React12.createElement("p", { className: "hawa-text-sm" }, subtitle))));
 var NavigationMenuViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   "div",
   {
@@ -1690,7 +1690,7 @@ var NavigationMenuViewport = React12.forwardRef(({ className, ...props }, ref) =
     NavigationMenuPrimitive.Viewport,
     {
       className: cn(
-        "hawa-origin-top-center hawa-relative hawa-mt-1.5  hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
+        "hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90",
         // hawa-h-[var(--radix-navigation-menu-viewport-height)]
         // "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
         className
@@ -1948,7 +1948,7 @@ var DialogContent = React14.forwardRef(
       {
         className: cn(
           "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
-          props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4",
+          props.dir === "rtl" ? "hawa-left-4" : "hawa-right-4",
           classNames == null ? void 0 : classNames.closeButton
         ),
         id: ids == null ? void 0 : ids.closeButton
@@ -2039,8 +2039,8 @@ var DialogCarouselContent = React14.forwardRef(
         DialogPrimitive.Close,
         {
           className: cn(
-            "hawa-end-0 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground ",
-            props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
+            "hawa-end-0 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+            props.dir === "rtl" ? "hawa-left-4" : "hawa-right-4"
           )
         },
         /* @__PURE__ */ React14.createElement(
@@ -2189,7 +2189,7 @@ var DialogStep = ({
     {
       id,
       ref: stepRef,
-      className: cn("hawa-w-full  hawa-px-1", className)
+      className: cn("hawa-w-full hawa-px-1", className)
     },
     children
   );
@@ -2468,7 +2468,7 @@ var Alert = ({
         "data-dismiss-target": "#alert-default",
         "aria-label": "Close",
         className: cn(
-          "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all  hover:hawa-text-gray-900",
+          "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900",
           closeButtonStyle[severity],
           direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
         ),
@@ -2571,7 +2571,7 @@ var Avatar = ({
     "div",
     {
       className: cn(
-        "hawa-relative  hawa-bg-card hawa-p-0",
+        "hawa-relative hawa-bg-card hawa-p-0",
         sizeStyles2[size],
         radiusStyles[radius],
         className
@@ -2834,7 +2834,7 @@ var Input = forwardRef13(
         )
       },
       props.label && /* @__PURE__ */ React22.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ React22.createElement(
         "span",
         {
           className: cn(
@@ -2900,7 +2900,7 @@ var Input = forwardRef13(
           ...inputProps,
           className: cn(
             defaultInputStyle,
-            " focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
+            "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
             {
               "hawa-pe-9": props.endIcon,
               "hawa-ps-9": props.startIcon,
@@ -2914,7 +2914,7 @@ var Input = forwardRef13(
         "div",
         {
           className: cn(
-            "hawa-absolute hawa-end-0 hawa-top-[47px] hawa-z-20 hawa-translate-y-1/2 hawa-rounded hawa-bg-background hawa-text-start  hawa-text-xs hawa-text-helper-color hawa-drop-shadow-md hawa-transition-all",
+            "hawa-absolute hawa-end-0 hawa-top-[47px] hawa-z-20 hawa-translate-y-1/2 hawa-rounded hawa-bg-background hawa-text-start hawa-text-xs hawa-text-helper-color hawa-drop-shadow-md hawa-transition-all",
             props.helperText ? "hawa-border hawa-p-1" : "hawa-border-none hawa-p-0"
           )
         },
@@ -3591,7 +3591,7 @@ var BackToTop = ({ ...props }) => {
       "svg",
       {
         className: cn(
-          "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all  disabled:hawa-bg-gray-200"
+          "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all disabled:hawa-bg-gray-200"
         ),
         "aria-label": "Arrow Icon",
         viewBox: "0 0 20 20",
@@ -3885,11 +3885,11 @@ var Radio = forwardRef16(
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-inline-flex hawa-h-full hawa-w-full hawa-transition-all  hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-foreground/10 hawa-bg-background hawa-p-5 hawa-text-gray-500  peer-checked:hawa-border-primary peer-checked:hawa-text-primary dark:hawa-border-foreground/10 dark:hawa-bg-foreground/5 dark:hawa-text-gray-400  dark:peer-checked:hawa-text-primary",
+                "hawa-inline-flex hawa-h-full hawa-w-full hawa-transition-all hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-foreground/10 hawa-bg-background hawa-p-5 hawa-text-gray-500 peer-checked:hawa-border-primary peer-checked:hawa-text-primary dark:hawa-border-foreground/10 dark:hawa-bg-foreground/5 dark:hawa-text-gray-400 dark:peer-checked:hawa-text-primary",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
               )
             },
-            /* @__PURE__ */ React27.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React27.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+            /* @__PURE__ */ React27.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React27.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
           )))
         );
       default:
@@ -3927,7 +3927,7 @@ var Radio = forwardRef16(
               {
                 htmlFor: opt.value.toString(),
                 className: cn(
-                  "hawa-text-sm hawa-font-medium  dark:hawa-text-white",
+                  "hawa-text-sm hawa-font-medium dark:hawa-text-white",
                   opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
                 )
               },
@@ -4113,7 +4113,7 @@ var AppCommand = ({
     DialogContent,
     {
       hideCloseButton: true,
-      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-l "
+      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-l"
     },
     /* @__PURE__ */ React28.createElement(FullCommand, { ...commandProps, onActionClick })
   ));
@@ -4167,7 +4167,7 @@ var Combobox = React29.forwardRef(
         ref: containerRef
       },
       props.label && /* @__PURE__ */ React29.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React29.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React29.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React29.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React29.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React29.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React29.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React29.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React29.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2" }, /* @__PURE__ */ React29.createElement(
         "div",
         {
           className: cn(
@@ -4182,8 +4182,8 @@ var Combobox = React29.forwardRef(
           type: "button",
           "aria-expanded": open,
           className: cn(
-            "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal  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",
-            props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3 "
+            "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal 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",
+            props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3"
           )
         },
         selectedItem ? renderSelected ? renderSelected(selectedItem) : getProperty(selectedItem, labelKey) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
@@ -4323,7 +4323,7 @@ var Textarea = React30.forwardRef(
         {
           ...textareaProps,
           className: cn(
-            "hawa-flex hawa-min-h-[40px] hawa-h-[40px]  hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+            "hawa-flex hawa-min-h-[40px] hawa-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
             classNames == null ? void 0 : classNames.textarea
           ),
           ref
@@ -4509,8 +4509,8 @@ var FileDropzone = ({
     "div",
     {
       className: clsx2(
-        "hawa-flex hawa-flex-col hawa-justify-center hawa-rounded hawa-border hawa-border-dashed  hawa-p-6 hawa-transition-all  ",
-        isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
+        "hawa-flex hawa-flex-col hawa-justify-center hawa-rounded hawa-border hawa-border-dashed hawa-p-6 hawa-transition-all",
+        isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50"
       )
     },
     /* @__PURE__ */ React31.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ React31.createElement("p", { ...getInputProps() }), /* @__PURE__ */ React31.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ React31.createElement(
@@ -4536,8 +4536,8 @@ var FileDropzone = ({
       /* @__PURE__ */ React31.createElement("path", { d: "M3 11l0 .01" }),
       /* @__PURE__ */ React31.createElement("path", { d: "M3 15l0 .01" })
     ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ React31.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ React31.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
-    acceptedFiles.length > 0 && /* @__PURE__ */ React31.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ React31.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
-    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ React31.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
+    acceptedFiles.length > 0 && /* @__PURE__ */ React31.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg hawa-p-2" }, /* @__PURE__ */ React31.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
+    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ React31.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center hawa-gap-2 hawa-rounded-lg hawa-p-2" }, thumbs) : null,
     /* @__PURE__ */ React31.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
   ), disclaimer && /* @__PURE__ */ React31.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ React31.createElement(
     "a",
@@ -5232,7 +5232,7 @@ var ScrollArea = React41.forwardRef(({ className, children, orientation = "verti
       "div",
       {
         className: cn(
-          "hawa-pointer-events-none hawa-absolute hawa-bg-background  hawa-h-full hawa-w-[50px] hawa-z-10 hawa-start-0  hawa-mask-fade-right",
+          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-h-full hawa-w-[50px] hawa-z-10 hawa-start-0 hawa-mask-fade-right",
           showLeftFade ? "hawa-block" : "hawa-hidden"
         )
       }
@@ -5241,7 +5241,7 @@ var ScrollArea = React41.forwardRef(({ className, children, orientation = "verti
       "div",
       {
         className: cn(
-          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-mask-fade-left hawa-end-0 hawa-h-full hawa-w-[50px] hawa-z-10 ",
+          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-mask-fade-left hawa-end-0 hawa-h-full hawa-w-[50px] hawa-z-10",
           showRightFade ? "hawa-block" : "hawa-hidden"
         )
       }
@@ -5506,9 +5506,9 @@ var Select = ({
       "div",
       {
         className: cn(
-          "dark:dark-shadow  hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border hawa-bg-background hawa-shadow-md",
+          "dark:dark-shadow hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start hawa-rounded hawa-border hawa-bg-background hawa-shadow-md",
           props.phoneCode ? "hawa-p-1.5" : "hawa-w-full hawa-p-1.5",
-          menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 "
+          menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95"
         ),
         ref: innerRef,
         ...innerProps
@@ -5690,7 +5690,7 @@ var Switch = React44.forwardRef(
           {
             className: cn(
               thumbSize[size],
-              "hawa-block hawa-rounded  hawa-transition-transform  hawa-duration-100 hawa-will-change-transform",
+              "hawa-block hawa-rounded hawa-transition-transform hawa-duration-100 hawa-will-change-transform",
               "data-[state=checked]:hawa-bg-primary-foreground",
               "hawa-bg-white dark:hawa-bg-background",
               thumbRoundednessStyles[roundedness],
@@ -5851,7 +5851,7 @@ var Badge = ({
         left: badgePosition == null ? void 0 : badgePosition.left
       },
       className: cn(
-        "hawa-origin-center hawa-rounded-full  hawa-bg-red-500 ",
+        "hawa-origin-center hawa-rounded-full hawa-bg-red-500",
         sizeStyles2[size].classes,
         "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-text-[9px] hawa-text-white"
       )
@@ -7615,7 +7615,7 @@ var PhoneInput = ({
       value: countryCode == null ? void 0 : countryCode.label,
       defaultValue: props.preferredCountry
     }
-  ), /* @__PURE__ */ React49.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React49.createElement(
+  ), /* @__PURE__ */ React49.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React49.createElement(
     "input",
     {
       type: "tel",
@@ -7625,7 +7625,7 @@ var PhoneInput = ({
       onChange: handleInputChange,
       placeholder: props.placeholder,
       className: cn(
-        "placeholder:hawa-text-muted-foreground hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
+        "placeholder:hawa-text-muted-foreground hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
       ),
       ...inputProps
     }
@@ -7930,7 +7930,7 @@ var ProgressCircle = React53.forwardRef((props, ref) => {
           strokeLinecap: "round",
           className: cn(
             "hawa-transition-colors hawa-ease-linear",
-            " hawa-stroke-primary/20"
+            "hawa-stroke-primary/20"
           )
         }
       ),
@@ -8445,7 +8445,7 @@ var SimpleTable = ({
     "div",
     {
       className: cn(
-        "hawa-flex  hawa-w-full hawa-flex-col hawa-gap-4",
+        "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4",
         classNames
       )
     },
@@ -8632,7 +8632,7 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t  hawa-p-1 hawa-bg-primary/15 hawa-pb-0 hawa-font-mono hawa-text-foreground",
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-1 hawa-bg-primary/15 hawa-pb-0 hawa-font-mono hawa-text-foreground",
           tabs && fileName && "hawa-rounded-t-none",
           classNames == null ? void 0 : classNames.tabs
         )
@@ -8642,7 +8642,7 @@ var CodeBlock = ({
         {
           key: i,
           className: cn(
-            selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent",
+            selectedTab === i ? "hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent",
             classNames == null ? void 0 : classNames.tab
           )
         },
@@ -8651,7 +8651,7 @@ var CodeBlock = ({
           {
             onClick: () => setSelectedTab(i),
             className: cn(
-              "hawa-mb-0.5 hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-0.5 hawa-text-center hawa-text-[0.7rem]  hawa-transition-all hover:hawa-bg-muted-foreground/20"
+              "hawa-mb-0.5 hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-0.5 hawa-text-center hawa-text-[0.7rem] hawa-transition-all hover:hawa-bg-muted-foreground/20"
             )
           },
           tab.title
@@ -8672,7 +8672,7 @@ var CodeBlock = ({
         "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"
+            "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__ */ React63.createElement(
@@ -8707,7 +8707,7 @@ var CodeBlock = ({
           {
             className: cn(
               // !hawa-pe-12
-              "hawa-min-h-[37.75px]  hawa-w-full hawa-p-4 hawa-font-mono hawa-text-foreground",
+              "hawa-min-h-[37.75px] hawa-w-full hawa-p-4 hawa-font-mono hawa-text-foreground",
               classNames == null ? void 0 : classNames.code,
               wrapText && "hawa-text-wrap"
             )
@@ -8762,11 +8762,11 @@ var Carousel = ({
   const length = React64.Children.count(items);
   const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
   const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
-  return /* @__PURE__ */ React64.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React64.createElement("div", { className: "hawa-relative hawa-h-full" }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ React64.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"
+      className: "hawa-flex hawa-h-full hawa-min-w-0 hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center"
     },
     item
   ))))), /* @__PURE__ */ React64.createElement(
@@ -8817,13 +8817,13 @@ var Dots = ({
   );
 };
 var CarouselControls = (props) => {
-  return /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2" }, /* @__PURE__ */ React64.createElement(
     "button",
     {
       onClick: () => props.canScrollPrev && props.onPrev(),
       disabled: !props.canScrollPrev,
       className: cn(
-        "hawa-absolute hawa-start-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
+        "hawa-absolute hawa-start-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white",
         !props.canScrollPrev && "hawa-bg-primary/50",
         props.canScrollPrev && "hawa-bg-primary"
       )
@@ -8835,7 +8835,7 @@ var CarouselControls = (props) => {
         stroke: "currentColor",
         fill: "currentColor",
         viewBox: "0 0 16 16",
-        className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
+        className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200"
       },
       /* @__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" })
     )
@@ -8845,7 +8845,7 @@ var CarouselControls = (props) => {
       onClick: () => props.canScrollNext && props.onNext(),
       disabled: !props.canScrollNext,
       className: cn(
-        "hawa-absolute hawa-end-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
+        "hawa-absolute hawa-end-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white",
         !props.canScrollNext && "hawa-bg-primary/50",
         props.canScrollNext && "hawa-bg-primary"
       )
@@ -8857,7 +8857,7 @@ var CarouselControls = (props) => {
         stroke: "currentColor",
         fill: "currentColor",
         viewBox: "0 0 16 16",
-        className: "hawa-h-2 hawa-w-2  hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
+        className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-transition-transform hawa-duration-200"
       },
       /* @__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" })
     )
@@ -8954,7 +8954,7 @@ var ToastClose = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE
       // "hawa-absolute hawa-start-2 hawa-top-2",
       // "group-hover:hawa-opacity-100",
       "hawa-opacity-100",
-      "hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2  group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
+      "hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
       className
     ),
     "toast-close": "",
@@ -9039,7 +9039,7 @@ function Toaster(props) {
           )
         },
         /* @__PURE__ */ React67.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React67.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React67.createElement(ToastDescription, { size }, description)),
-        action && /* @__PURE__ */ React67.createElement("div", { className: "hawa-flex  hawa-flex-col hawa-justify-center" }, action)
+        action && /* @__PURE__ */ React67.createElement("div", { className: "hawa-flex hawa-flex-col hawa-justify-center" }, action)
       )
     ));
   }), /* @__PURE__ */ React67.createElement(
@@ -9203,7 +9203,7 @@ var InterfaceSettings = ({
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
-              className: "hawa-h-[1.2rem] hawa-w-[1.2rem]  hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
+              className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
             },
             /* @__PURE__ */ React69.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
           )
@@ -9247,7 +9247,7 @@ var Stats = ({
     "div",
     {
       className: cn(
-        "hawa-my-0 hawa-text-start  hawa-text-xs hawa-transition-all",
+        "hawa-my-0 hawa-text-start hawa-text-xs hawa-transition-all",
         helperTextColorStyles[helperTextColor],
         helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
       )
@@ -9355,7 +9355,7 @@ var SidebarItem = ({
       AccordionItem2,
       {
         value: item.value,
-        className: "hawa-overflow-x-clip ",
+        className: "hawa-overflow-x-clip",
         dir: direction
       },
       /* @__PURE__ */ React72.createElement(
@@ -9363,7 +9363,7 @@ var SidebarItem = ({
         {
           className: cn(
             "hawa-w-full hawa-overflow-x-clip",
-            props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hawa-h-10 hover:hawa-bg-primary/10",
+            props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary hawa-text-primary-foreground" : "hawa-h-10 hover:hawa-bg-primary/10",
             item.subitems && item.subitems.some(
               (subitem) => props.selectedItem === subitem.value
             ) ? "hawa-bg-primary/80 hawa-text-primary-foreground hover:hawa-bg-primary/80" : ""
@@ -9382,7 +9382,7 @@ var SidebarItem = ({
             "span",
             {
               className: cn(
-                "hawa-transition-all ",
+                "hawa-transition-all",
                 isOpen ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
@@ -9417,7 +9417,7 @@ var SidebarItem = ({
               }
             },
             className: cn(
-              "hawa-flex hawa-h-full hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-2 hawa-overflow-x-clip  hawa-whitespace-nowrap hawa-rounded hawa-p-2 hawa-transition-all",
+              "hawa-flex hawa-h-full hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-2 hawa-overflow-x-clip hawa-whitespace-nowrap hawa-rounded hawa-p-2 hawa-transition-all",
               // bg-foreground/10
               getSelectedStyle(subitem.value)
             )
@@ -9449,7 +9449,7 @@ var SidebarItem = ({
         className: cn(
           triggerStyles,
           getSelectedStyle(item.value),
-          "hawa-overflow-x-clip "
+          "hawa-overflow-x-clip"
         )
       },
       /* @__PURE__ */ React72.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React72.createElement(
@@ -9492,13 +9492,13 @@ var Navbar = ({
 }) => {
   var _a, _b;
   const [isOpen, setIsOpen] = useState36(false);
-  return /* @__PURE__ */ React74.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ React74.createElement(
+  return /* @__PURE__ */ React74.createElement("nav", { className: "hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ React74.createElement(
     Collapsible,
     {
-      className: "hawa-relative hawa-m-2 hawa-rounded  hawa-p-2",
+      className: "hawa-relative hawa-m-2 hawa-rounded hawa-p-2",
       style: { backgroundColor: backgroundColor || "#1f2937" }
     },
-    /* @__PURE__ */ React74.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ React74.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ React74.createElement(
+    /* @__PURE__ */ React74.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3" }, /* @__PURE__ */ React74.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ React74.createElement(
       "div",
       {
         className: "hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white",
@@ -9509,7 +9509,7 @@ var Navbar = ({
         }
       },
       logo
-    )), /* @__PURE__ */ React74.createElement("div", { className: "hawa-hidden md:hawa-flex " }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ React74.createElement(
+    )), /* @__PURE__ */ React74.createElement("div", { className: "hawa-hidden md:hawa-flex" }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ React74.createElement(
       "div",
       {
         key: i,
@@ -9521,7 +9521,7 @@ var Navbar = ({
       CollapsibleTrigger2,
       {
         onClick: () => setIsOpen(!isOpen),
-        className: "hawa-h-full hawa-text-white selection:hawa-p-0 ",
+        className: "hawa-h-full hawa-text-white selection:hawa-p-0",
         "aria-label": "Toggle menu"
       },
       /* @__PURE__ */ React74.createElement(
@@ -9573,7 +9573,7 @@ var Navbar = ({
           "data-[state=closed]:hawa-opacity-0",
           "data-[state=open]:hawa-animate-in",
           "data-[state=open]:hawa-fade-in-90",
-          "hawa-absolute hawa-left-0 hawa-top-[60px] hawa-flex hawa-flex-col  hawa-rounded hawa-border  hawa-bg-gray-200 hawa-p-1 hawa-transition-all"
+          "hawa-absolute hawa-left-0 hawa-top-[60px] hawa-flex hawa-flex-col hawa-rounded hawa-border hawa-bg-gray-200 hawa-p-1 hawa-transition-all"
           // "hawa-transition-all hawa-bg-gray-400 hawa-fixed hawa-left-0 hawa-top-[72px] hawa-w-full hawa-flex hawa-flex-col"
         ),
         style: {
@@ -9723,7 +9723,7 @@ var AppLayout = ({
           "div",
           {
             onClick: () => setOpenSideMenu(true),
-            className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2  hawa-transition-all "
+            className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all"
           },
           /* @__PURE__ */ React75.createElement(MenuIcon, null)
         ),
@@ -9746,7 +9746,7 @@ var AppLayout = ({
           "div",
           {
             onClick: onAvatarClick,
-            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"
+            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__ */ React75.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React75.createElement(
             "svg",
@@ -9806,7 +9806,7 @@ var AppLayout = ({
         onClick: props.onLogoClick,
         dir: direction,
         className: cn(
-          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-transition-all",
+          "hawa-fixed hawa-z-50 hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-transition-all",
           props.onLogoClick && "hawa-cursor-pointer",
           classNames == null ? void 0 : classNames.logoContainer
         ),
@@ -9868,7 +9868,7 @@ var AppLayout = ({
       "div",
       {
         className: cn(
-          "hawa-fixed hawa-bottom-0 hawa-flex hawa-h-14  hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-transition-all",
+          "hawa-fixed hawa-bottom-0 hawa-flex hawa-h-14 hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-transition-all",
           direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row"
         ),
         style: {
@@ -9902,7 +9902,7 @@ var AppLayout = ({
             "svg",
             {
               className: cn(
-                "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-text-primary hawa-transition-all  disabled:hawa-bg-gray-200 ",
+                "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-text-primary hawa-transition-all disabled:hawa-bg-gray-200",
                 keepDrawerOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"
               ),
               fill: "currentColor",
@@ -9926,11 +9926,11 @@ var AppLayout = ({
       open: size < 600 && openSideMenu,
       onOpenChange: setOpenSideMenu
     },
-    /* @__PURE__ */ React75.createElement(Dialog3.Portal, { container }, /* @__PURE__ */ React75.createElement(Dialog3.Overlay, { className: "hawa-fixed hawa-inset-0 hawa-bg-foreground/20 hawa-backdrop-blur-[2px] data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out hawa-z-10  data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0" }))
+    /* @__PURE__ */ React75.createElement(Dialog3.Portal, { container }, /* @__PURE__ */ React75.createElement(Dialog3.Overlay, { className: "hawa-fixed hawa-inset-0 hawa-bg-foreground/20 hawa-backdrop-blur-[2px] data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out hawa-z-10 data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0" }))
   ), /* @__PURE__ */ React75.createElement(
     "div",
     {
-      className: "hawa-fixed hawa-overflow-y-auto  hawa-transition-all hawa-z-0",
+      className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all hawa-z-0",
       style: isRTL ? {
         left: "0px",
         top: props.topBar ? "56px" : "0px",
@@ -9975,7 +9975,7 @@ var AppTopbar = ({ ...props }) => {
         /* @__PURE__ */ React76.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"
+            className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
           },
           /* @__PURE__ */ React76.createElement(
             "svg",
@@ -10029,7 +10029,7 @@ var AppTopbar = ({ ...props }) => {
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems || [],
           onItemSelect: (e) => console.log("selecting item ", e),
-          trigger: /* @__PURE__ */ React76.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__ */ React76.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React76.createElement(
+          trigger: /* @__PURE__ */ React76.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__ */ React76.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React76.createElement(
             "svg",
             {
               "aria-label": "Avatar Icon",
@@ -10267,7 +10267,7 @@ var AppTabs = ({ tabs, className }) => {
         className
       )
     },
-    /* @__PURE__ */ React78.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
+    /* @__PURE__ */ React78.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center" }, tabs.map((tab, index) => {
       const selected = index === selectedIndex;
       return /* @__PURE__ */ React78.createElement(
         "a",
@@ -10286,7 +10286,7 @@ var AppTabs = ({ tabs, className }) => {
             setSelectedIndex(index);
           },
           className: cn(
-            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
+            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all",
             "hawa-border",
             // Always have a border but make it transparent
             selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
@@ -10355,7 +10355,7 @@ var DocsSidebar = ({
       {
         key: index,
         className: cn(
-          "hawa-cursor-pointer hawa-whitespace-nowrap hawa-px-3  hawa-py-1 hawa-text-xs hawa-transition-all hover:hawa-bg-gray-100",
+          "hawa-cursor-pointer hawa-whitespace-nowrap hawa-px-3 hawa-py-1 hawa-text-xs hawa-transition-all hover:hawa-bg-gray-100",
           (propCurrentPage || activePage) === page ? selectedStyles[direction || "rtl"] : ""
         ),
         onClick: (event) => handlePageClick(page, event)
@@ -10458,7 +10458,7 @@ var DocsLayout = ({
       "img",
       {
         className: cn(
-          "hawa-h-8  hawa-opacity-0 hawa-transition-all",
+          "hawa-h-8 hawa-opacity-0 hawa-transition-all",
           !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
         ),
         src: props.logoLink
@@ -10474,7 +10474,7 @@ var DocsLayout = ({
         /* @__PURE__ */ React80.createElement(Sheet, null, /* @__PURE__ */ React80.createElement(SheetTrigger, null, " ", /* @__PURE__ */ React80.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"
+            className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
           },
           /* @__PURE__ */ React80.createElement(
             "svg",
@@ -10521,9 +10521,9 @@ var DocsLayout = ({
     "div",
     {
       className: cn(
-        "hawa-fixed hawa-z-40 hawa-flex hawa-flex-col  hawa-justify-between hawa-overflow-x-clip hawa-bg-primary-foreground hawa-transition-all",
+        "hawa-fixed hawa-z-40 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-bg-primary-foreground hawa-transition-all",
         isRTL ? "hawa-right-0 hawa-top-0 hawa-h-full" : "hawa-left-0 hawa-top-0 hawa-h-full",
-        "hawa-fixed  hawa-overflow-x-clip hawa-p-0 hawa-py-2 hawa-transition-all",
+        "hawa-fixed hawa-overflow-x-clip hawa-p-0 hawa-py-2 hawa-transition-all",
         "hawa-top-14",
         openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"
       ),
@@ -10551,7 +10551,7 @@ var DocsLayout = ({
   ), /* @__PURE__ */ React80.createElement(
     "div",
     {
-      className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all ",
+      className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all",
       style: isRTL ? {
         height: "calc(100% - 56px)",
         width: `calc(100% - ${drawerSizeCondition}px)`,
@@ -10807,7 +10807,7 @@ var LoginForm = ({
           "div",
           {
             onClick: props.onForgotPassword,
-            className: "hawa-mb-3  hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-select-none hawa-text-xs dark:hawa-text-gray-300"
+            className: "hawa-mb-3 hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-select-none hawa-text-xs dark:hawa-text-gray-300"
           },
           (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
         )));
@@ -11358,7 +11358,7 @@ var RegisterForm = ({
         /* @__PURE__ */ React83.createElement(
           Button,
           {
-            className: " hawa-w-full",
+            className: "hawa-w-full",
             type: "submit",
             isLoading: props.isLoading,
             disabled: props.isLoading
@@ -11366,7 +11366,7 @@ var RegisterForm = ({
           (texts == null ? void 0 : texts.registerText) || "Register"
         ),
         props.additionalButtons
-      )), props.onRouteToLogin && /* @__PURE__ */ React83.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__ */ React83.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ React83.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
+      )), props.onRouteToLogin && /* @__PURE__ */ React83.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__ */ React83.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ React83.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
       props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React83.createElement(
         CardFooter,
         {
@@ -11439,7 +11439,7 @@ var AppLanding = ({ texts, ...props }) => {
 // blocks/auth/CheckEmail.tsx
 import React85 from "react";
 var CheckEmail = ({ texts, handleResend }) => {
-  return /* @__PURE__ */ React85.createElement(Card, null, /* @__PURE__ */ React85.createElement(CardContent, { headless: true }, /* @__PURE__ */ React85.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React85.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__ */ React85.createElement(
+  return /* @__PURE__ */ React85.createElement(Card, null, /* @__PURE__ */ React85.createElement(CardContent, { headless: true }, /* @__PURE__ */ React85.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React85.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__ */ React85.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -11454,7 +11454,7 @@ var CheckEmail = ({ texts, handleResend }) => {
     },
     /* @__PURE__ */ React85.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__ */ React85.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ React85.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ React85.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__ */ React85.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ React85.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
+  )), /* @__PURE__ */ React85.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ React85.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__ */ React85.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ React85.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 
 // blocks/auth/NewPassword.tsx
@@ -11722,7 +11722,7 @@ var CodeConfirmation = ({
         }
       }
     ),
-    showResendTimer ? /* @__PURE__ */ React88.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__ */ React88.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React88.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React88.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React88.createElement(
+    showResendTimer ? /* @__PURE__ */ React88.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__ */ React88.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React88.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React88.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React88.createElement(
       "span",
       {
         className: "clickable-link",
@@ -11933,7 +11933,7 @@ var FeedbackRating = ({
     {
       ref: popUpRef,
       className: cn(
-        props.banner ? "hawa-fixed hawa-bottom-0 hawa-left-0 hawa-w-full hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4 ",
+        props.banner ? "hawa-fixed hawa-bottom-0 hawa-left-0 hawa-w-full hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4",
         boxPosition[position]
       )
     },
@@ -11941,7 +11941,7 @@ var FeedbackRating = ({
       "div",
       {
         className: cn(
-          "hawa-relative hawa-flex hawa-w-full   hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all",
+          "hawa-relative hawa-flex hawa-w-full hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all",
           closed ? "hawa-opacity-0" : "hawa-opacity-100",
           props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
         )
@@ -11997,13 +11997,13 @@ var FeedbackRating = ({
             }, 5300);
           },
           className: cn(
-            "hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border  hawa-p-4 hawa-text-center hawa-transition-all ",
+            "hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border hawa-p-4 hawa-text-center hawa-transition-all",
             clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700"
           )
         },
         op
       ))),
-      props.texts && /* @__PURE__ */ React90.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ React90.createElement("span", null, props.texts.least), /* @__PURE__ */ React90.createElement("span", null, props.texts.most)),
+      props.texts && /* @__PURE__ */ React90.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ React90.createElement("span", null, props.texts.least), /* @__PURE__ */ React90.createElement("span", null, props.texts.most)),
       answered && /* @__PURE__ */ React90.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__ */ React90.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React90.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
     )
   );
@@ -12044,11 +12044,11 @@ var FeedbackEmoji = (props) => {
     "div",
     {
       className: cn(
-        "hawa-flex  hawa-flex-col hawa-rounded hawa-border  hawa-p-2 hawa-transition-all",
-        selectedEmoji ? "hawa-h-[189px]  hawa-min-w-fit" : "hawa-h-[44px] "
+        "hawa-flex hawa-flex-col hawa-rounded hawa-border hawa-p-2 hawa-transition-all",
+        selectedEmoji ? "hawa-h-[189px] hawa-min-w-fit" : "hawa-h-[44px]"
       )
     },
-    /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ React91.createElement(
+    /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5" }, emojis.map((emoji, i) => /* @__PURE__ */ React91.createElement(
       Button,
       {
         key: i,
@@ -12062,7 +12062,7 @@ var FeedbackEmoji = (props) => {
         variant: "ghost",
         size: "smallIcon",
         className: cn(
-          selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10 " : "hawa-text-[#666666]"
+          selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10" : "hawa-text-[#666666]"
         )
       },
       emoji.icon
@@ -12071,11 +12071,11 @@ var FeedbackEmoji = (props) => {
       "div",
       {
         className: cn(
-          "hawa-flex hawa-flex-col hawa-overflow-clip  hawa-transition-all hawa-duration-500 hawa-ease-in-out ",
-          selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
+          "hawa-flex hawa-flex-col hawa-overflow-clip hawa-transition-all hawa-duration-500 hawa-ease-in-out",
+          selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0"
         )
       },
-      props.showSuccess ? /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ React91.createElement(
+      props.showSuccess ? /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4" }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ React91.createElement(
         "svg",
         {
           stroke: "currentColor",
@@ -12089,7 +12089,7 @@ var FeedbackEmoji = (props) => {
       )), /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ React91.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ React91.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ React91.createElement(
         Popover,
         {
-          className: "hawa-select-none hawa-p-1 hawa-text-xs ",
+          className: "hawa-select-none hawa-p-1 hawa-text-xs",
           open: helperText,
           trigger: /* @__PURE__ */ React91.createElement(
             Textarea,
@@ -12231,7 +12231,7 @@ var LegalTexts = ({ tabs, ...props }) => {
       ScrollArea,
       {
         className: cn(
-          "hawa-rounded  hawa-border hawa-bg-muted hawa-p-4",
+          "hawa-rounded hawa-border hawa-bg-muted hawa-p-4",
           props.scrollAreaClassName
         )
       },
@@ -12243,7 +12243,7 @@ var LegalTexts = ({ tabs, ...props }) => {
 // blocks/misc/EmptyState.tsx
 import React94 from "react";
 var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ React94.createElement(Card, null, /* @__PURE__ */ React94.createElement(CardContent, { headless: true }, /* @__PURE__ */ React94.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React94.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__ */ React94.createElement(
+  return /* @__PURE__ */ React94.createElement(Card, null, /* @__PURE__ */ React94.createElement(CardContent, { headless: true }, /* @__PURE__ */ React94.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React94.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__ */ React94.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -12272,7 +12272,7 @@ var Testimonial = () => {
       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__ */ React95.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React95.createElement("div", null, /* @__PURE__ */ React95.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React95.createElement("div", null, " Chief Information Security Officer")))));
+  )), /* @__PURE__ */ React95.createElement("span", { className: "border border-l" }), " ", /* @__PURE__ */ React95.createElement("div", null, /* @__PURE__ */ React95.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React95.createElement("div", null, " Chief Information Security Officer")))));
 };
 
 // blocks/misc/LeadGenerator.tsx
@@ -12327,7 +12327,7 @@ var Announcement = ({
       headless: true,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
-    /* @__PURE__ */ React97.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React97.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React97.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
+    /* @__PURE__ */ React97.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center" }, /* @__PURE__ */ React97.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React97.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
     /* @__PURE__ */ React97.createElement(
       Button,
       {
@@ -12342,13 +12342,13 @@ var Announcement = ({
 // blocks/misc/NotFound.tsx
 import React98 from "react";
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ React98.createElement(Card, null, /* @__PURE__ */ React98.createElement(CardContent, { headless: true }, /* @__PURE__ */ React98.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React98.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React98.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__ */ React98.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React98.createElement(React98.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React98.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React98.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
+  return /* @__PURE__ */ React98.createElement(Card, null, /* @__PURE__ */ React98.createElement(CardContent, { headless: true }, /* @__PURE__ */ React98.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React98.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold" }, "404"), /* @__PURE__ */ React98.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__ */ React98.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React98.createElement(React98.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React98.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React98.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // blocks/misc/NoPermission.tsx
 import React99 from "react";
 var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ React99.createElement(Card, null, /* @__PURE__ */ React99.createElement(CardContent, { headless: true }, /* @__PURE__ */ React99.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React99.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__ */ React99.createElement(
+  return /* @__PURE__ */ React99.createElement(Card, null, /* @__PURE__ */ React99.createElement(CardContent, { headless: true }, /* @__PURE__ */ React99.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React99.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__ */ React99.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -12599,7 +12599,7 @@ var ActionCard = (props) => {
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false)
     },
-    props.blank ? /* @__PURE__ */ React101.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React101.createElement(
+    props.blank ? /* @__PURE__ */ React101.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React101.createElement(
       "svg",
       {
         className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
@@ -12664,7 +12664,7 @@ var AdCard = ({
       className: cn(cardStyles[orientation], props.className),
       onClick: props.handleClick
     },
-    /* @__PURE__ */ React102.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ React102.createElement(
+    /* @__PURE__ */ React102.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start" }, /* @__PURE__ */ React102.createElement(
       "img",
       {
         src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
@@ -12709,9 +12709,9 @@ var PricingCard = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   let cardSizes = {
-    small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
-    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 "
+    small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background",
+    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__ */ React103.createElement(React103.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ React103.createElement(
     Skeleton,
@@ -12724,21 +12724,21 @@ var PricingCard = ({
     {
       dir: direction,
       className: cn(
-        currentPlan ? "hawa-border-2 hawa-border-primary dark:hawa-border-primary/70 " : "hawa-border",
+        currentPlan ? "hawa-border-2 hawa-border-primary dark:hawa-border-primary/70" : "hawa-border",
         cardSizes[size],
-        "hawa-relative hawa-flex  hawa-flex-col hawa-justify-between hawa-gap-4 hawa-p-4",
+        "hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-gap-4 hawa-p-4",
         recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
       )
     },
     recommended && /* @__PURE__ */ React103.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",
+        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",
         style: { width: "calc(100% + 2px)" }
       },
       ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
     ),
-    /* @__PURE__ */ React103.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React103.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React103.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React103.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React103.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React103.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React103.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ React103.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ React103.createElement(React103.Fragment, null, props.noPrice ? /* @__PURE__ */ React103.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React103.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React103.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React103.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React103.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__ */ React103.createElement(Separator2, null), /* @__PURE__ */ React103.createElement(
+    /* @__PURE__ */ React103.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React103.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React103.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React103.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React103.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React103.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React103.createElement("div", { className: "hawa-flex hawa-items-baseline hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ React103.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0" }) : /* @__PURE__ */ React103.createElement(React103.Fragment, null, props.noPrice ? /* @__PURE__ */ React103.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React103.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React103.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React103.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React103.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__ */ React103.createElement(Separator2, null), /* @__PURE__ */ React103.createElement(
       "div",
       {
         className: cn(
@@ -12774,7 +12774,7 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ React103.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React103.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__ */ React103.createElement(
+          ) : /* @__PURE__ */ React103.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React103.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__ */ React103.createElement(
             Chip,
             {
               label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
@@ -12868,7 +12868,7 @@ var ItemCard = ({
     {
       className: cn(
         defaultStyle,
-        props.onCardClick && " hawa-cursor-pointer hover:hawa-shadow-lg",
+        props.onCardClick && "hawa-cursor-pointer hover:hawa-shadow-lg",
         orientationStyles[orientation],
         props.className
       ),
@@ -12888,7 +12888,7 @@ var ItemCard = ({
           clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
         )
       }
-    ), clickableImage && /* @__PURE__ */ React104.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React104.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__ */ React104.createElement(
+    ), clickableImage && /* @__PURE__ */ React104.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React104.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__ */ React104.createElement(
       Button,
       {
         variant: "secondary",
@@ -12922,7 +12922,7 @@ var ItemCard = ({
           )
         )
       }
-    ))), /* @__PURE__ */ React104.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ React104.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ React104.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ React104.createElement(
+    ))), /* @__PURE__ */ React104.createElement("div", { className: "hawa-mx-2" }, header && /* @__PURE__ */ React104.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight" }, header), content && /* @__PURE__ */ React104.createElement("span", { className: "hawa-w-full hawa-font-normal" }, content)), actions || counts ? /* @__PURE__ */ React104.createElement(
       "div",
       {
         className: cn(
@@ -13071,7 +13071,7 @@ var ComparingPlans = (props) => {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ React107.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React107.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React107.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React107.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React107.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ React107.createElement(React107.Fragment, null, /* @__PURE__ */ React107.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React107.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React107.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ React107.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React107.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React107.createElement("span", { className: "hawa-text-md hawa-font-bold" }, plan.texts.title), /* @__PURE__ */ React107.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground" }, plan.texts.subtitle)), /* @__PURE__ */ React107.createElement("div", { className: "hawa-flex hawa-items-baseline" }, /* @__PURE__ */ React107.createElement(React107.Fragment, null, /* @__PURE__ */ React107.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React107.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React107.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal" }, "/ ", plan.texts.cycleText)))
     ))
   ), /* @__PURE__ */ React107.createElement(
     ScrollArea,
@@ -13086,7 +13086,7 @@ var ComparingPlans = (props) => {
         {
           key: featureIndex,
           className: cn(
-            "hawa-border-foreground-muted  hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))]  hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
+            "hawa-border-foreground-muted hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
@@ -13150,7 +13150,7 @@ var ComparingPlans = (props) => {
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ React107.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__ */ React107.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ React107.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__ */ React107.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
     return /* @__PURE__ */ React107.createElement(
       "div",
@@ -13190,7 +13190,7 @@ var HorizontalPricing = (props) => {
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  return /* @__PURE__ */ React108.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React108.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React108.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React108.createElement(
+  return /* @__PURE__ */ React108.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React108.createElement("div", { className: "hawa-max-w-2xl" }, /* @__PURE__ */ React108.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React108.createElement(
     Radio,
     {
       name: "currency",
@@ -13227,8 +13227,8 @@ var HorizontalPricing = (props) => {
       "div",
       {
         className: cn(
-          selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20 " : "",
-          "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"
+          selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20" : "",
+          "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__ */ React108.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React108.createElement(CheckIcons, null), /* @__PURE__ */ React108.createElement(
@@ -13275,7 +13275,7 @@ var CheckIcons = () => /* @__PURE__ */ React108.createElement(React108.Fragment,
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ React108.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React108.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React108.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardText = (props) => /* @__PURE__ */ React108.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start" }, /* @__PURE__ */ React108.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React108.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
 var CardPrice = (props) => /* @__PURE__ */ React108.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React108.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
 // blocks/Usage.tsx