@sikka/hawa 0.40.1-next → 0.41.0-next

package/dist/index.mjs

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