@sikka/hawa 0.48.1-next → 0.49.0-next

package/dist/dataTable/index.mjs

@@ -25,9 +25,7 @@ import { cva } from "class-variance-authority";
 
 // elements/helperText/HelperText.tsx
 import React from "react";
-var HelperText = ({
-  helperText
-}) => /* @__PURE__ */ React.createElement(
+var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
   "p",
   {
     className: cn(
@@ -78,38 +76,31 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ React2.createElement(
-    TooltipPrimitive.TooltipProvider,
+  return /* @__PURE__ */ React2.createElement(TooltipPrimitive.TooltipProvider, { delayDuration, ...providerProps }, /* @__PURE__ */ React2.createElement(
+    TooltipPrimitive.Root,
     {
-      delayDuration,
-      ...providerProps
+      open: !disabled && open,
+      defaultOpen,
+      onOpenChange,
+      ...props
     },
+    /* @__PURE__ */ React2.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ React2.createElement(
-      TooltipPrimitive.Root,
+      TooltipContent,
       {
-        open: !disabled && open,
-        defaultOpen,
-        onOpenChange,
-        ...props
+        size,
+        side,
+        align: "center",
+        ...contentProps,
+        style: {
+          ...contentProps == null ? void 0 : contentProps.style,
+          maxWidth: "var(--radix-tooltip-content-available-width)",
+          maxHeight: "var(--radix-tooltip-content-available-height)"
+        }
       },
-      /* @__PURE__ */ React2.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ React2.createElement(
-        TooltipContent,
-        {
-          size,
-          side,
-          align: "center",
-          ...contentProps,
-          style: {
-            ...contentProps == null ? void 0 : contentProps.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
-          }
-        },
-        content
-      )
+      content
     )
-  );
+  ));
 };
 
 // elements/label/Label.tsx
@@ -186,57 +177,42 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ React4.createElement(
+      return /* @__PURE__ */ React4.createElement("div", { className: cn("hawa-flex hawa-flex-row hawa-gap-2", classNames == null ? void 0 : classNames.container) }, /* @__PURE__ */ React4.createElement(
         "div",
         {
           className: cn(
-            "hawa-flex hawa-flex-row hawa-gap-2",
-            classNames == null ? void 0 : classNames.container
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
           )
-        },
-        /* @__PURE__ */ React4.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ React4.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ React4.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
+        }
+      ), /* @__PURE__ */ React4.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ React4.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
     case "square":
       return /* @__PURE__ */ React4.createElement(
         "svg",
         {
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          ),
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -277,11 +253,7 @@ var Loading = ({
           height: "37",
           width: "37",
           preserveAspectRatio: "xMidYMid meet",
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ React4.createElement(
           "path",
@@ -324,11 +296,7 @@ var Loading = ({
           viewBox: "0 0 40 40",
           height: "40",
           width: "40",
-          className: cn(
-            "circle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("circle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ React4.createElement(
           "circle",
@@ -496,16 +464,7 @@ var Checkbox = ({
         size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
-    /* @__PURE__ */ React6.createElement(
-      CheckboxElement,
-      {
-        ...props,
-        size,
-        radius,
-        disabled,
-        id
-      }
-    ),
+    /* @__PURE__ */ React6.createElement(CheckboxElement, { ...props, size, radius, disabled, id }),
     (label || helperText) && /* @__PURE__ */ React6.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React6.createElement(
       "label",
       {
@@ -580,9 +539,7 @@ var CheckboxElement = React6.forwardRef(({ radius = "inherit", size = "default",
     /* @__PURE__ */ React6.createElement(
       CheckboxPrimitive.Indicator,
       {
-        className: cn(
-          "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
-        )
+        className: cn("hawa-flex hawa-items-center hawa-justify-center hawa-text-current")
       },
       /* @__PURE__ */ React6.createElement(
         "svg",
@@ -771,17 +728,11 @@ var DropdownMenuSeparator = React7.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
+var DropdownMenuShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ React7.createElement(
     "span",
     {
-      className: cn(
-        "hawa-text-xs hawa-tracking-widest hawa-opacity-60",
-        className
-      ),
+      className: cn("hawa-text-xs hawa-tracking-widest hawa-opacity-60", className),
       ...props
     }
   );
@@ -818,178 +769,144 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
   };
-  let [values, setValues] = React7.useState(
-    items.map((item) => item.currentOption)
-  );
-  return /* @__PURE__ */ React7.createElement(
-    DropdownMenuRoot,
+  let [values, setValues] = React7.useState(items.map((item) => item.currentOption));
+  return /* @__PURE__ */ React7.createElement(DropdownMenuRoot, { onOpenChange, open, modal: false, dir: direction }, /* @__PURE__ */ React7.createElement(
+    DropdownMenuTrigger,
     {
-      onOpenChange,
-      open,
-      modal: false,
-      dir: direction
+      asChild: true,
+      className: cn(classNames == null ? void 0 : classNames.trigger, triggerClassname),
+      ...triggerProps
     },
-    /* @__PURE__ */ React7.createElement(
-      DropdownMenuTrigger,
-      {
-        asChild: true,
-        className: cn(classNames == null ? void 0 : classNames.trigger, triggerClassname),
-        ...triggerProps
-      },
-      trigger
-    ),
-    /* @__PURE__ */ React7.createElement(Portal, null, /* @__PURE__ */ React7.createElement(
-      DropdownMenuContent,
-      {
-        side,
-        sideOffset,
-        align,
-        alignOffset,
-        className: cn(
-          className,
-          classNames == null ? void 0 : classNames.content,
-          widthStyles[width],
-          "hawa-flex hawa-flex-col hawa-gap-1 hawa-overflow-y-auto"
-        ),
-        style: {
-          maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        },
-        ...contentProps
+    trigger
+  ), /* @__PURE__ */ React7.createElement(Portal, null, /* @__PURE__ */ React7.createElement(
+    DropdownMenuContent,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      className: cn(
+        className,
+        classNames == null ? void 0 : classNames.content,
+        widthStyles[width],
+        "hawa-flex hawa-flex-col hawa-gap-1 hawa-overflow-y-auto"
+      ),
+      style: {
+        maxHeight: "var(--radix-dropdown-menu-content-available-height)"
       },
-      header && header,
-      items && items.map((item, index) => {
-        var _a;
-        const ItemLinkComponent = item.slug ? LinkComponent : "a";
-        if (item.itemType === "separator") {
-          return /* @__PURE__ */ React7.createElement(
-            DropdownMenuSeparator,
-            {
-              key: index,
-              className: classNames == null ? void 0 : classNames.separator
-            }
-          );
-        } else if (item.itemType === "label") {
-          return /* @__PURE__ */ React7.createElement(DropdownMenuLabel, { key: index }, item.label);
-        } else if (item.itemType === "radio") {
-          let dd = item.currentOption;
-          return /* @__PURE__ */ React7.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React7.createElement(
-            DropdownMenuSubTrigger,
-            {
-              dir: direction,
-              className: cn(sizeStyles[size])
-            },
-            item.icon && item.icon,
-            item.label && item.label
-          ), /* @__PURE__ */ React7.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React7.createElement(
-            DropdownMenuRadioGroup,
-            {
-              value: values[index],
-              onValueChange: (e) => {
-                let newValues = [...values];
-                newValues[index] = e;
-                setValues(newValues);
-                console.log("changing to ", e);
-                if (item.onOptionChange) {
-                  item.onOptionChange(e);
-                }
+      ...contentProps
+    },
+    header && header,
+    items && items.map((item, index) => {
+      var _a;
+      const ItemLinkComponent = item.slug ? LinkComponent : "a";
+      if (item.itemType === "separator") {
+        return /* @__PURE__ */ React7.createElement(DropdownMenuSeparator, { key: index, className: classNames == null ? void 0 : classNames.separator });
+      } else if (item.itemType === "label") {
+        return /* @__PURE__ */ React7.createElement(DropdownMenuLabel, { key: index }, item.label);
+      } else if (item.itemType === "radio") {
+        let dd = item.currentOption;
+        return /* @__PURE__ */ React7.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React7.createElement(DropdownMenuSubTrigger, { dir: direction, className: cn(sizeStyles[size]) }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React7.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React7.createElement(
+          DropdownMenuRadioGroup,
+          {
+            value: values[index],
+            onValueChange: (e) => {
+              let newValues = [...values];
+              newValues[index] = e;
+              setValues(newValues);
+              console.log("changing to ", e);
+              if (item.onOptionChange) {
+                item.onOptionChange(e);
               }
-            },
-            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React7.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
-          )));
-        } else if (item.itemType === "custom") {
-          return /* @__PURE__ */ React7.createElement("div", { key: index }, item.content);
-        } else {
-          return item.subitems ? /* @__PURE__ */ React7.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React7.createElement(
-            DropdownMenuSubTrigger,
-            {
-              dir: direction,
-              className: cn(sizeStyles[size])
-            },
-            item.icon && item.icon,
-            item.label && item.label
-          ), /* @__PURE__ */ React7.createElement(Portal, null, /* @__PURE__ */ React7.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
-            const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
-            return /* @__PURE__ */ React7.createElement(
-              DropdownMenuItem,
-              {
-                key: subIndex,
-                LinkComponent: SubitemLinkComponent,
-                slug: subitem.slug,
-                disabled: subitem.disabled,
-                className: cn(
-                  sizeStyles[size],
-                  !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
-                ),
-                onMouseDown: (event) => {
-                  if (event.button === 1 || event.button === 0 && event.ctrlKey) {
-                    event.preventDefault();
-                    if (subitem.onMiddleClick) {
-                      subitem.onMiddleClick(item.value);
-                    }
-                  }
-                },
-                onSelect: () => {
-                  subitem.action && subitem.action();
-                  if (onItemSelect) {
-                    onItemSelect(subitem.value);
-                  }
-                }
-              },
-              subitem.icon && subitem.icon,
-              subitem.label && subitem.label
-            );
-          })))) : /* @__PURE__ */ React7.createElement(
+            }
+          },
+          (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React7.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+        )));
+      } else if (item.itemType === "custom") {
+        return /* @__PURE__ */ React7.createElement("div", { key: index }, item.content);
+      } else {
+        return item.subitems ? /* @__PURE__ */ React7.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React7.createElement(DropdownMenuSubTrigger, { dir: direction, className: cn(sizeStyles[size]) }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React7.createElement(Portal, null, /* @__PURE__ */ React7.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
+          return /* @__PURE__ */ React7.createElement(
             DropdownMenuItem,
             {
-              LinkComponent: ItemLinkComponent,
-              slug: item.slug,
-              key: index,
-              disabled: item.disabled,
+              key: subIndex,
+              LinkComponent: SubitemLinkComponent,
+              slug: subitem.slug,
+              disabled: subitem.disabled,
+              className: cn(
+                sizeStyles[size],
+                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
+              ),
               onMouseDown: (event) => {
                 if (event.button === 1 || event.button === 0 && event.ctrlKey) {
                   event.preventDefault();
-                  if (item.onMiddleClick) {
-                    item.onMiddleClick(item.value);
+                  if (subitem.onMiddleClick) {
+                    subitem.onMiddleClick(item.value);
                   }
                 }
               },
-              onClick: (event) => {
-                if (item.onClick) {
-                  item.onClick(item.value);
+              onSelect: () => {
+                subitem.action && subitem.action();
+                if (onItemSelect) {
+                  onItemSelect(subitem.value);
                 }
-              },
-              onSelect: (e) => {
-                if (item.presist) {
-                  e.preventDefault();
+              }
+            },
+            subitem.icon && subitem.icon,
+            subitem.label && subitem.label
+          );
+        })))) : /* @__PURE__ */ React7.createElement(
+          DropdownMenuItem,
+          {
+            LinkComponent: ItemLinkComponent,
+            slug: item.slug,
+            key: index,
+            disabled: item.disabled,
+            onMouseDown: (event) => {
+              if (event.button === 1 || event.button === 0 && event.ctrlKey) {
+                event.preventDefault();
+                if (item.onMiddleClick) {
+                  item.onMiddleClick(item.value);
                 }
-                if (item.action) {
-                  item.action();
-                  if (onItemSelect) {
-                    onItemSelect(item.value);
-                  }
-                } else {
-                  if (onItemSelect) {
-                    onItemSelect(item.value);
-                  }
+              }
+            },
+            onClick: (event) => {
+              if (item.onClick) {
+                item.onClick(item.value);
+              }
+            },
+            onSelect: (e) => {
+              if (item.presist) {
+                e.preventDefault();
+              }
+              if (item.action) {
+                item.action();
+                if (onItemSelect) {
+                  onItemSelect(item.value);
                 }
-              },
-              end: item.end,
-              shortcut: item.shortcut,
-              badged: item.badged,
-              className: cn(
-                sizeStyles[size],
-                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent",
-                item.presist && "focus:hawa-bg-transparent",
-                classNames == null ? void 0 : classNames.item
-              )
+              } else {
+                if (onItemSelect) {
+                  onItemSelect(item.value);
+                }
+              }
             },
-            item.icon && item.icon,
-            item.label && item.label
-          );
-        }
-      })
-    ))
-  );
+            end: item.end,
+            shortcut: item.shortcut,
+            badged: item.badged,
+            className: cn(
+              sizeStyles[size],
+              !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent",
+              item.presist && "focus:hawa-bg-transparent",
+              classNames == null ? void 0 : classNames.item
+            )
+          },
+          item.icon && item.icon,
+          item.label && item.label
+        );
+      }
+    })
+  )));
 };
 
 // elements/input/Input.tsx
@@ -1209,14 +1126,16 @@ var Input = forwardRef5(
 
 // elements/table/Table.tsx
 import * as React10 from "react";
-var Table = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React10.createElement(
-  "table",
-  {
-    ref,
-    className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className),
-    ...props
-  }
-)));
+var Table = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React10.createElement(
+    "table",
+    {
+      ref,
+      className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className),
+      ...props
+    }
+  ))
+);
 var TableHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
   "thead",
   {
@@ -1249,26 +1168,25 @@ var TableFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   "tfoot",
   {
     ref,
-    className: cn(
-      "hawa-bg-primary hawa-font-medium hawa-text-primary-foreground",
-      className
-    ),
-    ...props
-  }
-));
-var TableRow = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "hawa-bg-background hawa-transition-colors data-[state=selected]:hawa-bg-muted",
-      "[&:not(:last-child)&:not(:first-child)]:hawa-border-y",
-      "[&:not(:last-child)]:hawa-border-b",
-      className
-    ),
+    className: cn("hawa-bg-primary hawa-font-medium hawa-text-primary-foreground", className),
     ...props
   }
 ));
+var TableRow = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "hawa-bg-background hawa-transition-colors data-[state=selected]:hawa-bg-muted",
+        "[&:not(:last-child)&:not(:first-child)]:hawa-border-y",
+        "[&:not(:last-child)]:hawa-border-b",
+        className
+      ),
+      ...props
+    }
+  )
+);
 var TableCell = React10.forwardRef(
   ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
     let paddingStyles = {
@@ -1301,10 +1219,7 @@ var TableCaption = React10.forwardRef(({ className, ...props }, ref) => /* @__PU
   "caption",
   {
     ref,
-    className: cn(
-      "hawa-mt-4 hawa-text-sm hawa-text-muted-foreground",
-      className
-    ),
+    className: cn("hawa-mt-4 hawa-text-sm hawa-text-muted-foreground", className),
     ...props
   }
 ));
@@ -1336,9 +1251,7 @@ var DataTable = ({
   const [sorting, setSorting] = React11.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
-  const [columnFilters, setColumnFilters] = React11.useState(
-    []
-  );
+  const [columnFilters, setColumnFilters] = React11.useState([]);
   const [globalFilter, setGlobalFilter] = React11.useState("");
   const [expanded, setExpanded] = React11.useState({});
   const [columnVisibility, setColumnVisibility] = React11.useState(() => {
@@ -1480,52 +1393,38 @@ var DataTable = ({
         )
       ) : null
     }
-  ), enableHideColumns && /* @__PURE__ */ React11.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React11.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React11.createElement(
-    Button,
+  ), enableHideColumns && /* @__PURE__ */ React11.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React11.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React11.createElement(Button, { variant: "outline", className: "hawa-flex hawa-flex-row hawa-gap-2" }, ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns", /* @__PURE__ */ React11.createElement(
+    "svg",
     {
-      variant: "outline",
-      className: "hawa-flex hawa-flex-row hawa-gap-2"
+      width: "15",
+      height: "15",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
     },
-    ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
     /* @__PURE__ */ React11.createElement(
-      "svg",
+      "path",
       {
-        width: "15",
-        height: "15",
-        viewBox: "0 0 15 15",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      /* @__PURE__ */ React11.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"
-        }
-      )
+        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",
+        fillRule: "evenodd",
+        clipRule: "evenodd"
+      }
     )
-  )), /* @__PURE__ */ React11.createElement(
-    DropdownMenuContent,
-    {
-      align: props.direction === "rtl" ? "start" : "end"
-    },
-    table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
-      var _a2, _b2;
-      return /* @__PURE__ */ React11.createElement(
-        DropdownMenuCheckboxItem,
-        {
-          key: column.id,
-          checked: column.getIsVisible(),
-          onCheckedChange: (value) => column.toggleVisibility(!!value)
-        },
-        translateFn ? translateFn(
-          ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.i18nKey) ? (_b2 = column.columnDef.meta) == null ? void 0 : _b2.i18nKey : column.id
-        ) : column.id
-      );
-    })
-  ))), enableFiltering && ((_e = props.filters) == null ? void 0 : _e.length) && /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex-row hawa-gap-2 hawa-flex" }, (_f = props.filters) == null ? void 0 : _f.map((filter) => {
+  ))), /* @__PURE__ */ React11.createElement(DropdownMenuContent, { align: props.direction === "rtl" ? "start" : "end" }, table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
+    var _a2, _b2;
+    return /* @__PURE__ */ React11.createElement(
+      DropdownMenuCheckboxItem,
+      {
+        key: column.id,
+        checked: column.getIsVisible(),
+        onCheckedChange: (value) => column.toggleVisibility(!!value)
+      },
+      translateFn ? translateFn(
+        ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.i18nKey) ? (_b2 = column.columnDef.meta) == null ? void 0 : _b2.i18nKey : column.id
+      ) : column.id
+    );
+  })))), enableFiltering && ((_e = props.filters) == null ? void 0 : _e.length) && /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex-row hawa-gap-2 hawa-flex" }, (_f = props.filters) == null ? void 0 : _f.map((filter) => {
     return /* @__PURE__ */ React11.createElement(
       Button,
       {
@@ -1575,45 +1474,25 @@ var DataTable = ({
             width: `${header.column.columnDef.size}px !important`
           }
         },
-        header.isPlaceholder ? null : flexRender(
-          header.column.columnDef.header,
-          header.getContext()
-        )
+        header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
       );
-    })))), /* @__PURE__ */ React11.createElement(TableBody, null, ((_g = table.getRowModel().rows) == null ? void 0 : _g.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React11.createElement(
-      TableRow,
-      {
-        key: row.id,
-        "data-state": row.getIsSelected() && "selected"
-      },
-      row.getVisibleCells().map((cell) => {
-        var _a2;
-        return /* @__PURE__ */ React11.createElement(
-          TableCell,
-          {
-            key: cell.id,
-            dir: props.direction,
-            style: {
-              maxWidth: `${cell.column.columnDef.maxSize}px !important`,
-              minWidth: `${cell.column.columnDef.minSize}px !important`,
-              width: `${cell.column.columnDef.size}px !important`
-            },
-            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding
+    })))), /* @__PURE__ */ React11.createElement(TableBody, null, ((_g = table.getRowModel().rows) == null ? void 0 : _g.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React11.createElement(TableRow, { key: row.id, "data-state": row.getIsSelected() && "selected" }, row.getVisibleCells().map((cell) => {
+      var _a2;
+      return /* @__PURE__ */ React11.createElement(
+        TableCell,
+        {
+          key: cell.id,
+          dir: props.direction,
+          style: {
+            maxWidth: `${cell.column.columnDef.maxSize}px !important`,
+            minWidth: `${cell.column.columnDef.minSize}px !important`,
+            width: `${cell.column.columnDef.size}px !important`
           },
-          flexRender(
-            cell.column.columnDef.cell,
-            cell.getContext()
-          )
-        );
-      })
-    )) : /* @__PURE__ */ React11.createElement(TableRow, null, /* @__PURE__ */ React11.createElement(
-      TableCell,
-      {
-        colSpan: columns.length,
-        className: "hawa-h-24 hawa-text-center"
-      },
-      (_h = props.texts) == null ? void 0 : _h.noData
-    ))))),
+          padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding
+        },
+        flexRender(cell.column.columnDef.cell, cell.getContext())
+      );
+    }))) : /* @__PURE__ */ React11.createElement(TableRow, null, /* @__PURE__ */ React11.createElement(TableCell, { colSpan: columns.length, className: "hawa-h-24 hawa-text-center" }, (_h = props.texts) == null ? void 0 : _h.noData))))),
     /* @__PURE__ */ React11.createElement(
       "div",
       {
@@ -1623,16 +1502,7 @@ var DataTable = ({
         )
       },
       !props.showCount && /* @__PURE__ */ React11.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__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-gap-4" }, /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-items-center hawa-justify-between" }, props.showCount && /* @__PURE__ */ React11.createElement(
-        "div",
-        {
-          className: "hawa-text-muted-foreground hawa-text-sm",
-          dir: props.direction
-        },
-        /* @__PURE__ */ React11.createElement("span", null, (_i = props.texts) == null ? void 0 : _i.total),
-        " ",
-        /* @__PURE__ */ React11.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
-      ), props.showCount && table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount && /* @__PURE__ */ React11.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__ */ React11.createElement(
+      props.showCount || table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount ? /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-gap-4" }, /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-items-center hawa-justify-between" }, props.showCount && /* @__PURE__ */ React11.createElement("div", { className: "hawa-text-muted-foreground hawa-text-sm", dir: props.direction }, /* @__PURE__ */ React11.createElement("span", null, (_i = props.texts) == null ? void 0 : _i.total), " ", /* @__PURE__ */ React11.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())), props.showCount && table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount && /* @__PURE__ */ React11.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__ */ React11.createElement(
         "div",
         {
           className: "hawa-text-muted-foreground hawa-text-sm",
@@ -1653,9 +1523,7 @@ var DataTable = ({
           direction: props.direction,
           items: (props.bulkActions || []).map((action) => ({
             ...action,
-            action: () => action.action(
-              table.getFilteredSelectedRowModel().rows
-            )
+            action: () => action.action(table.getFilteredSelectedRowModel().rows)
           })),
           trigger: /* @__PURE__ */ React11.createElement(Button, { size: "xs" }, ((_l = props.texts) == null ? void 0 : _l.bulkAction) || "Bulk Action")
         }
@@ -1709,9 +1577,7 @@ var DataTable = ({
           size: "smallIcon",
           onClick: () => table.setPageIndex(0),
           disabled: !table.getCanPreviousPage(),
-          className: cn(
-            props.direction === "rtl" && "hawa-rotate-180"
-          )
+          className: cn(props.direction === "rtl" && "hawa-rotate-180")
         },
         /* @__PURE__ */ React11.createElement(
           "svg",
@@ -1737,9 +1603,7 @@ var DataTable = ({
           size: "smallIcon",
           onClick: () => table.previousPage(),
           disabled: !table.getCanPreviousPage(),
-          className: cn(
-            props.direction === "rtl" && "hawa-rotate-180"
-          )
+          className: cn(props.direction === "rtl" && "hawa-rotate-180")
         },
         /* @__PURE__ */ React11.createElement(
           "svg",
@@ -1765,9 +1629,7 @@ var DataTable = ({
           size: "smallIcon",
           onClick: () => table.nextPage(),
           disabled: !table.getCanNextPage(),
-          className: cn(
-            props.direction === "ltr" && "hawa-rotate-180"
-          )
+          className: cn(props.direction === "ltr" && "hawa-rotate-180")
         },
         /* @__PURE__ */ React11.createElement(
           "svg",
@@ -1793,9 +1655,7 @@ var DataTable = ({
           size: "smallIcon",
           onClick: () => table.setPageIndex(table.getPageCount() - 1),
           disabled: !table.getCanNextPage(),
-          className: cn(
-            props.direction === "ltr" && "hawa-rotate-180"
-          )
+          className: cn(props.direction === "ltr" && "hawa-rotate-180")
         },
         /* @__PURE__ */ React11.createElement(
           "svg",