@sikka/hawa 0.41.2-next → 0.42.1-next

package/dist/index.css

@@ -2309,6 +2309,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .\!hawa-bg-destructive\/\[0\.3\] {
   background-color: hsl(var(--destructive) / 0.3) !important;
 }
+.\!hawa-bg-primary {
+  background-color: hsl(var(--primary)) !important;
+}
 .\!hawa-bg-transparent {
   background-color: transparent !important;
 }
@@ -2907,6 +2910,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-tracking-widest {
   letter-spacing: 0.1em;
 }
+.\!hawa-text-primary-foreground {
+  color: hsl(var(--primary-foreground)) !important;
+}
 .hawa-text-\[\#666666\] {
   --tw-text-opacity: 1;
   color: rgb(102 102 102 / var(--tw-text-opacity));

package/dist/index.d.mts

@@ -183,6 +183,7 @@ interface DropdownMenuProps {
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
     alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    contentProps?: ExtendedDropdownMenuContentProps;
     width?: "default" | "sm" | "lg" | "parent";
     size?: "default" | "sm";
     onItemSelect?: any;
@@ -500,6 +501,12 @@ type DataTableProps<DataProps = {}> = {
     enableHideColumns?: boolean;
     enableGoTo?: boolean;
     enableSelection?: boolean;
+    enableFiltering?: boolean;
+    filters?: {
+        accessorKey: string;
+        value: string;
+        label: string;
+    }[];
     hideHeader?: boolean;
     data: DataProps[];
     itemsPerPage?: any[];
@@ -533,7 +540,7 @@ declare module "@tanstack/table-core" {
         i18nKey?: string;
     }
 }
-declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
+declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
 
 type BackToTopTypes = {
     /** Horizontal padding relative to the attached corner */

package/dist/index.d.ts

@@ -183,6 +183,7 @@ interface DropdownMenuProps {
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
     alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    contentProps?: ExtendedDropdownMenuContentProps;
     width?: "default" | "sm" | "lg" | "parent";
     size?: "default" | "sm";
     onItemSelect?: any;
@@ -500,6 +501,12 @@ type DataTableProps<DataProps = {}> = {
     enableHideColumns?: boolean;
     enableGoTo?: boolean;
     enableSelection?: boolean;
+    enableFiltering?: boolean;
+    filters?: {
+        accessorKey: string;
+        value: string;
+        label: string;
+    }[];
     hideHeader?: boolean;
     data: DataProps[];
     itemsPerPage?: any[];
@@ -533,7 +540,7 @@ declare module "@tanstack/table-core" {
         i18nKey?: string;
     }
 }
-declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
+declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
 
 type BackToTopTypes = {
     /** Horizontal padding relative to the attached corner */

package/dist/index.js

@@ -896,6 +896,7 @@ var DropdownMenu = ({
   side,
   className,
   classNames,
+  contentProps,
   triggerClassname,
   triggerProps,
   align,
@@ -953,7 +954,8 @@ var DropdownMenu = ({
         ),
         style: {
           maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        }
+        },
+        ...contentProps
       },
       header && header,
       items && items.map((item, index) => {
@@ -3301,11 +3303,12 @@ var DataTable = ({
   translateFn,
   enableHideColumns,
   enableSelection,
+  enableFiltering,
   enableSearch,
   enableGoTo,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const [sorting, setSorting] = React24.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
@@ -3319,6 +3322,7 @@ var DataTable = ({
     return savedVisibility ? JSON.parse(savedVisibility) : {};
   });
   const [rowSelection, setRowSelection] = React24.useState({});
+  const [selectedFilters, setSelectedFilters] = React24.useState([]);
   let mainColumns = enableSelection ? [
     {
       id: "select",
@@ -3398,6 +3402,19 @@ var DataTable = ({
       return newColumnVisibility;
     });
   }, [columns]);
+  React24.useEffect(() => {
+    var _a2;
+    (_a2 = props.filters) == null ? void 0 : _a2.forEach((filter) => {
+      var _a3;
+      const activeFilter = selectedFilters.find(
+        (selectedFilter) => {
+          var _a4, _b2;
+          return filter.accessorKey === ((_b2 = (_a4 = props.filters) == null ? void 0 : _a4.find((f) => f.value === selectedFilter)) == null ? void 0 : _b2.accessorKey);
+        }
+      );
+      (_a3 = table.getColumn(filter.accessorKey)) == null ? void 0 : _a3.setFilterValue(activeFilter || "");
+    });
+  }, [selectedFilters, props.filters]);
   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,
     {
@@ -3481,7 +3498,33 @@ var DataTable = ({
         ) : column.id
       );
     })
-  ))), props.isLoading ? /* @__PURE__ */ React24.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React24.createElement(
+  ))), enableFiltering && /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex-row hawa-gap-2 hawa-flex" }, (_e = props.filters) == null ? void 0 : _e.map((filter) => {
+    return /* @__PURE__ */ React24.createElement(
+      Button,
+      {
+        variant: "outline",
+        className: selectedFilters.includes(filter.value) ? "!hawa-bg-primary !hawa-text-primary-foreground" : "",
+        size: "xs",
+        onClick: () => {
+          var _a2, _b2;
+          let newSelectedFilters = selectedFilters.filter(
+            (item) => {
+              var _a3, _b3;
+              return ((_b3 = (_a3 = props.filters) == null ? void 0 : _a3.find((f) => f.value === item)) == null ? void 0 : _b3.accessorKey) !== filter.accessorKey;
+            }
+          );
+          if (!selectedFilters.includes(filter.value)) {
+            newSelectedFilters.push(filter.value);
+            (_a2 = table.getColumn(filter.accessorKey)) == null ? void 0 : _a2.setFilterValue(filter.value);
+          } else {
+            (_b2 = table.getColumn(filter.accessorKey)) == null ? void 0 : _b2.setFilterValue("");
+          }
+          setSelectedFilters(newSelectedFilters);
+        }
+      },
+      filter.label
+    );
+  })), props.isLoading ? /* @__PURE__ */ React24.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React24.createElement(
     "div",
     {
       className: cn(
@@ -3510,7 +3553,7 @@ var DataTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React24.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React24.createElement(
+    })))), /* @__PURE__ */ React24.createElement(TableBody, null, ((_f = table.getRowModel().rows) == null ? void 0 : _f.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React24.createElement(
       TableRow,
       {
         key: row.id,
@@ -3542,7 +3585,7 @@ var DataTable = ({
         colSpan: columns.length,
         className: "hawa-h-24 hawa-text-center"
       },
-      (_f = props.texts) == null ? void 0 : _f.noData
+      (_g = props.texts) == null ? void 0 : _g.noData
     ))))),
     /* @__PURE__ */ React24.createElement(
       "div",
@@ -3559,7 +3602,7 @@ var DataTable = ({
           className: "hawa-text-muted-foreground hawa-text-sm",
           dir: props.direction
         },
-        /* @__PURE__ */ React24.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
+        /* @__PURE__ */ React24.createElement("span", null, (_h = props.texts) == null ? void 0 : _h.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(
@@ -3570,11 +3613,11 @@ var DataTable = ({
         },
         table.getFilteredSelectedRowModel().rows.length,
         " ",
-        (_h = props.texts) == null ? void 0 : _h.of,
+        (_i = props.texts) == null ? void 0 : _i.of,
         " ",
         table.getFilteredRowModel().rows.length,
         " ",
-        (_i = props.texts) == null ? void 0 : _i.selectedRows
+        (_j = props.texts) == null ? void 0 : _j.selectedRows
       )), table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "" }, /* @__PURE__ */ React24.createElement(
         DropdownMenu,
         {
@@ -3587,10 +3630,10 @@ var DataTable = ({
               table.getFilteredSelectedRowModel().rows
             )
           })),
-          trigger: /* @__PURE__ */ React24.createElement(Button, { size: "xs" }, ((_j = props.texts) == null ? void 0 : _j.bulkAction) || "Bulk Action")
+          trigger: /* @__PURE__ */ React24.createElement(Button, { size: "xs" }, ((_k = props.texts) == null ? void 0 : _k.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(
+      /* @__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" }, (_l = props.texts) == null ? void 0 : _l.goTo), /* @__PURE__ */ React24.createElement(
         "input",
         {
           max: table.getPageCount(),
@@ -3627,11 +3670,11 @@ var DataTable = ({
               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}`
+            `${table.getState().pagination.pageSize} / ${(_m = props.texts) == null ? void 0 : _m.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(
+      ), 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, (_n = props.texts) == null ? void 0 : _n.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, (_o = props.texts) == null ? void 0 : _o.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",
@@ -3780,15 +3823,12 @@ var BackToTop = ({ ...props }) => {
     }
   };
   (0, import_react12.useEffect)(() => {
-    if (!props.anchor.current)
-      return;
+    if (!props.anchor.current) return;
     props.anchor.current.addEventListener("scroll", onScroll);
     let interval = setInterval(() => {
-      if (!props.anchor.current)
-        return;
+      if (!props.anchor.current) return;
       let newRect = props.anchor.current.getBoundingClientRect();
-      if (_rect.current == null)
-        return setRect(newRect);
+      if (_rect.current == null) return setRect(newRect);
       if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
         setRect(newRect);
       }
@@ -3801,8 +3841,7 @@ var BackToTop = ({ ...props }) => {
   }, [onScroll, props.anchor]);
   const getStyles = () => {
     var _a;
-    if (!props.anchor.current || !self.current)
-      return {};
+    if (!props.anchor.current || !self.current) return {};
     let corner = props.corner || "bottom-right";
     let [vertical, horizontal] = corner.split("-");
     let anchorRect = props.anchor.current.getBoundingClientRect();
@@ -4023,8 +4062,7 @@ var Radio = (0, import_react13.forwardRef)(
                     {
                       "aria-current": "page",
                       onClick: () => {
-                        if (props.disabled || opt.disabled)
-                          return;
+                        if (props.disabled || opt.disabled) return;
                         handleChange(opt);
                       },
                       className: cn(
@@ -4043,8 +4081,7 @@ var Radio = (0, import_react13.forwardRef)(
                   key: o,
                   "aria-current": "page",
                   onClick: () => {
-                    if (props.disabled || opt.disabled)
-                      return;
+                    if (props.disabled || opt.disabled) return;
                     handleChange(opt);
                   },
                   className: cn(
@@ -4331,8 +4368,7 @@ var FullCommand = ({
           {
             key: subIndex,
             onSelect: () => {
-              if (onActionClick)
-                onActionClick();
+              if (onActionClick) onActionClick();
               subItem.action();
             }
           },
@@ -4926,8 +4962,7 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open)
-          dismiss();
+        if (!open) dismiss();
       }
     }
   });
@@ -5435,8 +5470,7 @@ var ScrollArea = React41.forwardRef(({ className, children, orientation = "verti
     document.addEventListener("mouseup", onMouseUp);
   };
   const onMouseMove = (e) => {
-    if (!isDragging.current || !scrollAreaRef.current)
-      return;
+    if (!isDragging.current || !scrollAreaRef.current) return;
     const dx = e.clientX - startPos.current.x;
     const dy = e.clientY - startPos.current.y;
     if (orientation === "vertical") {
@@ -8561,16 +8595,11 @@ var PasswordInput = ({
   (0, import_react49.useEffect)(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
-      if (lengthCriteriaMet)
-        strengthScore += 1;
-      if (numberCriteriaMet)
-        strengthScore += 1;
-      if (specialCharCriteriaMet)
-        strengthScore += 1;
-      if (lowercaseCriteriaMet)
-        strengthScore += 1;
-      if (uppercaseCriteriaMet)
-        strengthScore += 1;
+      if (lengthCriteriaMet) strengthScore += 1;
+      if (numberCriteriaMet) strengthScore += 1;
+      if (specialCharCriteriaMet) strengthScore += 1;
+      if (lowercaseCriteriaMet) strengthScore += 1;
+      if (uppercaseCriteriaMet) strengthScore += 1;
       return strengthScore;
     };
     const currentStrengthScore = calculateStrength();
@@ -8772,8 +8801,7 @@ var ScrollIndicator = ({
     }
   };
   (0, import_react50.useEffect)(() => {
-    if (!anchor.current)
-      return;
+    if (!anchor.current) return;
     anchor.current.addEventListener("scroll", onScroll);
     return () => {
       var _a;
@@ -8991,8 +9019,7 @@ var Carousel = ({
       }, autoplayInterval);
     }
     return () => {
-      if (autoplayTimer)
-        clearInterval(autoplayTimer);
+      if (autoplayTimer) clearInterval(autoplayTimer);
     };
   }, [emblaApi, autoplay, autoplayInterval]);
   const length = import_react52.default.Children.count(items);

package/dist/index.mjs

@@ -2,8 +2,7 @@
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
+  if (typeof require !== "undefined") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
@@ -645,6 +644,7 @@ var DropdownMenu = ({
   side,
   className,
   classNames,
+  contentProps,
   triggerClassname,
   triggerProps,
   align,
@@ -702,7 +702,8 @@ var DropdownMenu = ({
         ),
         style: {
           maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        }
+        },
+        ...contentProps
       },
       header && header,
       items && items.map((item, index) => {
@@ -3058,11 +3059,12 @@ var DataTable = ({
   translateFn,
   enableHideColumns,
   enableSelection,
+  enableFiltering,
   enableSearch,
   enableGoTo,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const [sorting, setSorting] = React24.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
@@ -3076,6 +3078,7 @@ var DataTable = ({
     return savedVisibility ? JSON.parse(savedVisibility) : {};
   });
   const [rowSelection, setRowSelection] = React24.useState({});
+  const [selectedFilters, setSelectedFilters] = React24.useState([]);
   let mainColumns = enableSelection ? [
     {
       id: "select",
@@ -3155,6 +3158,19 @@ var DataTable = ({
       return newColumnVisibility;
     });
   }, [columns]);
+  React24.useEffect(() => {
+    var _a2;
+    (_a2 = props.filters) == null ? void 0 : _a2.forEach((filter) => {
+      var _a3;
+      const activeFilter = selectedFilters.find(
+        (selectedFilter) => {
+          var _a4, _b2;
+          return filter.accessorKey === ((_b2 = (_a4 = props.filters) == null ? void 0 : _a4.find((f) => f.value === selectedFilter)) == null ? void 0 : _b2.accessorKey);
+        }
+      );
+      (_a3 = table.getColumn(filter.accessorKey)) == null ? void 0 : _a3.setFilterValue(activeFilter || "");
+    });
+  }, [selectedFilters, props.filters]);
   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,
     {
@@ -3238,7 +3254,33 @@ var DataTable = ({
         ) : column.id
       );
     })
-  ))), props.isLoading ? /* @__PURE__ */ React24.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React24.createElement(
+  ))), enableFiltering && /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex-row hawa-gap-2 hawa-flex" }, (_e = props.filters) == null ? void 0 : _e.map((filter) => {
+    return /* @__PURE__ */ React24.createElement(
+      Button,
+      {
+        variant: "outline",
+        className: selectedFilters.includes(filter.value) ? "!hawa-bg-primary !hawa-text-primary-foreground" : "",
+        size: "xs",
+        onClick: () => {
+          var _a2, _b2;
+          let newSelectedFilters = selectedFilters.filter(
+            (item) => {
+              var _a3, _b3;
+              return ((_b3 = (_a3 = props.filters) == null ? void 0 : _a3.find((f) => f.value === item)) == null ? void 0 : _b3.accessorKey) !== filter.accessorKey;
+            }
+          );
+          if (!selectedFilters.includes(filter.value)) {
+            newSelectedFilters.push(filter.value);
+            (_a2 = table.getColumn(filter.accessorKey)) == null ? void 0 : _a2.setFilterValue(filter.value);
+          } else {
+            (_b2 = table.getColumn(filter.accessorKey)) == null ? void 0 : _b2.setFilterValue("");
+          }
+          setSelectedFilters(newSelectedFilters);
+        }
+      },
+      filter.label
+    );
+  })), props.isLoading ? /* @__PURE__ */ React24.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React24.createElement(
     "div",
     {
       className: cn(
@@ -3267,7 +3309,7 @@ var DataTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React24.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React24.createElement(
+    })))), /* @__PURE__ */ React24.createElement(TableBody, null, ((_f = table.getRowModel().rows) == null ? void 0 : _f.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React24.createElement(
       TableRow,
       {
         key: row.id,
@@ -3299,7 +3341,7 @@ var DataTable = ({
         colSpan: columns.length,
         className: "hawa-h-24 hawa-text-center"
       },
-      (_f = props.texts) == null ? void 0 : _f.noData
+      (_g = props.texts) == null ? void 0 : _g.noData
     ))))),
     /* @__PURE__ */ React24.createElement(
       "div",
@@ -3316,7 +3358,7 @@ var DataTable = ({
           className: "hawa-text-muted-foreground hawa-text-sm",
           dir: props.direction
         },
-        /* @__PURE__ */ React24.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
+        /* @__PURE__ */ React24.createElement("span", null, (_h = props.texts) == null ? void 0 : _h.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(
@@ -3327,11 +3369,11 @@ var DataTable = ({
         },
         table.getFilteredSelectedRowModel().rows.length,
         " ",
-        (_h = props.texts) == null ? void 0 : _h.of,
+        (_i = props.texts) == null ? void 0 : _i.of,
         " ",
         table.getFilteredRowModel().rows.length,
         " ",
-        (_i = props.texts) == null ? void 0 : _i.selectedRows
+        (_j = props.texts) == null ? void 0 : _j.selectedRows
       )), table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "" }, /* @__PURE__ */ React24.createElement(
         DropdownMenu,
         {
@@ -3344,10 +3386,10 @@ var DataTable = ({
               table.getFilteredSelectedRowModel().rows
             )
           })),
-          trigger: /* @__PURE__ */ React24.createElement(Button, { size: "xs" }, ((_j = props.texts) == null ? void 0 : _j.bulkAction) || "Bulk Action")
+          trigger: /* @__PURE__ */ React24.createElement(Button, { size: "xs" }, ((_k = props.texts) == null ? void 0 : _k.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(
+      /* @__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" }, (_l = props.texts) == null ? void 0 : _l.goTo), /* @__PURE__ */ React24.createElement(
         "input",
         {
           max: table.getPageCount(),
@@ -3384,11 +3426,11 @@ var DataTable = ({
               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}`
+            `${table.getState().pagination.pageSize} / ${(_m = props.texts) == null ? void 0 : _m.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(
+      ), 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, (_n = props.texts) == null ? void 0 : _n.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, (_o = props.texts) == null ? void 0 : _o.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",
@@ -3537,15 +3579,12 @@ var BackToTop = ({ ...props }) => {
     }
   };
   useEffect4(() => {
-    if (!props.anchor.current)
-      return;
+    if (!props.anchor.current) return;
     props.anchor.current.addEventListener("scroll", onScroll);
     let interval = setInterval(() => {
-      if (!props.anchor.current)
-        return;
+      if (!props.anchor.current) return;
       let newRect = props.anchor.current.getBoundingClientRect();
-      if (_rect.current == null)
-        return setRect(newRect);
+      if (_rect.current == null) return setRect(newRect);
       if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
         setRect(newRect);
       }
@@ -3558,8 +3597,7 @@ var BackToTop = ({ ...props }) => {
   }, [onScroll, props.anchor]);
   const getStyles = () => {
     var _a;
-    if (!props.anchor.current || !self.current)
-      return {};
+    if (!props.anchor.current || !self.current) return {};
     let corner = props.corner || "bottom-right";
     let [vertical, horizontal] = corner.split("-");
     let anchorRect = props.anchor.current.getBoundingClientRect();
@@ -3780,8 +3818,7 @@ var Radio = forwardRef16(
                     {
                       "aria-current": "page",
                       onClick: () => {
-                        if (props.disabled || opt.disabled)
-                          return;
+                        if (props.disabled || opt.disabled) return;
                         handleChange(opt);
                       },
                       className: cn(
@@ -3800,8 +3837,7 @@ var Radio = forwardRef16(
                   key: o,
                   "aria-current": "page",
                   onClick: () => {
-                    if (props.disabled || opt.disabled)
-                      return;
+                    if (props.disabled || opt.disabled) return;
                     handleChange(opt);
                   },
                   className: cn(
@@ -4088,8 +4124,7 @@ var FullCommand = ({
           {
             key: subIndex,
             onSelect: () => {
-              if (onActionClick)
-                onActionClick();
+              if (onActionClick) onActionClick();
               subItem.action();
             }
           },
@@ -4683,8 +4718,7 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open)
-          dismiss();
+        if (!open) dismiss();
       }
     }
   });
@@ -5192,8 +5226,7 @@ var ScrollArea = React41.forwardRef(({ className, children, orientation = "verti
     document.addEventListener("mouseup", onMouseUp);
   };
   const onMouseMove = (e) => {
-    if (!isDragging.current || !scrollAreaRef.current)
-      return;
+    if (!isDragging.current || !scrollAreaRef.current) return;
     const dx = e.clientX - startPos.current.x;
     const dy = e.clientY - startPos.current.y;
     if (orientation === "vertical") {
@@ -8321,16 +8354,11 @@ var PasswordInput = ({
   useEffect29(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
-      if (lengthCriteriaMet)
-        strengthScore += 1;
-      if (numberCriteriaMet)
-        strengthScore += 1;
-      if (specialCharCriteriaMet)
-        strengthScore += 1;
-      if (lowercaseCriteriaMet)
-        strengthScore += 1;
-      if (uppercaseCriteriaMet)
-        strengthScore += 1;
+      if (lengthCriteriaMet) strengthScore += 1;
+      if (numberCriteriaMet) strengthScore += 1;
+      if (specialCharCriteriaMet) strengthScore += 1;
+      if (lowercaseCriteriaMet) strengthScore += 1;
+      if (uppercaseCriteriaMet) strengthScore += 1;
       return strengthScore;
     };
     const currentStrengthScore = calculateStrength();
@@ -8536,8 +8564,7 @@ var ScrollIndicator = ({
     }
   };
   useEffect30(() => {
-    if (!anchor.current)
-      return;
+    if (!anchor.current) return;
     anchor.current.addEventListener("scroll", onScroll);
     return () => {
       var _a;
@@ -8755,8 +8782,7 @@ var Carousel = ({
       }, autoplayInterval);
     }
     return () => {
-      if (autoplayTimer)
-        clearInterval(autoplayTimer);
+      if (autoplayTimer) clearInterval(autoplayTimer);
     };
   }, [emblaApi, autoplay, autoplayInterval]);
   const length = React64.Children.count(items);