@sikka/hawa 0.40.1-next → 0.41.1-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
               )
@@ -1332,6 +1332,91 @@ var Logos = {
     },
     /* @__PURE__ */ React11.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
   ),
+  telegram: (props) => /* @__PURE__ */ React11.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React11.createElement("title", null, "Telegram"),
+    /* @__PURE__ */ React11.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
+      }
+    )
+  ),
+  youtube: (props) => /* @__PURE__ */ React11.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React11.createElement("title", null, "YouTube"),
+    /* @__PURE__ */ React11.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+      }
+    )
+  ),
+  tiktok: (props) => /* @__PURE__ */ React11.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React11.createElement("title", null, "TikTok"),
+    /* @__PURE__ */ React11.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
+      }
+    )
+  ),
+  linkedin: (props) => /* @__PURE__ */ React11.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React11.createElement("title", null, "LinkedIn"),
+    /* @__PURE__ */ React11.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+      }
+    )
+  ),
+  behance: (props) => /* @__PURE__ */ React11.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React11.createElement("title", null, "Behance"),
+    /* @__PURE__ */ React11.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z"
+      }
+    )
+  ),
   microsoft: (props) => /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
@@ -1532,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
     ),
@@ -1584,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",
@@ -1593,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",
   {
@@ -1605,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
@@ -1863,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
@@ -1954,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(
@@ -2104,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
   );
@@ -2383,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"
         ),
@@ -2486,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
@@ -2544,7 +2629,7 @@ var Avatar = ({
 };
 
 // elements/dataTable/DataTable.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import {
   flexRender,
   getCoreRowModel,
@@ -2555,9 +2640,145 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 
+// elements/checkbox/Checkbox.tsx
+import * as React21 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+var Checkbox = ({
+  id,
+  label,
+  sublabel,
+  helperText,
+  disabled,
+  size = "default",
+  radius = "inherit",
+  ...props
+}) => {
+  let labelLineHeightStyles = {
+    xs: sublabel || helperText ? 0.5 : 0.1,
+    sm: 0.6,
+    default: 1,
+    md: 0.8,
+    lg: 0.9,
+    xl: 1
+  };
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-flex hawa-gap-2",
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
+      )
+    },
+    /* @__PURE__ */ React21.createElement(
+      CheckboxElement,
+      {
+        ...props,
+        size,
+        radius,
+        disabled,
+        id
+      }
+    ),
+    (label || helperText) && /* @__PURE__ */ React21.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React21.createElement(
+      "label",
+      {
+        htmlFor: id,
+        className: cn(
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
+          disabled ? "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70" : "hawa-cursor-pointer"
+        ),
+        style: {
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
+        }
+      },
+      label
+    ), sublabel && /* @__PURE__ */ React21.createElement(
+      "label",
+      {
+        htmlFor: id,
+        className: cn(
+          "hawa-w-fit hawa-select-none hawa-text-sm hawa-text-muted-foreground",
+          disabled ? "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70" : "hawa-cursor-pointer"
+        )
+      },
+      sublabel
+    ), helperText && !disabled && /* @__PURE__ */ React21.createElement(
+      "label",
+      {
+        htmlFor: id,
+        className: cn(
+          "hawa-w-fit hawa-select-none hawa-text-xs hawa-text-helper-color",
+          disabled && "hawa-cursor-not-allowed hawa-opacity-70"
+        )
+      },
+      helperText
+    ))
+  );
+};
+var CheckboxElement = React21.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
+  let checkboxRadius = {
+    none: "hawa-rounded-none",
+    inherit: "hawa-rounded-sm",
+    full: "hawa-rounded-full"
+  };
+  let checkboxSizes = {
+    xs: "hawa-w-3 hawa-h-3",
+    sm: "hawa-w-6 hawa-h-6",
+    default: "hawa-icon",
+    md: "hawa-w-8 hawa-h-8",
+    lg: "hawa-w-10 hawa-h-10",
+    xl: "hawa-w-12 hawa-h-12"
+  };
+  let checkboxIndicatorSizes = {
+    xs: "0.5em",
+    default: "0.60em",
+    sm: "0.75em",
+    md: "0.875em",
+    lg: "1em",
+    xl: "1.25em"
+  };
+  return /* @__PURE__ */ React21.createElement(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "hawa-peer hawa-shrink-0 hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
+        checkboxSizes[size],
+        checkboxRadius[radius],
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React21.createElement(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn(
+          "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
+        )
+      },
+      /* @__PURE__ */ React21.createElement(
+        "svg",
+        {
+          "aria-label": "Check Mark",
+          stroke: "currentColor",
+          fill: "currentColor",
+          strokeWidth: "0",
+          viewBox: "0 0 512 512",
+          height: checkboxIndicatorSizes[size],
+          width: checkboxIndicatorSizes[size]
+        },
+        /* @__PURE__ */ React21.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" })
+      ),
+      " "
+    )
+  );
+});
+CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
+
 // elements/input/Input.tsx
-import React21, { forwardRef as forwardRef12 } from "react";
-var Input = forwardRef12(
+import React22, { forwardRef as forwardRef13 } from "react";
+var Input = forwardRef13(
   ({
     margin = "none",
     width = "full",
@@ -2601,7 +2822,7 @@ var Input = forwardRef12(
         props.onChange(newEvent);
       }
     };
-    return /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement(
       "div",
       {
         className: cn(
@@ -2612,8 +2833,8 @@ var Input = forwardRef12(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ React21.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ React21.createElement(
+      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(
         "span",
         {
           className: cn(
@@ -2622,12 +2843,12 @@ var Input = forwardRef12(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ React21.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React21.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React21.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React21.createElement(
+      ), props.isLoading ? /* @__PURE__ */ React22.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React22.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React22.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React22.createElement(
         Skeleton,
         {
           animation: "none",
           className: "hawa-h-[40px] hawa-w-full !hawa-bg-destructive/[0.3]",
-          content: /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React21.createElement(
+          content: /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React22.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2641,12 +2862,12 @@ var Input = forwardRef12(
               strokeLinejoin: "round",
               className: "hawa-text-destructive"
             },
-            /* @__PURE__ */ React21.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-            /* @__PURE__ */ React21.createElement("path", { d: "M12 9v4" }),
-            /* @__PURE__ */ React21.createElement("path", { d: "M12 17h.01" })
-          ), /* @__PURE__ */ React21.createElement("span", null, /* @__PURE__ */ React21.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
+            /* @__PURE__ */ React22.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+            /* @__PURE__ */ React22.createElement("path", { d: "M12 9v4" }),
+            /* @__PURE__ */ React22.createElement("path", { d: "M12 17h.01" })
+          ), /* @__PURE__ */ React22.createElement("span", null, /* @__PURE__ */ React22.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
         }
-      )) : /* @__PURE__ */ React21.createElement(React21.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React21.createElement(
+      )) : /* @__PURE__ */ React22.createElement(React22.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React22.createElement(
         "div",
         {
           className: cn(
@@ -2654,7 +2875,7 @@ var Input = forwardRef12(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ React21.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React21.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React21.createElement(
+      ), /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ React22.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React22.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React22.createElement(
         "div",
         {
           className: cn(
@@ -2663,7 +2884,7 @@ var Input = forwardRef12(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ React21.createElement(
+      ), /* @__PURE__ */ React22.createElement(
         "input",
         {
           required: true,
@@ -2679,7 +2900,7 @@ var Input = forwardRef12(
           ...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,
@@ -2689,16 +2910,16 @@ var Input = forwardRef12(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ React21.createElement(HelperText, { helperText: props.helperText }), !props.disabled && forceHideHelperText && /* @__PURE__ */ React21.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ React22.createElement(HelperText, { helperText: props.helperText }), !props.disabled && forceHideHelperText && /* @__PURE__ */ React22.createElement(
         "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"
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React21.createElement(
+      ), showCount && /* @__PURE__ */ React22.createElement(
         "div",
         {
           className: cn(
@@ -2719,8 +2940,8 @@ var Input = forwardRef12(
 );
 
 // elements/table/Table.tsx
-import * as React22 from "react";
-var Table = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React22.createElement(
+import * as React23 from "react";
+var Table = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React23.createElement(
   "table",
   {
     ref,
@@ -2728,7 +2949,7 @@ var Table = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ...props
   }
 )));
-var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "thead",
   {
     ref,
@@ -2736,18 +2957,18 @@ var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var TableHead = React22.forwardRef(
-  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+var TableHead = React23.forwardRef(
+  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React23.createElement(
     "th",
     {
       ref,
       className: cn(
-        "hawa-bg-muted/60 hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground dark:hawa-bg-muted/40 [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x",
+        "hawa-bg-muted/60 hawa-text-nowrap hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground dark:hawa-bg-muted/40 [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x",
         dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
         condensed ? "hawa-h-8" : "hawa-h-12",
         clickable ? "hawa-px-1" : "hawa-px-4",
         //First and last columns
-        clickable ? " [&:not(:last-child)&:not(:first-child)]:hawa-p-1" : "hawa-px-4",
+        clickable ? "[&:not(:last-child)&:not(:first-child)]:hawa-p-1" : "hawa-px-4",
         //Columns in between
         className
       ),
@@ -2755,8 +2976,8 @@ var TableHead = React22.forwardRef(
     }
   )
 );
-var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
-var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
+var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "tfoot",
   {
     ref,
@@ -2767,7 +2988,7 @@ var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "tr",
   {
     ref,
@@ -2780,14 +3001,14 @@ var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-var TableCell = React22.forwardRef(
+var TableCell = React23.forwardRef(
   ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
     let paddingStyles = {
       condensed: "hawa-p-0 hawa-px-4",
       default: "hawa-p-4",
       noPadding: "hawa-p-0"
     };
-    return /* @__PURE__ */ React22.createElement(
+    return /* @__PURE__ */ React23.createElement(
       "td",
       {
         ref,
@@ -2797,7 +3018,7 @@ var TableCell = React22.forwardRef(
           // enablePadding ? "hawa-p-4" : "hawa-p-0",
           // props.disablePadding ? "hawa-p-0" : "hawa-p-4",
           // props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4",
-          "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ",
+          "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0",
           "[&:not(:last-child)&:not(:first-child)]:hawa-border-x",
           // "[&:not(:last-child)]:hawa-border-r",
           props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
@@ -2808,7 +3029,7 @@ var TableCell = React22.forwardRef(
     );
   }
 );
-var TableCaption = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "caption",
   {
     ref,
@@ -2836,27 +3057,61 @@ var DataTable = ({
   paginationPosition = "bottom",
   translateFn,
   enableHideColumns,
+  enableSelection,
   enableSearch,
   enableGoTo,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const [sorting, setSorting] = React23.useState(
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const [sorting, setSorting] = React24.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
-  const [columnFilters, setColumnFilters] = React23.useState(
+  const [columnFilters, setColumnFilters] = React24.useState(
     []
   );
-  const [globalFilter, setGlobalFilter] = React23.useState("");
-  const [expanded, setExpanded] = React23.useState({});
-  const [columnVisibility, setColumnVisibility] = React23.useState(() => {
+  const [globalFilter, setGlobalFilter] = React24.useState("");
+  const [expanded, setExpanded] = React24.useState({});
+  const [columnVisibility, setColumnVisibility] = React24.useState(() => {
     const savedVisibility = localStorage.getItem(LOCAL_STORAGE_KEY);
     return savedVisibility ? JSON.parse(savedVisibility) : {};
   });
-  const [rowSelection, setRowSelection] = React23.useState({});
+  const [rowSelection, setRowSelection] = React24.useState({});
+  let mainColumns = enableSelection ? [
+    {
+      id: "select",
+      maxSize: 16,
+      minSize: 16,
+      size: 16,
+      header: ({ table: table2 }) => /* @__PURE__ */ React24.createElement(
+        Checkbox,
+        {
+          dir: props.direction,
+          id: "select_all",
+          "aria-label": "Select all",
+          className: props.direction === "rtl" ? "hawa-ms-4" : "hawa-me-0",
+          checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
+          onCheckedChange: (value) => table2.toggleAllPageRowsSelected(!!value)
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ React24.createElement(
+        Checkbox,
+        {
+          dir: props.direction,
+          id: "select_row",
+          className: props.direction === "rtl" ? "hawa-ms-4" : "hawa-me-4",
+          checked: row.getIsSelected(),
+          onCheckedChange: (value) => row.toggleSelected(!!value),
+          "aria-label": "Select row"
+        }
+      ),
+      enableSorting: false,
+      enableHiding: false
+    },
+    ...columns
+  ] : columns;
   const table = useReactTable({
     data,
-    columns,
+    columns: mainColumns,
     onExpandedChange: setExpanded,
     getExpandedRowModel: getExpandedRowModel(),
     onGlobalFilterChange: setGlobalFilter,
@@ -2882,10 +3137,10 @@ var DataTable = ({
     label: `${item} / ${pageText}`,
     value: item
   }));
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(columnVisibility));
   }, [columnVisibility]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     setColumnVisibility((prev) => {
       let newColumnVisibility = {};
       columns.forEach((column) => {
@@ -2900,7 +3155,7 @@ var DataTable = ({
       return newColumnVisibility;
     });
   }, [columns]);
-  return /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React24.createElement(
     Input,
     {
       inputProps: { title: "" },
@@ -2911,7 +3166,7 @@ var DataTable = ({
       margin: "none",
       className: "hawa-w-full md:hawa-max-w-sm",
       endIconProps: { className: "!hawa-end-2" },
-      endIcon: globalFilter ? /* @__PURE__ */ React23.createElement(
+      endIcon: globalFilter ? /* @__PURE__ */ React24.createElement(
         Button,
         {
           onClick: () => setGlobalFilter(""),
@@ -2919,7 +3174,7 @@ var DataTable = ({
           size: "smallIcon",
           "aria-label": "Clear Search"
         },
-        /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React24.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -2933,43 +3188,45 @@ var DataTable = ({
             strokeLinejoin: "round",
             className: "hawa-icon hawa-text-muted-foreground"
           },
-          /* @__PURE__ */ React23.createElement("path", { d: "M18 6 6 18" }),
-          /* @__PURE__ */ React23.createElement("path", { d: "m6 6 12 12" })
+          /* @__PURE__ */ React24.createElement("path", { d: "M18 6 6 18" }),
+          /* @__PURE__ */ React24.createElement("path", { d: "m6 6 12 12" })
         )
       ) : null
     }
-  ), enableHideColumns && /* @__PURE__ */ React23.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React23.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React23.createElement(
+  ), enableHideColumns && /* @__PURE__ */ React24.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React24.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React24.createElement(
     Button,
     {
       variant: "outline",
       className: "hawa-flex hawa-flex-row hawa-gap-2"
     },
     ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       "svg",
       {
-        "aria-label": "Chevron Down Icon",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
+        width: "15",
+        height: "15",
+        viewBox: "0 0 15 15",
         fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "hawa-icon hawa-rotate-90"
+        xmlns: "http://www.w3.org/2000/svg"
       },
-      /* @__PURE__ */ React23.createElement("path", { d: "m9 18 6-6-6-6" })
+      /* @__PURE__ */ React24.createElement(
+        "path",
+        {
+          d: "M5.5 3C4.67157 3 4 3.67157 4 4.5C4 5.32843 4.67157 6 5.5 6C6.32843 6 7 5.32843 7 4.5C7 3.67157 6.32843 3 5.5 3ZM3 5C3.01671 5 3.03323 4.99918 3.04952 4.99758C3.28022 6.1399 4.28967 7 5.5 7C6.71033 7 7.71978 6.1399 7.95048 4.99758C7.96677 4.99918 7.98329 5 8 5H13.5C13.7761 5 14 4.77614 14 4.5C14 4.22386 13.7761 4 13.5 4H8C7.98329 4 7.96677 4.00082 7.95048 4.00242C7.71978 2.86009 6.71033 2 5.5 2C4.28967 2 3.28022 2.86009 3.04952 4.00242C3.03323 4.00082 3.01671 4 3 4H1.5C1.22386 4 1 4.22386 1 4.5C1 4.77614 1.22386 5 1.5 5H3ZM11.9505 10.9976C11.7198 12.1399 10.7103 13 9.5 13C8.28967 13 7.28022 12.1399 7.04952 10.9976C7.03323 10.9992 7.01671 11 7 11H1.5C1.22386 11 1 10.7761 1 10.5C1 10.2239 1.22386 10 1.5 10H7C7.01671 10 7.03323 10.0008 7.04952 10.0024C7.28022 8.8601 8.28967 8 9.5 8C10.7103 8 11.7198 8.8601 11.9505 10.0024C11.9668 10.0008 11.9833 10 12 10H13.5C13.7761 10 14 10.2239 14 10.5C14 10.7761 13.7761 11 13.5 11H12C11.9833 11 11.9668 10.9992 11.9505 10.9976ZM8 10.5C8 9.67157 8.67157 9 9.5 9C10.3284 9 11 9.67157 11 10.5C11 11.3284 10.3284 12 9.5 12C8.67157 12 8 11.3284 8 10.5Z",
+          fill: "currentColor",
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd"
+        }
+      )
     )
-  )), /* @__PURE__ */ React23.createElement(
+  )), /* @__PURE__ */ React24.createElement(
     DropdownMenuContent,
     {
       align: props.direction === "rtl" ? "start" : "end"
     },
     table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
       var _a2, _b2;
-      return /* @__PURE__ */ React23.createElement(
+      return /* @__PURE__ */ React24.createElement(
         DropdownMenuCheckboxItem,
         {
           key: column.id,
@@ -2981,26 +3238,28 @@ var DataTable = ({
         ) : column.id
       );
     })
-  ))), props.isLoading ? /* @__PURE__ */ React23.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React23.createElement(
+  ))), props.isLoading ? /* @__PURE__ */ React24.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React24.createElement(
     "div",
     {
       className: cn(
-        "hawa-flex hawa-w-full  hawa-gap-4",
+        "hawa-flex hawa-w-full hawa-gap-4",
         paginationPosition === "top" ? "hawa-flex-col-reverse" : "hawa-flex-col"
       )
     },
-    /* @__PURE__ */ React23.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React23.createElement(Table, null, !props.hideHeader && table.getAllColumns().length > 0 && /* @__PURE__ */ React23.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React23.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+    /* @__PURE__ */ React24.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React24.createElement(Table, null, !props.hideHeader && table.getAllColumns().length > 0 && /* @__PURE__ */ React24.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React24.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
       var _a2;
       let isSortable = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.sortable;
-      return /* @__PURE__ */ React23.createElement(
+      return /* @__PURE__ */ React24.createElement(
         TableHead,
         {
+          key: header.id,
           dir: props.direction,
           condensed: props.condensed,
           clickable: Boolean(isSortable),
-          key: header.id,
           style: {
-            maxWidth: header.column.columnDef.maxSize
+            maxWidth: `${header.column.columnDef.maxSize}px !important`,
+            minWidth: `${header.column.columnDef.minSize}px !important`,
+            width: `${header.column.columnDef.size}px !important`
           }
         },
         header.isPlaceholder ? null : flexRender(
@@ -3008,7 +3267,7 @@ var DataTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React23.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React23.createElement(
+    })))), /* @__PURE__ */ React24.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React24.createElement(
       TableRow,
       {
         key: row.id,
@@ -3016,15 +3275,17 @@ var DataTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React23.createElement(
+        return /* @__PURE__ */ React24.createElement(
           TableCell,
           {
+            key: cell.id,
+            dir: props.direction,
             style: {
-              maxWidth: cell.column.columnDef.maxSize
+              maxWidth: `${cell.column.columnDef.maxSize}px !important`,
+              minWidth: `${cell.column.columnDef.minSize}px !important`,
+              width: `${cell.column.columnDef.size}px !important`
             },
-            dir: props.direction,
-            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
-            key: cell.id
+            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding
           },
           flexRender(
             cell.column.columnDef.cell,
@@ -3032,7 +3293,7 @@ var DataTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React23.createElement(TableRow, null, /* @__PURE__ */ React23.createElement(
+    )) : /* @__PURE__ */ React24.createElement(TableRow, null, /* @__PURE__ */ React24.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -3040,174 +3301,212 @@ var DataTable = ({
       },
       (_f = props.texts) == null ? void 0 : _f.noData
     ))))),
-    /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       "div",
       {
-        className: "text-muted-foreground text-sm",
-        dir: props.direction
+        className: cn(
+          "hawa-flex hawa-justify-between hawa-gap-4 tablet:hawa-gap-0",
+          props.showSelectionCount ? "hawa-flex-col tablet:hawa-flex-row" : "hawa-flex-col mobile:hawa-flex-row"
+        )
       },
-      /* @__PURE__ */ React23.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
-      " ",
-      /* @__PURE__ */ React23.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
-    ), /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React23.createElement(
-      "input",
-      {
-        max: table.getPageCount(),
-        min: 0,
-        type: "number",
-        defaultValue: table.getState().pagination.pageIndex + 1,
-        onChange: (e) => {
-          let page = Number(e.target.value) - 1;
-          const max = table.getPageCount();
-          if (!isNaN(page) && Number(page) > max) {
-            page = max - 1;
-          }
-          table.setPageIndex(page);
+      !props.showCount && /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }),
+      props.showCount || table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount ? /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-gap-4" }, /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-items-center hawa-justify-between" }, props.showCount && /* @__PURE__ */ React24.createElement(
+        "div",
+        {
+          className: "hawa-text-muted-foreground hawa-text-sm",
+          dir: props.direction
         },
-        className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm placeholder:hawa-text-muted-foreground"
-      }
-    )), /* @__PURE__ */ React23.createElement(
-      DropdownMenu,
-      {
-        size: "sm",
-        width: "sm",
-        direction: props.direction,
-        items: itemsPerPageOptions || [
-          { label: `10 / ${pageText}`, value: 10 },
-          { label: `20 / ${pageText}`, value: 20 },
-          { label: `30 / ${pageText}`, value: 30 },
-          { label: `40 / ${pageText}`, value: 40 },
-          { label: `50 / ${pageText}`, value: 50 }
-        ],
-        trigger: /* @__PURE__ */ React23.createElement(
-          Button,
+        /* @__PURE__ */ React24.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
+        " ",
+        /* @__PURE__ */ React24.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
+      ), props.showCount && table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount && /* @__PURE__ */ React24.createElement("div", { className: "hawa-w-[0.5px] hawa-mx-2 hawa-bg-red-500 hawa-h-full" }), table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount && /* @__PURE__ */ React24.createElement(
+        "div",
+        {
+          className: "hawa-text-muted-foreground hawa-text-sm",
+          dir: props.direction
+        },
+        table.getFilteredSelectedRowModel().rows.length,
+        " ",
+        (_h = props.texts) == null ? void 0 : _h.of,
+        " ",
+        table.getFilteredRowModel().rows.length,
+        " ",
+        (_i = props.texts) == null ? void 0 : _i.selectedRows
+      )), table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "" }, /* @__PURE__ */ React24.createElement(
+        DropdownMenu,
+        {
+          size: "sm",
+          width: "sm",
+          direction: props.direction,
+          items: (props.bulkActions || []).map((action) => ({
+            ...action,
+            action: () => action.action(
+              table.getFilteredSelectedRowModel().rows
+            )
+          })),
+          trigger: /* @__PURE__ */ React24.createElement(Button, { size: "xs" }, ((_j = props.texts) == null ? void 0 : _j.bulkAction) || "Bulk Action")
+        }
+      ))) : null,
+      /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-items-center hawa-gap-2 hawa-bg--500 tablet:hawa-w-fit hawa-justify-between" }, enableGoTo && /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React24.createElement("span", { className: "hawa-text-sm" }, (_k = props.texts) == null ? void 0 : _k.goTo), /* @__PURE__ */ React24.createElement(
+        "input",
+        {
+          max: table.getPageCount(),
+          min: 0,
+          type: "number",
+          defaultValue: table.getState().pagination.pageIndex + 1,
+          onChange: (e) => {
+            let page = Number(e.target.value) - 1;
+            const max = table.getPageCount();
+            if (!isNaN(page) && Number(page) > max) {
+              page = max - 1;
+            }
+            table.setPageIndex(page);
+          },
+          className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm placeholder:hawa-text-muted-foreground"
+        }
+      )), /* @__PURE__ */ React24.createElement(
+        DropdownMenu,
+        {
+          size: "sm",
+          width: "sm",
+          direction: props.direction,
+          items: itemsPerPageOptions || [
+            { label: `10 / ${pageText}`, value: 10 },
+            { label: `20 / ${pageText}`, value: 20 },
+            { label: `30 / ${pageText}`, value: 30 },
+            { label: `40 / ${pageText}`, value: 40 },
+            { label: `50 / ${pageText}`, value: 50 }
+          ],
+          trigger: /* @__PURE__ */ React24.createElement(
+            Button,
+            {
+              variant: "outline",
+              size: "icon",
+              className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 hawa-whitespace-nowrap"
+            },
+            `${table.getState().pagination.pageSize} / ${(_l = props.texts) == null ? void 0 : _l.page}`
+          ),
+          onItemSelect: (e) => table.setPageSize(Number(e))
+        }
+      ), table.getPageCount() > 1 && /* @__PURE__ */ React24.createElement("div", { className: "hawa-bg--500 hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-bg--500 hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, /* @__PURE__ */ React24.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React24.createElement("div", null, (_m = props.texts) == null ? void 0 : _m.page), /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React24.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React24.createElement("span", null, (_n = props.texts) == null ? void 0 : _n.of), /* @__PURE__ */ React24.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center hawa-bg--500" }, /* @__PURE__ */ React24.createElement(
+        Button,
+        {
+          "aria-label": "Next Table Page",
+          variant: "outline",
+          size: "smallIcon",
+          onClick: () => table.setPageIndex(0),
+          disabled: !table.getCanPreviousPage(),
+          className: cn(
+            props.direction === "rtl" && "hawa-rotate-180"
+          )
+        },
+        /* @__PURE__ */ React24.createElement(
+          "svg",
           {
-            variant: "outline",
-            size: "icon",
-            className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 "
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
           },
-          `${table.getState().pagination.pageSize} / ${(_i = props.texts) == null ? void 0 : _i.page}`
-        ),
-        onItemSelect: (e) => table.setPageSize(Number(e))
-      }
-    ), table.getPageCount() > 1 && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React23.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React23.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React23.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React23.createElement(
-      Button,
-      {
-        "aria-label": "Next Table Page",
-        variant: "outline",
-        size: "smallIcon",
-        onClick: () => table.setPageIndex(0),
-        disabled: !table.getCanPreviousPage(),
-        className: cn(
-          props.direction === "rtl" && "hawa-rotate-180"
+          /* @__PURE__ */ React24.createElement("path", { d: "m11 17-5-5 5-5" }),
+          /* @__PURE__ */ React24.createElement("path", { d: "m18 17-5-5 5-5" })
         )
-      },
-      /* @__PURE__ */ React23.createElement(
-        "svg",
+      ), /* @__PURE__ */ React24.createElement(
+        Button,
         {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "20",
-          height: "20",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          "aria-label": "Previous Table Page",
+          variant: "outline",
+          size: "smallIcon",
+          onClick: () => table.previousPage(),
+          disabled: !table.getCanPreviousPage(),
+          className: cn(
+            props.direction === "rtl" && "hawa-rotate-180"
+          )
         },
-        /* @__PURE__ */ React23.createElement("path", { d: "m11 17-5-5 5-5" }),
-        /* @__PURE__ */ React23.createElement("path", { d: "m18 17-5-5 5-5" })
-      )
-    ), /* @__PURE__ */ React23.createElement(
-      Button,
-      {
-        "aria-label": "Previous Table Page",
-        variant: "outline",
-        size: "smallIcon",
-        onClick: () => table.previousPage(),
-        disabled: !table.getCanPreviousPage(),
-        className: cn(
-          props.direction === "rtl" && "hawa-rotate-180"
+        /* @__PURE__ */ React24.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "20",
+            height: "20",
+            "aria-label": "Single Chevron Icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          },
+          /* @__PURE__ */ React24.createElement("path", { d: "m15 18-6-6 6-6" })
         )
-      },
-      /* @__PURE__ */ React23.createElement(
-        "svg",
+      ), /* @__PURE__ */ React24.createElement(
+        Button,
         {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "20",
-          height: "20",
-          "aria-label": "Single Chevron Icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          "aria-label": "Next Table Page",
+          variant: "outline",
+          size: "smallIcon",
+          onClick: () => table.nextPage(),
+          disabled: !table.getCanNextPage(),
+          className: cn(
+            props.direction === "ltr" && "hawa-rotate-180"
+          )
         },
-        /* @__PURE__ */ React23.createElement("path", { d: "m15 18-6-6 6-6" })
-      )
-    ), /* @__PURE__ */ React23.createElement(
-      Button,
-      {
-        "aria-label": "Next Table Page",
-        variant: "outline",
-        size: "smallIcon",
-        onClick: () => table.nextPage(),
-        disabled: !table.getCanNextPage(),
-        className: cn(
-          props.direction === "ltr" && "hawa-rotate-180"
+        /* @__PURE__ */ React24.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "20",
+            height: "20",
+            "aria-label": "Single Chevron Icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          },
+          /* @__PURE__ */ React24.createElement("path", { d: "m15 18-6-6 6-6" })
         )
-      },
-      /* @__PURE__ */ React23.createElement(
-        "svg",
+      ), /* @__PURE__ */ React24.createElement(
+        Button,
         {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "20",
-          height: "20",
-          "aria-label": "Single Chevron Icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          "aria-label": "Next Table Page",
+          variant: "outline",
+          size: "smallIcon",
+          onClick: () => table.setPageIndex(table.getPageCount() - 1),
+          disabled: !table.getCanNextPage(),
+          className: cn(
+            props.direction === "ltr" && "hawa-rotate-180"
+          )
         },
-        /* @__PURE__ */ React23.createElement("path", { d: "m15 18-6-6 6-6" })
-      )
-    ), /* @__PURE__ */ React23.createElement(
-      Button,
-      {
-        "aria-label": "Next Table Page",
-        variant: "outline",
-        size: "smallIcon",
-        onClick: () => table.setPageIndex(table.getPageCount() - 1),
-        disabled: !table.getCanNextPage(),
-        className: cn(
-          props.direction === "ltr" && "hawa-rotate-180"
+        /* @__PURE__ */ React24.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          },
+          /* @__PURE__ */ React24.createElement("path", { d: "m11 17-5-5 5-5" }),
+          /* @__PURE__ */ React24.createElement("path", { d: "m18 17-5-5 5-5" })
         )
-      },
-      /* @__PURE__ */ React23.createElement(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "20",
-          height: "20",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        },
-        /* @__PURE__ */ React23.createElement("path", { d: "m11 17-5-5 5-5" }),
-        /* @__PURE__ */ React23.createElement("path", { d: "m18 17-5-5 5-5" })
-      )
-    ))))
+      ))))
+    )
   ));
 };
 
 // elements/backToTop/BackToTop.tsx
-import React24, { useState as useState5, useEffect as useEffect4, useRef as useRef3 } from "react";
+import React25, { useState as useState5, useEffect as useEffect4, useRef as useRef3 } from "react";
 var BackToTop = ({ ...props }) => {
   const [visible, setVisible] = useState5(false);
   const [rect, _setRect] = useState5(null);
@@ -3273,7 +3572,7 @@ var BackToTop = ({ ...props }) => {
     };
     return style;
   };
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(
     Button,
     {
       className: cn(
@@ -3288,29 +3587,29 @@ var BackToTop = ({ ...props }) => {
       ref: self,
       size: "icon"
     },
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       "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",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React24.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
+      /* @__PURE__ */ React25.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
     )
   );
 };
 
 // elements/radio/Radio.tsx
-import React26, { useState as useState6, useRef as useRef4, useEffect as useEffect5, forwardRef as forwardRef15 } from "react";
+import React27, { useState as useState6, useRef as useRef4, useEffect as useEffect5, forwardRef as forwardRef16 } from "react";
 
 // elements/popover/Popover.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-var PopoverContent = React25.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React25.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React25.createElement(
+var PopoverContent = React26.forwardRef(
+  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React26.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React26.createElement(
     PopoverPrimitive.Content,
     {
       ref,
@@ -3343,7 +3642,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React26.createElement(
     PopoverPrimitive.Trigger,
     {
       className: "hawa-w-full",
@@ -3351,7 +3650,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React26.createElement(
     PopoverContent,
     {
       side,
@@ -3373,7 +3672,7 @@ var PopoverPortal = PopoverPrimitive.Portal;
 var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/radio/Radio.tsx
-var Radio = forwardRef15(
+var Radio = forwardRef16(
   ({
     design = "default",
     width = "default",
@@ -3406,7 +3705,7 @@ var Radio = forwardRef15(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = React26.useState(
+    const [parentDirection, setParentDirection] = React27.useState(
       null
     );
     const [selectedOption, setSelectedOption] = useState6(
@@ -3440,7 +3739,7 @@ var Radio = forwardRef15(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ React26.createElement(
+        return /* @__PURE__ */ React27.createElement(
           "div",
           {
             className: cn(
@@ -3448,8 +3747,8 @@ var Radio = forwardRef15(
               containerClassNames == null ? void 0 : containerClassNames.tabs
             )
           },
-          props.label && /* @__PURE__ */ React26.createElement(Label2, { ...labelProps }, props.label),
-          /* @__PURE__ */ React26.createElement(
+          props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label),
+          /* @__PURE__ */ React27.createElement(
             "ul",
             {
               ref: parentRef,
@@ -3462,21 +3761,21 @@ var Radio = forwardRef15(
               )
             },
             (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-              return opt.tooltip ? /* @__PURE__ */ React26.createElement(
+              return opt.tooltip ? /* @__PURE__ */ React27.createElement(
                 PopoverRoot,
                 {
                   key: o,
                   open: o === openTooltip,
                   onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
                 },
-                /* @__PURE__ */ React26.createElement(
+                /* @__PURE__ */ React27.createElement(
                   PopoverTrigger,
                   {
                     onMouseEnter: () => setOpenTooltip(o),
                     onMouseLeave: () => setOpenTooltip(null),
                     asChild: true
                   },
-                  /* @__PURE__ */ React26.createElement(
+                  /* @__PURE__ */ React27.createElement(
                     "li",
                     {
                       "aria-current": "page",
@@ -3494,8 +3793,8 @@ var Radio = forwardRef15(
                     opt.label
                   )
                 ),
-                /* @__PURE__ */ React26.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-              ) : /* @__PURE__ */ React26.createElement(
+                /* @__PURE__ */ React27.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+              ) : /* @__PURE__ */ React27.createElement(
                 "li",
                 {
                   key: o,
@@ -3515,10 +3814,10 @@ var Radio = forwardRef15(
               );
             })
           ),
-          !forceHideHelperText && /* @__PURE__ */ React26.createElement(HelperText, { helperText: props.helperText })
+          !forceHideHelperText && /* @__PURE__ */ React27.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":
-        return /* @__PURE__ */ React26.createElement(
+        return /* @__PURE__ */ React27.createElement(
           "div",
           {
             className: cn(
@@ -3527,7 +3826,7 @@ var Radio = forwardRef15(
               containerClassNames == null ? void 0 : containerClassNames.bordered
             )
           },
-          props.options && props.options.map((opt, i) => /* @__PURE__ */ React26.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React26.createElement(
+          props.options && props.options.map((opt, i) => /* @__PURE__ */ React27.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React27.createElement(
             "div",
             {
               className: cn(
@@ -3536,7 +3835,7 @@ var Radio = forwardRef15(
               ),
               key: i + 1
             },
-            /* @__PURE__ */ React26.createElement(
+            /* @__PURE__ */ React27.createElement(
               "input",
               {
                 disabled: opt.disabled,
@@ -3547,7 +3846,7 @@ var Radio = forwardRef15(
                 onChange: () => handleChange(opt)
               }
             ),
-            /* @__PURE__ */ React26.createElement(
+            /* @__PURE__ */ React27.createElement(
               "label",
               {
                 htmlFor: opt.value.toString(),
@@ -3561,7 +3860,7 @@ var Radio = forwardRef15(
           )))
         );
       case "cards":
-        return /* @__PURE__ */ React26.createElement(
+        return /* @__PURE__ */ React27.createElement(
           "ul",
           {
             className: cn(
@@ -3570,7 +3869,7 @@ var Radio = forwardRef15(
               containerClassNames == null ? void 0 : containerClassNames.cards
             )
           },
-          (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React26.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React26.createElement(
+          (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React27.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React27.createElement(
             "input",
             {
               type: "radio",
@@ -3581,20 +3880,20 @@ var Radio = forwardRef15(
               required: true,
               disabled: opt.disabled
             }
-          ), /* @__PURE__ */ React26.createElement(
+          ), /* @__PURE__ */ React27.createElement(
             "label",
             {
               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__ */ React26.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React26.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React26.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:
-        return /* @__PURE__ */ React26.createElement(
+        return /* @__PURE__ */ React27.createElement(
           "div",
           {
             className: cn(
@@ -3602,8 +3901,8 @@ var Radio = forwardRef15(
               containerClassNames == null ? void 0 : containerClassNames.default
             )
           },
-          props.label && /* @__PURE__ */ React26.createElement(Label2, { ...labelProps }, props.label),
-          /* @__PURE__ */ React26.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React26.createElement(
+          props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label),
+          /* @__PURE__ */ React27.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React27.createElement(
             "div",
             {
               className: cn(
@@ -3612,7 +3911,7 @@ var Radio = forwardRef15(
               ),
               key: i + 1
             },
-            /* @__PURE__ */ React26.createElement(
+            /* @__PURE__ */ React27.createElement(
               "input",
               {
                 disabled: opt.disabled,
@@ -3623,33 +3922,33 @@ var Radio = forwardRef15(
                 onChange: () => handleChange(opt)
               }
             ),
-            /* @__PURE__ */ React26.createElement(
+            /* @__PURE__ */ React27.createElement(
               "label",
               {
                 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"
                 )
               },
               opt.label
             )
           ))),
-          /* @__PURE__ */ React26.createElement(HelperText, { helperText: props.helperText })
+          /* @__PURE__ */ React27.createElement(HelperText, { helperText: props.helperText })
         );
     }
   }
 );
 
 // elements/combobox/Combobox.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
 
 // elements/command/Command.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { Dialog as Dialog2 } from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
-var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+var Command = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
   CommandPrimitive,
   {
     ref,
@@ -3661,15 +3960,15 @@ var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React27.createElement(Dialog2, { ...props }, /* @__PURE__ */ React27.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React27.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
+  return /* @__PURE__ */ React28.createElement(Dialog2, { ...props }, /* @__PURE__ */ React28.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React28.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
 };
-var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+var CommandInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
   "div",
   {
     className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
     "cmdk-input-wrapper": ""
   },
-  /* @__PURE__ */ React27.createElement(
+  /* @__PURE__ */ React28.createElement(
     "svg",
     {
       "aria-label": "Search Icon",
@@ -3684,10 +3983,10 @@ var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeLinejoin: "round",
       className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
-    /* @__PURE__ */ React27.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React27.createElement("path", { d: "m21 21-4.3-4.3" })
+    /* @__PURE__ */ React28.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React28.createElement("path", { d: "m21 21-4.3-4.3" })
   ),
-  /* @__PURE__ */ React27.createElement(
+  /* @__PURE__ */ React28.createElement(
     CommandPrimitive.Input,
     {
       ref,
@@ -3699,7 +3998,7 @@ var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
     }
   )
 ));
-var CommandList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+var CommandList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
   CommandPrimitive.List,
   {
     ref,
@@ -3710,7 +4009,7 @@ var CommandList = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var CommandEmpty = React27.forwardRef((props, ref) => /* @__PURE__ */ React27.createElement(
+var CommandEmpty = React28.forwardRef((props, ref) => /* @__PURE__ */ React28.createElement(
   CommandPrimitive.Empty,
   {
     ref,
@@ -3718,7 +4017,7 @@ var CommandEmpty = React27.forwardRef((props, ref) => /* @__PURE__ */ React27.cr
     ...props
   }
 ));
-var CommandGroup = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+var CommandGroup = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
   CommandPrimitive.Group,
   {
     ref,
@@ -3729,7 +4028,7 @@ var CommandGroup = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-var CommandSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+var CommandSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
   CommandPrimitive.Separator,
   {
     ref,
@@ -3737,7 +4036,7 @@ var CommandSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @
     ...props
   }
 ));
-var CommandItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+var CommandItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
   CommandPrimitive.Item,
   {
     ref,
@@ -3752,7 +4051,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "span",
     {
       className: cn(
@@ -3769,22 +4068,22 @@ var FullCommand = ({
   texts,
   onActionClick
 }) => {
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(
     Command,
     {
       dir: direction,
       className: "hawa-rounded-lg hawa-border hawa-shadow-md !hawa-h-full"
     },
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement(
       CommandInput,
       {
         placeholder: (texts == null ? void 0 : texts.searchPlaceholder) || "Type a command or search..."
       }
     ),
-    /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
+    /* @__PURE__ */ React28.createElement(CommandList, null, /* @__PURE__ */ React28.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
       var _a;
       if (item.type === "group") {
-        return /* @__PURE__ */ React27.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React27.createElement(
+        return /* @__PURE__ */ React28.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React28.createElement(
           CommandItem,
           {
             key: subIndex,
@@ -3794,12 +4093,12 @@ var FullCommand = ({
               subItem.action();
             }
           },
-          /* @__PURE__ */ React27.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
-          /* @__PURE__ */ React27.createElement("span", null, subItem.label),
-          subItem.shortcut && /* @__PURE__ */ React27.createElement(CommandShortcut, null, subItem.shortcut)
+          /* @__PURE__ */ React28.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
+          /* @__PURE__ */ React28.createElement("span", null, subItem.label),
+          subItem.shortcut && /* @__PURE__ */ React28.createElement(CommandShortcut, null, subItem.shortcut)
         )));
       } else if (item.type === "separator") {
-        return /* @__PURE__ */ React27.createElement(CommandSeparator, { key: index });
+        return /* @__PURE__ */ React28.createElement(CommandSeparator, { key: index });
       }
       return null;
     }))
@@ -3810,13 +4109,13 @@ var AppCommand = ({
   dialogProps,
   onActionClick
 }) => {
-  return /* @__PURE__ */ React27.createElement(Dialog2, { ...dialogProps }, /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(Dialog2, { ...dialogProps }, /* @__PURE__ */ React28.createElement(
     DialogContent,
     {
       hideCloseButton: true,
-      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-l "
+      className: "hawa-overflow-hidden !hawa-p-0 hawa-shadow-l"
     },
-    /* @__PURE__ */ React27.createElement(FullCommand, { ...commandProps, onActionClick })
+    /* @__PURE__ */ React28.createElement(FullCommand, { ...commandProps, onActionClick })
   ));
 };
 CommandShortcut.displayName = "CommandShortcut";
@@ -3829,7 +4128,7 @@ Command.displayName = CommandPrimitive.displayName;
 CommandInput.displayName = CommandPrimitive.Input.displayName;
 
 // elements/combobox/Combobox.tsx
-var Combobox = React28.forwardRef(
+var Combobox = React29.forwardRef(
   ({
     labelKey = "label",
     valueKey = "value",
@@ -3844,9 +4143,9 @@ var Combobox = React28.forwardRef(
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [open, setOpen] = React28.useState(false);
-    const [value, setValue] = React28.useState(defaultValue);
-    const containerRef = React28.useRef(null);
+    const [open, setOpen] = React29.useState(false);
+    const [value, setValue] = React29.useState(defaultValue);
+    const containerRef = React29.useRef(null);
     function getProperty(obj, key) {
       return key.split(".").reduce((o, k) => (o || {})[k], obj);
     }
@@ -3858,7 +4157,7 @@ var Combobox = React28.forwardRef(
     const selectedItem = data.find(
       (item) => getProperty(item, valueKey) === value
     );
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: cn(
@@ -3867,8 +4166,8 @@ var Combobox = React28.forwardRef(
         ),
         ref: containerRef
       },
-      props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React28.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React28.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React28.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React28.createElement(
+      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(
         "div",
         {
           className: cn(
@@ -3876,19 +4175,19 @@ var Combobox = React28.forwardRef(
             props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React28.createElement(
+      ), /* @__PURE__ */ React29.createElement(
         "button",
         {
           role: "combobox",
           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) || ". . .",
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React29.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3904,9 +4203,9 @@ var Combobox = React28.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React28.createElement("path", { d: "m6 9 6 6 6-6" })
+          /* @__PURE__ */ React29.createElement("path", { d: "m6 9 6 6 6-6" })
         )
-      ), /* @__PURE__ */ React28.createElement(HelperText, { helperText: props.helperText }))), /* @__PURE__ */ React28.createElement(
+      ), /* @__PURE__ */ React29.createElement(HelperText, { helperText: props.helperText }))), /* @__PURE__ */ React29.createElement(
         PopoverContent,
         {
           sideOffset: 0,
@@ -3914,7 +4213,7 @@ var Combobox = React28.forwardRef(
           dir: direction,
           container: containerRef.current
         },
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React29.createElement(
           Command,
           {
             filter: (value2, search) => {
@@ -3923,7 +4222,7 @@ var Combobox = React28.forwardRef(
               return 0;
             }
           },
-          !props.hideInput && /* @__PURE__ */ React28.createElement(
+          !props.hideInput && /* @__PURE__ */ React29.createElement(
             CommandInput,
             {
               ...inputProps,
@@ -3931,8 +4230,8 @@ var Combobox = React28.forwardRef(
               placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
             }
           ),
-          /* @__PURE__ */ React28.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
-          /* @__PURE__ */ React28.createElement(CommandList, null, /* @__PURE__ */ React28.createElement(
+          /* @__PURE__ */ React29.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
+          /* @__PURE__ */ React29.createElement(CommandList, null, /* @__PURE__ */ React29.createElement(
             CommandGroup,
             {
               className: cn(
@@ -3940,7 +4239,7 @@ var Combobox = React28.forwardRef(
                 data.length > 0 && "hawa-overflow-y-auto"
               )
             },
-            data.map((item, i) => /* @__PURE__ */ React28.createElement(
+            data.map((item, i) => /* @__PURE__ */ React29.createElement(
               CommandItem,
               {
                 key: i,
@@ -3957,7 +4256,7 @@ var Combobox = React28.forwardRef(
                   setOpen(false);
                 }
               },
-              /* @__PURE__ */ React28.createElement(
+              /* @__PURE__ */ React29.createElement(
                 "svg",
                 {
                   "aria-label": "Check Icon",
@@ -3976,7 +4275,7 @@ var Combobox = React28.forwardRef(
                   ),
                   style: { marginInlineEnd: "0.5rem" }
                 },
-                /* @__PURE__ */ React28.createElement("polyline", { points: "20 6 9 17 4 12" })
+                /* @__PURE__ */ React29.createElement("polyline", { points: "20 6 9 17 4 12" })
               ),
               renderOption ? renderOption(item) : getProperty(item, labelKey)
             ))
@@ -3988,8 +4287,8 @@ var Combobox = React28.forwardRef(
 );
 
 // elements/textarea/Textarea.tsx
-import * as React29 from "react";
-var Textarea = React29.forwardRef(
+import * as React30 from "react";
+var Textarea = React30.forwardRef(
   ({
     className,
     classNames,
@@ -4001,7 +4300,7 @@ var Textarea = React29.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React30.createElement(
       "div",
       {
         className: cn(
@@ -4010,7 +4309,7 @@ var Textarea = React29.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React29.createElement(Label2, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React30.createElement(Label2, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React30.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -4019,25 +4318,25 @@ var Textarea = React29.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React29.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React29.createElement(
+      isLoading ? /* @__PURE__ */ React30.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React30.createElement(
         "textarea",
         {
           ...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
         }
       ),
-      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React29.createElement(HelperText, { helperText: props.helperText }), showCount && countPosition === "bottom" && /* @__PURE__ */ React29.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
+      /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React30.createElement(HelperText, { helperText: props.helperText }), showCount && countPosition === "bottom" && /* @__PURE__ */ React30.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );
 Textarea.displayName = "Textarea";
 
 // elements/fileDropzone/FileDropzone.tsx
-import React30, { useEffect as useEffect6, useState as useState8 } from "react";
+import React31, { useEffect as useEffect6, useState as useState8 } from "react";
 import { useDropzone } from "react-dropzone";
 import clsx2 from "clsx";
 var FileDropzone = ({
@@ -4115,7 +4414,7 @@ var FileDropzone = ({
   const errs = fileRejections.map((rej, i) => {
     switch (rej.errors[0].code) {
       case "file-too-large":
-        return /* @__PURE__ */ React30.createElement(
+        return /* @__PURE__ */ React31.createElement(
           Alert,
           {
             key: i,
@@ -4125,7 +4424,7 @@ var FileDropzone = ({
           }
         );
       case "too-many-files":
-        return /* @__PURE__ */ React30.createElement(
+        return /* @__PURE__ */ React31.createElement(
           Alert,
           {
             key: i,
@@ -4135,7 +4434,7 @@ var FileDropzone = ({
           }
         );
       case "file-invalid-type":
-        return /* @__PURE__ */ React30.createElement(
+        return /* @__PURE__ */ React31.createElement(
           Alert,
           {
             key: i,
@@ -4145,7 +4444,7 @@ var FileDropzone = ({
           }
         );
       default:
-        return /* @__PURE__ */ React30.createElement(
+        return /* @__PURE__ */ React31.createElement(
           Alert,
           {
             key: i,
@@ -4156,7 +4455,7 @@ var FileDropzone = ({
         );
     }
   });
-  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ React30.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ React30.createElement(
+  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ React31.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ React31.createElement(
     "button",
     {
       onClick: (e) => {
@@ -4169,7 +4468,7 @@ var FileDropzone = ({
       className: "hawa-absolute hawa-left-0 hawa-ml-auto hawa-inline-flex hawa-items-center hawa-rounded-inner hawa-rounded-bl-none hawa-rounded-tr-none hawa-bg-gray-900 hawa-p-1.5 hawa-text-sm hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-200 hover:hawa-text-gray-900 dark:hover:hawa-bg-gray-600 dark:hover:hawa-text-white",
       "data-modal-toggle": "defaultModal"
     },
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React31.createElement(
       "svg",
       {
         "aria-hidden": "true",
@@ -4177,7 +4476,7 @@ var FileDropzone = ({
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React31.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -4186,8 +4485,8 @@ var FileDropzone = ({
         }
       )
     ),
-    /* @__PURE__ */ React30.createElement("span", { className: "hawa-sr-only" }, "Close modal")
-  ), /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React31.createElement("span", { className: "hawa-sr-only" }, "Close modal")
+  ), /* @__PURE__ */ React31.createElement(
     "div",
     {
       style: {
@@ -4206,15 +4505,15 @@ var FileDropzone = ({
       key: file.name
     }
   )));
-  return /* @__PURE__ */ React30.createElement("div", null, label && /* @__PURE__ */ React30.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement("div", null, label && /* @__PURE__ */ React31.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ React31.createElement(
     "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__ */ React30.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ React30.createElement("p", { ...getInputProps() }), /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ React30.createElement(
+    /* @__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(
       "svg",
       {
         stroke: "currentColor",
@@ -4226,28 +4525,28 @@ var FileDropzone = ({
         height: "1.5em",
         width: "1.5em"
       },
-      /* @__PURE__ */ React30.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M3 3l0 .01" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M7 3l0 .01" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M11 3l0 .01" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M15 3l0 .01" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M3 7l0 .01" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M3 11l0 .01" }),
-      /* @__PURE__ */ React30.createElement("path", { d: "M3 15l0 .01" })
-    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ React30.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ React30.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__ */ React30.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ React30.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
-    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ React30.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__ */ React30.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
-  ), disclaimer && /* @__PURE__ */ React30.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__ */ React30.createElement(
+      /* @__PURE__ */ React31.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ React31.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ React31.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
+      /* @__PURE__ */ React31.createElement("path", { d: "M3 3l0 .01" }),
+      /* @__PURE__ */ React31.createElement("path", { d: "M7 3l0 .01" }),
+      /* @__PURE__ */ React31.createElement("path", { d: "M11 3l0 .01" }),
+      /* @__PURE__ */ React31.createElement("path", { d: "M15 3l0 .01" }),
+      /* @__PURE__ */ React31.createElement("path", { d: "M3 7l0 .01" }),
+      /* @__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,
+    /* @__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",
     {
       href: termsLink,
       className: "clickable-link hawa-text-muted-foreground/50"
     },
     (_d = texts.terms) != null ? _d : "Terms"
-  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ React30.createElement(
+  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ React31.createElement(
     "a",
     {
       href: privacyLink,
@@ -4258,9 +4557,9 @@ var FileDropzone = ({
 };
 
 // elements/sortButton/SortButton.tsx
-import React31 from "react";
+import React32 from "react";
 var SortButton = (props) => {
-  return /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React32.createElement(
     Button,
     {
       variant: "ghost",
@@ -4272,7 +4571,7 @@ var SortButton = (props) => {
       onClick: props.onSort
     },
     props.label,
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React32.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -4284,16 +4583,16 @@ var SortButton = (props) => {
         strokeLinejoin: "round",
         className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
       },
-      /* @__PURE__ */ React31.createElement("path", { d: "m21 16-4 4-4-4" }),
-      /* @__PURE__ */ React31.createElement("path", { d: "M17 20V4" }),
-      /* @__PURE__ */ React31.createElement("path", { d: "m3 8 4-4 4 4" }),
-      /* @__PURE__ */ React31.createElement("path", { d: "M7 4v16" })
+      /* @__PURE__ */ React32.createElement("path", { d: "m21 16-4 4-4-4" }),
+      /* @__PURE__ */ React32.createElement("path", { d: "M17 20V4" }),
+      /* @__PURE__ */ React32.createElement("path", { d: "m3 8 4-4 4 4" }),
+      /* @__PURE__ */ React32.createElement("path", { d: "M7 4v16" })
     )
   );
 };
 
 // elements/tabs/Tabs.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 
 // hooks/useIsomorphicEffect.ts
 import { useEffect as useEffect7, useLayoutEffect } from "react";
@@ -4306,7 +4605,7 @@ import { useState as useState9 } from "react";
 import { useEffect as useEffect8, useRef as useRef6, useState as useState10 } from "react";
 
 // hooks/useToast.ts
-import * as React34 from "react";
+import * as React35 from "react";
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -4392,8 +4691,8 @@ function toast({ ...props }) {
   return { id, dismiss, update };
 }
 function useToast() {
-  const [state, setState] = React34.useState(memoryState);
-  React34.useEffect(() => {
+  const [state, setState] = React35.useState(memoryState);
+  React35.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -4864,15 +5163,15 @@ import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { tv } from "tailwind-variants";
 
 // elements/scrollArea/ScrollArea.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-var ScrollArea = React40.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
-  const scrollAreaRef = React40.useRef(null);
-  const isDragging = React40.useRef(false);
-  const startPos = React40.useRef({ x: 0, y: 0 });
-  const scrollPos = React40.useRef({ top: 0, left: 0 });
-  const [showLeftFade, setShowLeftFade] = React40.useState(false);
-  const [showRightFade, setShowRightFade] = React40.useState(false);
+var ScrollArea = React41.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
+  const scrollAreaRef = React41.useRef(null);
+  const isDragging = React41.useRef(false);
+  const startPos = React41.useRef({ x: 0, y: 0 });
+  const scrollPos = React41.useRef({ top: 0, left: 0 });
+  const [showLeftFade, setShowLeftFade] = React41.useState(false);
+  const [showRightFade, setShowRightFade] = React41.useState(false);
   const checkOverflow = () => {
     if (scrollAreaRef.current) {
       const { scrollLeft, scrollWidth, clientWidth } = scrollAreaRef.current;
@@ -4909,7 +5208,7 @@ var ScrollArea = React40.forwardRef(({ className, children, orientation = "verti
     document.removeEventListener("mousemove", onMouseMove);
     document.removeEventListener("mouseup", onMouseUp);
   };
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     checkOverflow();
     if (scrollAreaRef.current) {
       scrollAreaRef.current.addEventListener("scroll", checkOverflow);
@@ -4922,32 +5221,32 @@ var ScrollArea = React40.forwardRef(({ className, children, orientation = "verti
       window.removeEventListener("resize", checkOverflow);
     };
   }, []);
-  return /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement(
     ScrollAreaPrimitive.Root,
     {
       ref,
       className: cn("hawa-relative hawa-overflow-hidden", className),
       ...props
     },
-    /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React41.createElement(
       "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"
         )
       }
     ),
-    /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React41.createElement(
       "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"
         )
       }
     ),
-    /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React41.createElement(
       ScrollAreaPrimitive.Viewport,
       {
         ref: scrollAreaRef,
@@ -4956,12 +5255,12 @@ var ScrollArea = React40.forwardRef(({ className, children, orientation = "verti
       },
       children
     ),
-    /* @__PURE__ */ React40.createElement(ScrollBar, { orientation }),
-    /* @__PURE__ */ React40.createElement(ScrollAreaPrimitive.Corner, null)
+    /* @__PURE__ */ React41.createElement(ScrollBar, { orientation }),
+    /* @__PURE__ */ React41.createElement(ScrollAreaPrimitive.Corner, null)
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React40.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React40.createElement(
+var ScrollBar = React41.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React41.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -4974,7 +5273,7 @@ var ScrollBar = React40.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React40.createElement(
+  /* @__PURE__ */ React41.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -5045,9 +5344,9 @@ var tabsTriggerVariant = tv({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React41.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
-var Tabs = React41.forwardRef(
-  ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React41.createElement(
+var TabsContext = React42.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
+var Tabs = React42.forwardRef(
+  ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React42.createElement(
     TabsPrimitive.Root,
     {
       ref,
@@ -5058,14 +5357,14 @@ var Tabs = React41.forwardRef(
       ),
       ...props
     },
-    /* @__PURE__ */ React41.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
+    /* @__PURE__ */ React42.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
   )
 );
-var TabsList = React41.forwardRef(({ className, classNames, ...props }, ref) => {
-  const { orientation, variant, scrollable } = React41.useContext(TabsContext);
+var TabsList = React42.forwardRef(({ className, classNames, ...props }, ref) => {
+  const { orientation, variant, scrollable } = React42.useContext(TabsContext);
   const { width } = useViewportSize();
   if (scrollable && width < 768 && orientation === "horizontal") {
-    return /* @__PURE__ */ React41.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React41.createElement(
+    return /* @__PURE__ */ React42.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React42.createElement(
       TabsPrimitive.List,
       {
         ref,
@@ -5078,7 +5377,7 @@ var TabsList = React41.forwardRef(({ className, classNames, ...props }, ref) =>
       }
     ));
   } else {
-    return /* @__PURE__ */ React41.createElement(
+    return /* @__PURE__ */ React42.createElement(
       TabsPrimitive.List,
       {
         ref,
@@ -5093,11 +5392,11 @@ var TabsList = React41.forwardRef(({ className, classNames, ...props }, ref) =>
     );
   }
 });
-var TabsTrigger = React41.forwardRef(
+var TabsTrigger = React42.forwardRef(
   ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
-    const { orientation, variant } = React41.useContext(TabsContext);
+    const { orientation, variant } = React42.useContext(TabsContext);
     if (withPopover) {
-      return /* @__PURE__ */ React41.createElement(Popover2.Root, { open: props.showPopover }, /* @__PURE__ */ React41.createElement(Popover2.Anchor, { asChild: true }, /* @__PURE__ */ React41.createElement(
+      return /* @__PURE__ */ React42.createElement(Popover2.Root, { open: props.showPopover }, /* @__PURE__ */ React42.createElement(Popover2.Anchor, { asChild: true }, /* @__PURE__ */ React42.createElement(
         TabsPrimitive.Trigger,
         {
           className: cn(
@@ -5108,8 +5407,8 @@ var TabsTrigger = React41.forwardRef(
           ...props
         },
         props.children,
-        chipProps && /* @__PURE__ */ React41.createElement(Chip, { ...chipProps })
-      )), /* @__PURE__ */ React41.createElement(
+        chipProps && /* @__PURE__ */ React42.createElement(Chip, { ...chipProps })
+      )), /* @__PURE__ */ React42.createElement(
         Popover2.Content,
         {
           onClick: onPopoverClick,
@@ -5119,10 +5418,10 @@ var TabsTrigger = React41.forwardRef(
             "hawa-arrow-default-top hawa-mt-2"
           )
         },
-        /* @__PURE__ */ React41.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
+        /* @__PURE__ */ React42.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
       ));
     } else {
-      return /* @__PURE__ */ React41.createElement(
+      return /* @__PURE__ */ React42.createElement(
         TabsPrimitive.Trigger,
         {
           className: cn(
@@ -5133,12 +5432,12 @@ var TabsTrigger = React41.forwardRef(
           ...props
         },
         props.children,
-        chipProps && /* @__PURE__ */ React41.createElement(Chip, { ...chipProps })
+        chipProps && /* @__PURE__ */ React42.createElement(Chip, { ...chipProps })
       );
     }
   }
 );
-var TabsContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+var TabsContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -5155,7 +5454,7 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // elements/select/Select.tsx
-import React42 from "react";
+import React43 from "react";
 import ReactSelect from "react-select";
 import CreatableSelect from "react-select/creatable";
 import clsx3 from "clsx";
@@ -5166,10 +5465,10 @@ var Select = ({
 }) => {
   const NoOption = () => {
     var _a, _b;
-    return /* @__PURE__ */ React42.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+    return /* @__PURE__ */ React43.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ React42.createElement(
+    return /* @__PURE__ */ React43.createElement(
       "div",
       {
         ref: innerRef,
@@ -5182,7 +5481,7 @@ var Select = ({
     );
   };
   const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ React42.createElement(
+    return /* @__PURE__ */ React43.createElement(
       "div",
       {
         ref: innerRef,
@@ -5203,13 +5502,13 @@ var Select = ({
     ...menuProps
   }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ React42.createElement(
+    return /* @__PURE__ */ React43.createElement(
       "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
@@ -5221,7 +5520,7 @@ var Select = ({
   let selectContainerStyles = "hawa-rounded hawa-block hawa-w-full hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm";
   let selectPlaceholderStyles = "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1";
   let selectIndicatorContainerStyles = "hawa-cursor-pointer hawa-text-muted-foreground hawa-absolute hawa-end-0 hawa-top-[50%] hawa-bottom-[50%] ";
-  return /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(
     "div",
     {
       className: cn(
@@ -5229,10 +5528,10 @@ var Select = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ React42.createElement(Label2, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ React42.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+    props.label && /* @__PURE__ */ React43.createElement(Label2, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ React43.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
       //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ React42.createElement(
+      /* @__PURE__ */ React43.createElement(
         ReactSelect,
         {
           noOptionsMessage: NoOption,
@@ -5266,7 +5565,7 @@ var Select = ({
             //     {...e}
             //   />
             // ),
-            ValueContainer: (e) => /* @__PURE__ */ React42.createElement(
+            ValueContainer: (e) => /* @__PURE__ */ React43.createElement(
               "div",
               {
                 className: cn(
@@ -5276,7 +5575,7 @@ var Select = ({
                 ...e
               }
             ),
-            MultiValueContainer: (e) => /* @__PURE__ */ React42.createElement(
+            MultiValueContainer: (e) => /* @__PURE__ */ React43.createElement(
               "div",
               {
                 className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
@@ -5295,7 +5594,7 @@ var Select = ({
           isSearchable: props.isSearchable
         }
       )
-    ) : /* @__PURE__ */ React42.createElement(
+    ) : /* @__PURE__ */ React43.createElement(
       CreatableSelect,
       {
         formatCreateLabel: (inputValue) => {
@@ -5325,20 +5624,20 @@ var Select = ({
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    !props.hideHelperText && /* @__PURE__ */ React42.createElement(HelperText, { helperText: props.helperText })
+    !props.hideHelperText && /* @__PURE__ */ React43.createElement(HelperText, { helperText: props.helperText })
   );
 };
 
 // elements/switch/Switch.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-var Switch = React43.forwardRef(
+var Switch = React44.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React43.useState(
+    const [parentDirection, setParentDirection] = React44.useState(
       null
     );
-    const parentRef = React43.useRef(null);
-    React43.useEffect(() => {
+    const parentRef = React44.useRef(null);
+    React44.useEffect(() => {
       var _a;
       const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
@@ -5366,13 +5665,13 @@ var Switch = React43.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React43.createElement(
+    return /* @__PURE__ */ React44.createElement(
       "div",
       {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
       },
-      /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React44.createElement(
         SwitchPrimitives.Root,
         {
           className: cn(
@@ -5386,12 +5685,12 @@ var Switch = React43.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React43.createElement(
+        /* @__PURE__ */ React44.createElement(
           SwitchPrimitives.Thumb,
           {
             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],
@@ -5400,148 +5699,12 @@ var Switch = React43.forwardRef(
           }
         )
       ),
-      label && /* @__PURE__ */ React43.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
+      label && /* @__PURE__ */ React44.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 React44 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-var Checkbox = ({
-  id,
-  label,
-  sublabel,
-  helperText,
-  disabled,
-  size = "default",
-  radius = "inherit",
-  ...props
-}) => {
-  let labelLineHeightStyles = {
-    xs: sublabel || helperText ? 0.5 : 0.1,
-    sm: 0.6,
-    default: 1,
-    md: 0.8,
-    lg: 0.9,
-    xl: 1
-  };
-  return /* @__PURE__ */ React44.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-flex hawa-gap-2",
-        size === "default" ? "hawa-items-top" : "hawa-items-center"
-      )
-    },
-    /* @__PURE__ */ React44.createElement(
-      CheckboxElement,
-      {
-        ...props,
-        size,
-        radius,
-        disabled,
-        id
-      }
-    ),
-    (label || helperText) && /* @__PURE__ */ React44.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React44.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
-          disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
-        ),
-        style: {
-          // lineHeight: labelLineHeightStyles[size]
-          lineHeight: 1
-        }
-      },
-      label
-    ), sublabel && /* @__PURE__ */ React44.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "hawa-w-fit hawa-select-none hawa-text-sm hawa-text-muted-foreground",
-          disabled ? "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70" : "hawa-cursor-pointer"
-        )
-      },
-      sublabel
-    ), helperText && !disabled && /* @__PURE__ */ React44.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "hawa-w-fit hawa-select-none hawa-text-xs hawa-text-helper-color",
-          disabled && "hawa-cursor-not-allowed hawa-opacity-70"
-        )
-      },
-      helperText
-    ))
-  );
-};
-var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
-  let checkboxRadius = {
-    none: "hawa-rounded-none",
-    inherit: "hawa-rounded-sm",
-    full: "hawa-rounded-full"
-  };
-  let checkboxSizes = {
-    xs: "hawa-w-3 hawa-h-3",
-    sm: "hawa-w-6 hawa-h-6",
-    default: "hawa-icon",
-    md: "hawa-w-8 hawa-h-8",
-    lg: "hawa-w-10 hawa-h-10",
-    xl: "hawa-w-12 hawa-h-12"
-  };
-  let checkboxIndicatorSizes = {
-    xs: "0.5em",
-    default: "0.60em",
-    sm: "0.75em",
-    md: "0.875em",
-    lg: "1em",
-    xl: "1.25em"
-  };
-  return /* @__PURE__ */ React44.createElement(
-    CheckboxPrimitive.Root,
-    {
-      ref,
-      className: cn(
-        "hawa-peer hawa-shrink-0  hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
-        checkboxSizes[size],
-        checkboxRadius[radius],
-        className
-      ),
-      ...props
-    },
-    /* @__PURE__ */ React44.createElement(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn(
-          "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
-        )
-      },
-      /* @__PURE__ */ React44.createElement(
-        "svg",
-        {
-          "aria-label": "Check Mark",
-          stroke: "currentColor",
-          fill: "currentColor",
-          strokeWidth: "0",
-          viewBox: "0 0 512 512",
-          height: checkboxIndicatorSizes[size],
-          width: checkboxIndicatorSizes[size]
-        },
-        /* @__PURE__ */ React44.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" })
-      ),
-      " "
-    )
-  );
-});
-CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
-
 // elements/progress/Progress.tsx
 import * as React45 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
@@ -5688,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"
       )
@@ -7452,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",
@@ -7462,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
     }
@@ -7767,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"
           )
         }
       ),
@@ -8282,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
       )
     },
@@ -8469,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
         )
@@ -8479,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
           )
         },
@@ -8488,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
@@ -8509,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(
@@ -8544,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"
             )
@@ -8599,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(
@@ -8654,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"
       )
@@ -8672,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" })
     )
@@ -8682,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"
       )
@@ -8694,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" })
     )
@@ -8876,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(
@@ -9040,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" })
           )
@@ -9084,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"
       )
@@ -9192,7 +9355,7 @@ var SidebarItem = ({
       AccordionItem2,
       {
         value: item.value,
-        className: "hawa-overflow-x-clip ",
+        className: "hawa-overflow-x-clip",
         dir: direction
       },
       /* @__PURE__ */ React72.createElement(
@@ -9200,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" : ""
@@ -9219,7 +9382,7 @@ var SidebarItem = ({
             "span",
             {
               className: cn(
-                "hawa-transition-all ",
+                "hawa-transition-all",
                 isOpen ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
@@ -9254,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)
             )
@@ -9286,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(
@@ -9329,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",
@@ -9346,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,
@@ -9358,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(
@@ -9410,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: {
@@ -9560,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)
         ),
@@ -9583,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",
@@ -9643,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
         ),
@@ -9705,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: {
@@ -9739,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",
@@ -9763,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",
@@ -9812,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",
@@ -9866,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",
@@ -10104,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",
@@ -10123,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"
@@ -10192,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)
@@ -10295,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
@@ -10311,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",
@@ -10358,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"
       ),
@@ -10388,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)`,
@@ -10644,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?"
         )));
@@ -11195,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
@@ -11203,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,
         {
@@ -11276,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",
@@ -11291,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
@@ -11559,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",
@@ -11770,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]
       )
     },
@@ -11778,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"
         )
@@ -11834,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")))
     )
   );
@@ -11881,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,
@@ -11899,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
@@ -11908,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",
@@ -11926,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,
@@ -11995,9 +12158,8 @@ var FeedbackForm = (props) => {
             console.log("Form is submitted but onSubmit prop is missing");
           }
         }),
-        className: "hawa-flex hawa-flex-col hawa-gap-2"
+        className: "hawa-flex hawa-flex-col hawa-gap-4"
       },
-      /* @__PURE__ */ React92.createElement(Label2, null),
       /* @__PURE__ */ React92.createElement(
         Controller7,
         {
@@ -12069,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
         )
       },
@@ -12081,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",
@@ -12110,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
@@ -12165,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,
       {
@@ -12180,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",
@@ -12437,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",
@@ -12502,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",
@@ -12547,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,
@@ -12562,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(
@@ -12612,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) || "",
@@ -12706,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
       ),
@@ -12726,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",
@@ -12760,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(
@@ -12909,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,
@@ -12924,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"
           )
         },
@@ -12988,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",
@@ -13028,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",
@@ -13065,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(
@@ -13113,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