@sikka/hawa 0.40.1-next → 0.41.1-next

package/dist/index.js

@@ -334,7 +334,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
   }
 ));
@@ -765,7 +765,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
@@ -786,7 +786,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" })
@@ -1077,7 +1077,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
               )
@@ -1583,6 +1583,91 @@ var Logos = {
     },
     /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ import_react6.default.createElement("title", null, "Telegram"),
+    /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ import_react6.default.createElement("title", null, "YouTube"),
+    /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ import_react6.default.createElement("title", null, "TikTok"),
+    /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ import_react6.default.createElement("title", null, "LinkedIn"),
+    /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ import_react6.default.createElement("title", null, "Behance"),
+    /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react6.default.createElement(
     "path",
     {
@@ -1783,7 +1868,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
     ),
@@ -1835,7 +1920,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",
@@ -1844,7 +1929,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",
   {
@@ -1856,7 +1941,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
@@ -2114,7 +2199,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
@@ -2205,8 +2290,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(
@@ -2355,7 +2440,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
   );
@@ -2634,7 +2719,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"
         ),
@@ -2737,7 +2822,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
@@ -2795,9 +2880,145 @@ var Avatar = ({
 };
 
 // elements/dataTable/DataTable.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 
+// elements/checkbox/Checkbox.tsx
+var React21 = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@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
 var import_react11 = __toESM(require("react"));
 var Input = (0, import_react11.forwardRef)(
@@ -2856,7 +3077,7 @@ var Input = (0, import_react11.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react11.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react11.default.createElement(
         "span",
         {
           className: cn(
@@ -2922,7 +3143,7 @@ var Input = (0, import_react11.forwardRef)(
           ...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,
@@ -2936,7 +3157,7 @@ var Input = (0, import_react11.forwardRef)(
         "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"
           )
         },
@@ -2962,8 +3183,8 @@ var Input = (0, import_react11.forwardRef)(
 );
 
 // elements/table/Table.tsx
-var React22 = __toESM(require("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(
+var React23 = __toESM(require("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,
@@ -2971,7 +3192,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,
@@ -2979,18 +3200,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
       ),
@@ -2998,8 +3219,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,
@@ -3010,7 +3231,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,
@@ -3023,14 +3244,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,
@@ -3040,7 +3261,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",
@@ -3051,7 +3272,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,
@@ -3079,27 +3300,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 = (0, import_react_table.useReactTable)({
     data,
-    columns,
+    columns: mainColumns,
     onExpandedChange: setExpanded,
     getExpandedRowModel: (0, import_react_table.getExpandedRowModel)(),
     onGlobalFilterChange: setGlobalFilter,
@@ -3125,10 +3380,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) => {
@@ -3143,7 +3398,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: "" },
@@ -3154,7 +3409,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(""),
@@ -3162,7 +3417,7 @@ var DataTable = ({
           size: "smallIcon",
           "aria-label": "Clear Search"
         },
-        /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React24.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3176,43 +3431,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,
@@ -3224,26 +3481,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 : (0, import_react_table.flexRender)(
@@ -3251,7 +3510,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,
@@ -3259,15 +3518,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
           },
           (0, import_react_table.flexRender)(
             cell.column.columnDef.cell,
@@ -3275,7 +3536,7 @@ var DataTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React23.createElement(TableRow, null, /* @__PURE__ */ React23.createElement(
+    )) : /* @__PURE__ */ React24.createElement(TableRow, null, /* @__PURE__ */ React24.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -3283,169 +3544,207 @@ 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
+        },
+        /* @__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"
+          )
         },
-        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(
+          "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" })
-      )
-    ))))
+      ))))
+    )
   ));
 };
 
@@ -3535,7 +3834,7 @@ var BackToTop = ({ ...props }) => {
       "svg",
       {
         className: cn(
-          "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all  disabled:hawa-bg-gray-200"
+          "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all disabled:hawa-bg-gray-200"
         ),
         "aria-label": "Arrow Icon",
         viewBox: "0 0 20 20",
@@ -3550,10 +3849,10 @@ var BackToTop = ({ ...props }) => {
 var import_react13 = __toESM(require("react"));
 
 // elements/popover/Popover.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@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,
@@ -3586,7 +3885,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",
@@ -3594,7 +3893,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React26.createElement(
     PopoverContent,
     {
       side,
@@ -3829,11 +4128,11 @@ var Radio = (0, import_react13.forwardRef)(
             {
               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__ */ import_react13.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+            /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
           )))
         );
       default:
@@ -3871,7 +4170,7 @@ var Radio = (0, import_react13.forwardRef)(
               {
                 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"
                 )
               },
@@ -3885,14 +4184,14 @@ var Radio = (0, import_react13.forwardRef)(
 );
 
 // elements/combobox/Combobox.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
 
 // elements/command/Command.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_react_dialog = require("@radix-ui/react-dialog");
 var import_cmdk = require("cmdk");
-var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+var Command = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
   import_cmdk.Command,
   {
     ref,
@@ -3904,15 +4203,15 @@ var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React27.createElement(import_react_dialog.Dialog, { ...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(import_react_dialog.Dialog, { ...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",
@@ -3927,10 +4226,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(
     import_cmdk.Command.Input,
     {
       ref,
@@ -3942,7 +4241,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(
   import_cmdk.Command.List,
   {
     ref,
@@ -3953,7 +4252,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(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -3961,7 +4260,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(
   import_cmdk.Command.Group,
   {
     ref,
@@ -3972,7 +4271,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(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -3980,7 +4279,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(
   import_cmdk.Command.Item,
   {
     ref,
@@ -3995,7 +4294,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "span",
     {
       className: cn(
@@ -4012,22 +4311,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,
@@ -4037,12 +4336,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;
     }))
@@ -4053,13 +4352,13 @@ var AppCommand = ({
   dialogProps,
   onActionClick
 }) => {
-  return /* @__PURE__ */ React27.createElement(import_react_dialog.Dialog, { ...dialogProps }, /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(import_react_dialog.Dialog, { ...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";
@@ -4072,7 +4371,7 @@ Command.displayName = import_cmdk.Command.displayName;
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
 
 // elements/combobox/Combobox.tsx
-var Combobox = React28.forwardRef(
+var Combobox = React29.forwardRef(
   ({
     labelKey = "label",
     valueKey = "value",
@@ -4087,9 +4386,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);
     }
@@ -4101,7 +4400,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(
@@ -4110,8 +4409,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(
@@ -4119,19 +4418,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",
@@ -4147,9 +4446,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,
@@ -4157,7 +4456,7 @@ var Combobox = React28.forwardRef(
           dir: direction,
           container: containerRef.current
         },
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React29.createElement(
           Command,
           {
             filter: (value2, search) => {
@@ -4166,7 +4465,7 @@ var Combobox = React28.forwardRef(
               return 0;
             }
           },
-          !props.hideInput && /* @__PURE__ */ React28.createElement(
+          !props.hideInput && /* @__PURE__ */ React29.createElement(
             CommandInput,
             {
               ...inputProps,
@@ -4174,8 +4473,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(
@@ -4183,7 +4482,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,
@@ -4200,7 +4499,7 @@ var Combobox = React28.forwardRef(
                   setOpen(false);
                 }
               },
-              /* @__PURE__ */ React28.createElement(
+              /* @__PURE__ */ React29.createElement(
                 "svg",
                 {
                   "aria-label": "Check Icon",
@@ -4219,7 +4518,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)
             ))
@@ -4231,8 +4530,8 @@ var Combobox = React28.forwardRef(
 );
 
 // elements/textarea/Textarea.tsx
-var React29 = __toESM(require("react"));
-var Textarea = React29.forwardRef(
+var React30 = __toESM(require("react"));
+var Textarea = React30.forwardRef(
   ({
     className,
     classNames,
@@ -4244,7 +4543,7 @@ var Textarea = React29.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React30.createElement(
       "div",
       {
         className: cn(
@@ -4253,7 +4552,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"
@@ -4262,18 +4561,18 @@ 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))
     );
   }
 );
@@ -4453,8 +4752,8 @@ var FileDropzone = ({
     "div",
     {
       className: (0, import_clsx2.default)(
-        "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__ */ import_react14.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react14.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react14.default.createElement(
@@ -4480,8 +4779,8 @@ var FileDropzone = ({
       /* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 11l0 .01" }),
       /* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 15l0 .01" })
     ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ import_react14.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
-    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react14.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
+    acceptedFiles.length > 0 && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg hawa-p-2" }, /* @__PURE__ */ import_react14.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
+    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
   ), disclaimer && /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement(
     "a",
@@ -4536,7 +4835,7 @@ var SortButton = (props) => {
 };
 
 // elements/tabs/Tabs.tsx
-var React41 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 
 // hooks/useIsomorphicEffect.ts
 var import_react16 = require("react");
@@ -4549,7 +4848,7 @@ var import_react17 = require("react");
 var import_react18 = require("react");
 
 // hooks/useToast.ts
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -4635,8 +4934,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);
@@ -5107,15 +5406,15 @@ var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var import_tailwind_variants = require("tailwind-variants");
 
 // elements/scrollArea/ScrollArea.tsx
-var React40 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@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;
@@ -5152,7 +5451,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);
@@ -5165,32 +5464,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,
@@ -5199,12 +5498,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,
@@ -5217,7 +5516,7 @@ var ScrollBar = React40.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React40.createElement(
+  /* @__PURE__ */ React41.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -5288,9 +5587,9 @@ var tabsTriggerVariant = (0, import_tailwind_variants.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,
@@ -5301,14 +5600,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,
@@ -5321,7 +5620,7 @@ var TabsList = React41.forwardRef(({ className, classNames, ...props }, ref) =>
       }
     ));
   } else {
-    return /* @__PURE__ */ React41.createElement(
+    return /* @__PURE__ */ React42.createElement(
       TabsPrimitive.List,
       {
         ref,
@@ -5336,11 +5635,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(
@@ -5351,8 +5650,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,
@@ -5362,10 +5661,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(
@@ -5376,12 +5675,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,
@@ -5450,9 +5749,9 @@ var Select = ({
       "div",
       {
         className: cn(
-          "dark:dark-shadow  hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border hawa-bg-background hawa-shadow-md",
+          "dark:dark-shadow hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start hawa-rounded hawa-border hawa-bg-background hawa-shadow-md",
           props.phoneCode ? "hawa-p-1.5" : "hawa-w-full hawa-p-1.5",
-          menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 "
+          menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95"
         ),
         ref: innerRef,
         ...innerProps
@@ -5573,15 +5872,15 @@ var Select = ({
 };
 
 // elements/switch/Switch.tsx
-var React43 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@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) {
@@ -5609,13 +5908,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(
@@ -5629,12 +5928,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],
@@ -5643,148 +5942,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
-var React44 = __toESM(require("react"));
-var CheckboxPrimitive = __toESM(require("@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
 var React45 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
@@ -5931,7 +6094,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"
       )
@@ -7695,7 +7858,7 @@ var PhoneInput = ({
       value: countryCode == null ? void 0 : countryCode.label,
       defaultValue: props.preferredCountry
     }
-  ), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react39.default.createElement(
+  ), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react39.default.createElement(
     "input",
     {
       type: "tel",
@@ -7705,7 +7868,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
     }
@@ -8007,7 +8170,7 @@ var ProgressCircle = import_react44.default.forwardRef((props, ref) => {
           strokeLinecap: "round",
           className: cn(
             "hawa-transition-colors hawa-ease-linear",
-            " hawa-stroke-primary/20"
+            "hawa-stroke-primary/20"
           )
         }
       ),
@@ -8518,7 +8681,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
       )
     },
@@ -8705,7 +8868,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
         )
@@ -8715,7 +8878,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
           )
         },
@@ -8724,7 +8887,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
@@ -8745,7 +8908,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__ */ import_react51.default.createElement(
@@ -8780,7 +8943,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"
             )
@@ -8835,11 +8998,11 @@ var Carousel = ({
   const length = import_react52.default.Children.count(items);
   const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
   const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
-  return /* @__PURE__ */ import_react52.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react52.default.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__ */ import_react52.default.createElement(
@@ -8890,13 +9053,13 @@ var Dots = ({
   );
 };
 var CarouselControls = (props) => {
-  return /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2" }, /* @__PURE__ */ import_react52.default.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"
       )
@@ -8908,7 +9071,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__ */ import_react52.default.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" })
     )
@@ -8918,7 +9081,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"
       )
@@ -8930,7 +9093,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__ */ import_react52.default.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" })
     )
@@ -9112,7 +9275,7 @@ function Toaster(props) {
           )
         },
         /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react54.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react54.default.createElement(ToastDescription, { size }, description)),
-        action && /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex  hawa-flex-col hawa-justify-center" }, action)
+        action && /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-justify-center" }, action)
       )
     ));
   }), /* @__PURE__ */ import_react54.default.createElement(
@@ -9276,7 +9439,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__ */ import_react56.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
           )
@@ -9320,7 +9483,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"
       )
@@ -9428,7 +9591,7 @@ var SidebarItem = ({
       AccordionItem2,
       {
         value: item.value,
-        className: "hawa-overflow-x-clip ",
+        className: "hawa-overflow-x-clip",
         dir: direction
       },
       /* @__PURE__ */ React72.createElement(
@@ -9436,7 +9599,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" : ""
@@ -9455,7 +9618,7 @@ var SidebarItem = ({
             "span",
             {
               className: cn(
-                "hawa-transition-all ",
+                "hawa-transition-all",
                 isOpen ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
@@ -9490,7 +9653,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)
             )
@@ -9522,7 +9685,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(
@@ -9565,13 +9728,13 @@ var Navbar = ({
 }) => {
   var _a, _b;
   const [isOpen, setIsOpen] = (0, import_react60.useState)(false);
-  return /* @__PURE__ */ import_react60.default.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react60.default.createElement("nav", { className: "hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ import_react60.default.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__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ import_react60.default.createElement(
       "div",
       {
         className: "hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white",
@@ -9582,7 +9745,7 @@ var Navbar = ({
         }
       },
       logo
-    )), /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-hidden md:hawa-flex " }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ import_react60.default.createElement(
+    )), /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-hidden md:hawa-flex" }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ import_react60.default.createElement(
       "div",
       {
         key: i,
@@ -9594,7 +9757,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__ */ import_react60.default.createElement(
@@ -9646,7 +9809,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: {
@@ -9796,7 +9959,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__ */ import_react61.default.createElement(MenuIcon, null)
         ),
@@ -9819,7 +9982,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__ */ import_react61.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react61.default.createElement(
             "svg",
@@ -9879,7 +10042,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
         ),
@@ -9941,7 +10104,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: {
@@ -9975,7 +10138,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",
@@ -9999,11 +10162,11 @@ var AppLayout = ({
       open: size < 600 && openSideMenu,
       onOpenChange: setOpenSideMenu
     },
-    /* @__PURE__ */ import_react61.default.createElement(Dialog3.Portal, { container }, /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.createElement(Dialog3.Portal, { container }, /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.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",
@@ -10048,7 +10211,7 @@ var AppTopbar = ({ ...props }) => {
         /* @__PURE__ */ import_react62.default.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__ */ import_react62.default.createElement(
             "svg",
@@ -10102,7 +10265,7 @@ var AppTopbar = ({ ...props }) => {
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems || [],
           onItemSelect: (e) => console.log("selecting item ", e),
-          trigger: /* @__PURE__ */ import_react62.default.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__ */ import_react62.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react62.default.createElement(
+          trigger: /* @__PURE__ */ import_react62.default.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__ */ import_react62.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react62.default.createElement(
             "svg",
             {
               "aria-label": "Avatar Icon",
@@ -10340,7 +10503,7 @@ var AppTabs = ({ tabs, className }) => {
         className
       )
     },
-    /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
+    /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center" }, tabs.map((tab, index) => {
       const selected = index === selectedIndex;
       return /* @__PURE__ */ import_react63.default.createElement(
         "a",
@@ -10359,7 +10522,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"
@@ -10428,7 +10591,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)
@@ -10531,7 +10694,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
@@ -10547,7 +10710,7 @@ var DocsLayout = ({
         /* @__PURE__ */ import_react65.default.createElement(Sheet, null, /* @__PURE__ */ import_react65.default.createElement(SheetTrigger, null, " ", /* @__PURE__ */ import_react65.default.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__ */ import_react65.default.createElement(
             "svg",
@@ -10594,9 +10757,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"
       ),
@@ -10624,7 +10787,7 @@ var DocsLayout = ({
   ), /* @__PURE__ */ import_react65.default.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)`,
@@ -10875,7 +11038,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?"
         )));
@@ -11426,7 +11589,7 @@ var RegisterForm = ({
         /* @__PURE__ */ import_react69.default.createElement(
           Button,
           {
-            className: " hawa-w-full",
+            className: "hawa-w-full",
             type: "submit",
             isLoading: props.isLoading,
             disabled: props.isLoading
@@ -11434,7 +11597,7 @@ var RegisterForm = ({
           (texts == null ? void 0 : texts.registerText) || "Register"
         ),
         props.additionalButtons
-      )), props.onRouteToLogin && /* @__PURE__ */ import_react69.default.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__ */ import_react69.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react69.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
+      )), props.onRouteToLogin && /* @__PURE__ */ import_react69.default.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__ */ import_react69.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react69.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
       props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react69.default.createElement(
         CardFooter,
         {
@@ -11507,7 +11670,7 @@ var AppLanding = ({ texts, ...props }) => {
 // blocks/auth/CheckEmail.tsx
 var import_react71 = __toESM(require("react"));
 var CheckEmail = ({ texts, handleResend }) => {
-  return /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react71.default.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__ */ import_react71.default.createElement(
+  return /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react71.default.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__ */ import_react71.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -11522,7 +11685,7 @@ var CheckEmail = ({ texts, handleResend }) => {
     },
     /* @__PURE__ */ import_react71.default.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__ */ import_react71.default.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react71.default.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__ */ import_react71.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react71.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
+  )), /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react71.default.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__ */ import_react71.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react71.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 
 // blocks/auth/NewPassword.tsx
@@ -11790,7 +11953,7 @@ var CodeConfirmation = ({
         }
       }
     ),
-    showResendTimer ? /* @__PURE__ */ import_react74.default.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__ */ import_react74.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react74.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react74.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react74.default.createElement(
+    showResendTimer ? /* @__PURE__ */ import_react74.default.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__ */ import_react74.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react74.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react74.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -12001,7 +12164,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]
       )
     },
@@ -12009,7 +12172,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"
         )
@@ -12065,13 +12228,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__ */ import_react76.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react76.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react76.default.createElement("span", null, props.texts.most)),
+      props.texts && /* @__PURE__ */ import_react76.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react76.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react76.default.createElement("span", null, props.texts.most)),
       answered && /* @__PURE__ */ import_react76.default.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__ */ import_react76.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react76.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react76.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
     )
   );
@@ -12112,11 +12275,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__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react77.default.createElement(
+    /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5" }, emojis.map((emoji, i) => /* @__PURE__ */ import_react77.default.createElement(
       Button,
       {
         key: i,
@@ -12130,7 +12293,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
@@ -12139,11 +12302,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__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react77.default.createElement(
+      props.showSuccess ? /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react77.default.createElement(
         "svg",
         {
           stroke: "currentColor",
@@ -12157,7 +12320,7 @@ var FeedbackEmoji = (props) => {
       )), /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react77.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react77.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react77.default.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__ */ import_react77.default.createElement(
             Textarea,
@@ -12226,9 +12389,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__ */ import_react78.default.createElement(Label2, null),
       /* @__PURE__ */ import_react78.default.createElement(
         import_react_hook_form7.Controller,
         {
@@ -12300,7 +12462,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
         )
       },
@@ -12312,7 +12474,7 @@ var LegalTexts = ({ tabs, ...props }) => {
 // blocks/misc/EmptyState.tsx
 var import_react80 = __toESM(require("react"));
 var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react80.default.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__ */ import_react80.default.createElement(
+  return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react80.default.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__ */ import_react80.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -12341,7 +12503,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__ */ import_react81.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react81.default.createElement("div", null, /* @__PURE__ */ import_react81.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react81.default.createElement("div", null, " Chief Information Security Officer")))));
+  )), /* @__PURE__ */ import_react81.default.createElement("span", { className: "border border-l" }), " ", /* @__PURE__ */ import_react81.default.createElement("div", null, /* @__PURE__ */ import_react81.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react81.default.createElement("div", null, " Chief Information Security Officer")))));
 };
 
 // blocks/misc/LeadGenerator.tsx
@@ -12396,7 +12558,7 @@ var Announcement = ({
       headless: true,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
-    /* @__PURE__ */ import_react83.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react83.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
+    /* @__PURE__ */ import_react83.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center" }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react83.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
     /* @__PURE__ */ import_react83.default.createElement(
       Button,
       {
@@ -12411,13 +12573,13 @@ var Announcement = ({
 // blocks/misc/NotFound.tsx
 var import_react84 = __toESM(require("react"));
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ import_react84.default.createElement(Card, null, /* @__PURE__ */ import_react84.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react84.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react84.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react84.default.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__ */ import_react84.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react84.default.createElement(import_react84.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react84.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react84.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
+  return /* @__PURE__ */ import_react84.default.createElement(Card, null, /* @__PURE__ */ import_react84.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react84.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react84.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold" }, "404"), /* @__PURE__ */ import_react84.default.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__ */ import_react84.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react84.default.createElement(import_react84.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react84.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react84.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // blocks/misc/NoPermission.tsx
 var import_react85 = __toESM(require("react"));
 var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ import_react85.default.createElement(Card, null, /* @__PURE__ */ import_react85.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react85.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react85.default.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__ */ import_react85.default.createElement(
+  return /* @__PURE__ */ import_react85.default.createElement(Card, null, /* @__PURE__ */ import_react85.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react85.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react85.default.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__ */ import_react85.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -12668,7 +12830,7 @@ var ActionCard = (props) => {
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false)
     },
-    props.blank ? /* @__PURE__ */ import_react87.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ import_react87.default.createElement(
+    props.blank ? /* @__PURE__ */ import_react87.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center" }, /* @__PURE__ */ import_react87.default.createElement(
       "svg",
       {
         className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
@@ -12733,7 +12895,7 @@ var AdCard = ({
       className: cn(cardStyles[orientation], props.className),
       onClick: props.handleClick
     },
-    /* @__PURE__ */ import_react88.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ import_react88.default.createElement(
+    /* @__PURE__ */ import_react88.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start" }, /* @__PURE__ */ import_react88.default.createElement(
       "img",
       {
         src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
@@ -12778,9 +12940,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__ */ import_react89.default.createElement(import_react89.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react89.default.createElement(
     Skeleton,
@@ -12793,21 +12955,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__ */ import_react89.default.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__ */ import_react89.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react89.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react89.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react89.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react89.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react89.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react89.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react89.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react89.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react89.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react89.default.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__ */ import_react89.default.createElement(Separator2, null), /* @__PURE__ */ import_react89.default.createElement(
+    /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react89.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react89.default.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react89.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react89.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-flex hawa-items-baseline hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react89.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0" }) : /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react89.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react89.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react89.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react89.default.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__ */ import_react89.default.createElement(Separator2, null), /* @__PURE__ */ import_react89.default.createElement(
       "div",
       {
         className: cn(
@@ -12843,7 +13005,7 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react89.default.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__ */ import_react89.default.createElement(
+          ) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react89.default.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__ */ import_react89.default.createElement(
             Chip,
             {
               label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
@@ -12937,7 +13099,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
       ),
@@ -12957,7 +13119,7 @@ var ItemCard = ({
           clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
         )
       }
-    ), clickableImage && /* @__PURE__ */ import_react90.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react90.default.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__ */ import_react90.default.createElement(
+    ), clickableImage && /* @__PURE__ */ import_react90.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react90.default.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__ */ import_react90.default.createElement(
       Button,
       {
         variant: "secondary",
@@ -12991,7 +13153,7 @@ var ItemCard = ({
           )
         )
       }
-    ))), /* @__PURE__ */ import_react90.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react90.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react90.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react90.default.createElement(
+    ))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "hawa-mx-2" }, header && /* @__PURE__ */ import_react90.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight" }, header), content && /* @__PURE__ */ import_react90.default.createElement("span", { className: "hawa-w-full hawa-font-normal" }, content)), actions || counts ? /* @__PURE__ */ import_react90.default.createElement(
       "div",
       {
         className: cn(
@@ -13140,7 +13302,7 @@ var ComparingPlans = (props) => {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ import_react93.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react93.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ import_react93.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-text-md hawa-font-bold" }, plan.texts.title), /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground" }, plan.texts.subtitle)), /* @__PURE__ */ import_react93.default.createElement("div", { className: "hawa-flex hawa-items-baseline" }, /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react93.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal" }, "/ ", plan.texts.cycleText)))
     ))
   ), /* @__PURE__ */ import_react93.default.createElement(
     ScrollArea,
@@ -13155,7 +13317,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"
           )
         },
@@ -13219,7 +13381,7 @@ var ComparingPlans = (props) => {
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ import_react93.default.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__ */ import_react93.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ import_react93.default.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__ */ import_react93.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
     return /* @__PURE__ */ import_react93.default.createElement(
       "div",
@@ -13259,7 +13421,7 @@ var HorizontalPricing = (props) => {
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  return /* @__PURE__ */ import_react94.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react94.default.createElement(
+  return /* @__PURE__ */ import_react94.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "hawa-max-w-2xl" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react94.default.createElement(
     Radio,
     {
       name: "currency",
@@ -13296,8 +13458,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__ */ import_react94.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react94.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react94.default.createElement(
@@ -13344,7 +13506,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react94.default.createElement(impo
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ import_react94.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react94.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react94.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardText = (props) => /* @__PURE__ */ import_react94.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start" }, /* @__PURE__ */ import_react94.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react94.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
 var CardPrice = (props) => /* @__PURE__ */ import_react94.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react94.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
 // blocks/Usage.tsx