ivt 0.5.4 → 0.5.6

package/dist/data-table/index.mjs

@@ -1,45 +1,45 @@
 import * as React$1 from 'react';
 import React__default, { forwardRef, createElement } from 'react';
-import { c as cn } from '../chunks/utils-htJ3fJDn.mjs';
-import { C as ChevronDown } from '../chunks/chevron-down-BgxaTVhM.mjs';
-import { C as Check } from '../chunks/check-B7kxFwPv.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-CwZj8e8_.mjs';
-import { B as Button } from '../chunks/button-DjpHcHp9.mjs';
-import { C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, e as CommandGroup, f as CommandItem, S as Search } from '../chunks/command-lo6019zL.mjs';
-import { I as Input } from '../chunks/input-8lHYxogf.mjs';
-import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-CJd-Zy4C.mjs';
-import { C as ChevronLeft } from '../chunks/chevron-left-uXOOSe-Y.mjs';
-import { C as ChevronRight } from '../chunks/chevron-right-4COrIxgm.mjs';
-import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-D1_ls69P.mjs';
-import { S as Skeleton } from '../chunks/skeleton-CJEOoSbM.mjs';
-import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-D6yKv2LD.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-C9WZwMpD.mjs';
-import { S as Sortable, b as SortableItem } from '../chunks/sortable-DoZCl2bh.mjs';
-import '../chunks/bundle-mjs-CoKIHeQ0.mjs';
-import '../chunks/index-CZgR4Irq.mjs';
-import '../chunks/index-BjsM1T5G.mjs';
-import '../chunks/index-B1XP410K.mjs';
-import 'react/jsx-runtime';
-import '../chunks/index-Dl81wvXL.mjs';
-import '../chunks/index-DN0JnhbV.mjs';
-import 'react-dom';
+import { c as cn } from '../chunks/utils-D8c5tyzG.mjs';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-BdW90s0k.mjs';
+import { C as ChevronLeft } from '../chunks/chevron-left-Cla2-kGr.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-C3X2iYjh.mjs';
+import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-m1KTCwr8.mjs';
+import { B as Button } from '../chunks/button-D_MnAjQl.mjs';
+import { S as Skeleton } from '../chunks/skeleton-CGj35I4b.mjs';
+import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-YJw4-dig.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-BQUZb4BK.mjs';
+import { S as Sortable, b as SortableItem } from '../chunks/sortable-CxR7dghC.mjs';
+import { S as Search, C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, f as CommandItem, e as CommandGroup } from '../chunks/command-c98KtQLr.mjs';
+import { I as Input } from '../chunks/input-DKrW5tuu.mjs';
+import { C as ChevronDown } from '../chunks/chevron-down-CNWi6KOF.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-n__dGmWJ.mjs';
+import { C as Check } from '../chunks/check-DEf9V4Nh.mjs';
+import '../chunks/bundle-mjs-CGLhO34T.mjs';
+import '@radix-ui/react-select';
+import '../chunks/ellipsis-S2vrEUTX.mjs';
 import '@radix-ui/react-slot';
-import '../chunks/index-CtKpqYOz.mjs';
-import '../chunks/index-DKu_lrG6.mjs';
-import '../chunks/tslib.es6-BG2RIc9b.mjs';
-import '../chunks/index-DhKLdikH.mjs';
-import '../chunks/index--AWuc67S.mjs';
-import '../chunks/index-DzlFODVj.mjs';
-import '../chunks/index-Xa5WcG48.mjs';
-import '../chunks/index-Bq9EFhxl.mjs';
-import '../chunks/index-Bc-FW7nZ.mjs';
-import '../chunks/index-DrUrHRZs.mjs';
 import 'class-variance-authority';
-import '../chunks/index-CvfYTVGA.mjs';
-import '../chunks/dialog-L5zjDv2Y.mjs';
-import '../chunks/x-DqJAQ42C.mjs';
-import '@radix-ui/react-select';
-import '../chunks/ellipsis-DCgrnXbv.mjs';
+import 'react-dom';
+import '../chunks/index-BmDvd1mU.mjs';
+import '../chunks/index-DSLICNwF.mjs';
+import '../chunks/index-BUvLOcM1.mjs';
+import '../chunks/index-C_z2VNWo.mjs';
+import 'react/jsx-runtime';
+import '../chunks/index-DLownQDQ.mjs';
+import '../chunks/index-T-_ESk_G.mjs';
+import '../chunks/index-6boixHzs.mjs';
+import '../chunks/index-B2gDNmb8.mjs';
+import '../chunks/index-BmW-kojJ.mjs';
+import '../chunks/index-Cq-A6c3g.mjs';
+import '../chunks/index-M3WHAYcQ.mjs';
+import '../chunks/tslib.es6-dqPUMt5Y.mjs';
+import '../chunks/index-4TCt3gOI.mjs';
+import '../chunks/index-BjgE_yhl.mjs';
+import '../chunks/dialog-Bzks3Ko4.mjs';
+import '../chunks/x-DYQCuAK0.mjs';
+import '../chunks/index-BWnbRXP-.mjs';
+import '../chunks/index-DkGvxlDJ.mjs';
 
 const __iconNode$1 = [
     [
@@ -77,51 +77,6 @@ const __iconNode = [
 ];
 const ArrowUp = createLucideIcon("ArrowUp", __iconNode);
 
-function DataTableViewOptions({ table, transformColumnName, disabled }) {
-    const triggerRef = React$1.useRef(null);
-    return /*#__PURE__*/ React$1.createElement(Popover, {
-        modal: true
-    }, /*#__PURE__*/ React$1.createElement(PopoverTrigger, {
-        asChild: true
-    }, /*#__PURE__*/ React$1.createElement(Button, {
-        ref: triggerRef,
-        "aria-label": "Toggle columns",
-        variant: "outline",
-        className: "text-muted-foreground hover:text-muted-foreground w-full max-w-[12.5rem] items-center justify-between bg-inherit px-3 py-2 hover:bg-inherit",
-        disabled: disabled
-    }, "Colunas", /*#__PURE__*/ React$1.createElement(ChevronDown, {
-        className: "h-4 w-4"
-    }))), /*#__PURE__*/ React$1.createElement(PopoverContent, {
-        align: "end",
-        className: "w-44 p-0",
-        onCloseAutoFocus: ()=>triggerRef.current?.focus()
-    }, /*#__PURE__*/ React$1.createElement(Command, null, /*#__PURE__*/ React$1.createElement(CommandInput, {
-        placeholder: "Pesquisar colunas..."
-    }), /*#__PURE__*/ React$1.createElement(CommandList, null, /*#__PURE__*/ React$1.createElement(CommandEmpty, null, "Nenhuma coluna encontrada."), /*#__PURE__*/ React$1.createElement(CommandGroup, null, table.getAllColumns().filter((column)=>typeof column.accessorFn !== "undefined" && column.getCanHide()).map((column)=>{
-        return /*#__PURE__*/ React$1.createElement(CommandItem, {
-            key: column.id,
-            onSelect: ()=>column.toggleVisibility(!column.getIsVisible())
-        }, /*#__PURE__*/ React$1.createElement("span", {
-            className: "truncate"
-        }, transformColumnName ? transformColumnName(column.id) : column.id), /*#__PURE__*/ React$1.createElement(Check, {
-            className: cn("ml-auto size-4 shrink-0", column.getIsVisible() ? "opacity-100" : "opacity-0")
-        }));
-    }))))));
-}
-
-function DataTableSearch({ table, keySearch, placeholder }) {
-    return /*#__PURE__*/ React.createElement("div", {
-        className: "relative w-full max-w-sm"
-    }, /*#__PURE__*/ React.createElement(Search, {
-        className: "text-muted-foreground absolute top-3 left-3 h-4 w-4"
-    }), /*#__PURE__*/ React.createElement(Input, {
-        placeholder: placeholder,
-        value: table.getColumn(keySearch)?.getFilterValue() ?? "",
-        onChange: (event)=>table.getColumn(keySearch)?.setFilterValue(event.target.value),
-        className: "w-full pl-8 xl:w-80"
-    }));
-}
-
 function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
@@ -254,10 +209,10 @@ function DataTablePagination({ table, pageSizeOptions = [
         placeholder: `Mostrar ${table.getState().pagination.pageSize || pageSize}`
     })), /*#__PURE__*/ React__default.createElement(SelectContent, null, rowCount && (rowCount === 0 || rowCount < pageSize) ? /*#__PURE__*/ React__default.createElement(SelectItem, {
         value: String(pageSize)
-    }, "Mostrar ", pageSize) : /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, pageSizeOptions.map((pageSize)=>/*#__PURE__*/ React__default.createElement(SelectItem, {
+    }, "Mostrar ", pageSize) : pageSizeOptions.map((pageSize)=>/*#__PURE__*/ React__default.createElement(SelectItem, {
             key: pageSize,
             value: String(pageSize)
-        }, "Mostrar ", pageSize))))), /*#__PURE__*/ React__default.createElement("div", {
+        }, "Mostrar ", pageSize)))), /*#__PURE__*/ React__default.createElement("div", {
         className: "flex flex-wrap gap-2 gap-y-4"
     }, /*#__PURE__*/ React__default.createElement(Button, {
         variant: "ghost",
@@ -424,127 +379,6 @@ const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, se
     }));
 };
 
-function DataTableSkeleton(props) {
-    const { columnCount, rowCount = 10, searchableColumnCount = 0, filterableColumnCount = 0, showViewOptions = true, cellWidths = [
-        "auto"
-    ], withPagination = true, shrinkZero = false, className, ...skeletonProps } = props;
-    return /*#__PURE__*/ React__default.createElement("div", {
-        className: cn("w-full space-y-2.5 overflow-auto", className),
-        ...skeletonProps
-    }, /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1"
-    }, /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex flex-1 items-center space-x-2"
-    }, searchableColumnCount > 0 ? Array.from({
-        length: searchableColumnCount
-    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(Skeleton, {
-            key: `${String(i)}`,
-            className: "h-7 w-40 lg:w-60"
-        })) : null, filterableColumnCount > 0 ? Array.from({
-        length: filterableColumnCount
-    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(Skeleton, {
-            key: `${String(i)}`,
-            className: "h-7 w-[4.5rem] border-dashed"
-        })) : null), showViewOptions ? /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "ml-auto hidden h-7 w-[4.5rem] lg:flex"
-    }) : null), /*#__PURE__*/ React__default.createElement("div", {
-        className: "rounded-md border"
-    }, /*#__PURE__*/ React__default.createElement(Table, null, /*#__PURE__*/ React__default.createElement(TableHeader, null, Array.from({
-        length: 1
-    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(TableRow, {
-            key: `${String(i)}`,
-            className: "hover:bg-transparent"
-        }, Array.from({
-            length: columnCount
-        }).map((_, j)=>/*#__PURE__*/ React__default.createElement(TableHead, {
-                key: `${String(j)}`,
-                style: {
-                    width: cellWidths[j],
-                    minWidth: shrinkZero ? cellWidths[j] : "auto"
-                }
-            }, /*#__PURE__*/ React__default.createElement(Skeleton, {
-                className: "h-6 w-full"
-            })))))), /*#__PURE__*/ React__default.createElement(TableBody, null, Array.from({
-        length: rowCount
-    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(TableRow, {
-            key: `${String(i)}`,
-            className: "hover:bg-transparent"
-        }, Array.from({
-            length: columnCount
-        }).map((_, j)=>/*#__PURE__*/ React__default.createElement(TableCell, {
-                key: `${String(j)}`,
-                style: {
-                    width: cellWidths[j],
-                    minWidth: shrinkZero ? cellWidths[j] : "auto"
-                }
-            }, /*#__PURE__*/ React__default.createElement(Skeleton, {
-                className: "h-6 w-full"
-            })))))))), withPagination ? /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8"
-    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "h-7 w-40 shrink-0"
-    }), /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex items-center gap-4 sm:gap-6 lg:gap-8"
-    }, /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex items-center space-x-2"
-    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "h-7 w-24"
-    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "h-7 w-[4.5rem]"
-    })), /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex items-center justify-center text-sm font-medium"
-    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "h-7 w-20"
-    })), /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex items-center space-x-2"
-    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "hidden size-7 lg:block"
-    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "size-7"
-    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "size-7"
-    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
-        className: "hidden size-7 lg:block"
-    })))) : null);
-}
-
-function DataTableStatus({ table, uniqueStatusValues, renderStatusMessage, className }) {
-    const triggerRef = React__default.useRef(null);
-    const currentFilter = table.getColumn("status")?.getFilterValue();
-    return /*#__PURE__*/ React__default.createElement(Popover, {
-        modal: true
-    }, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
-        asChild: true
-    }, /*#__PURE__*/ React__default.createElement(Button, {
-        ref: triggerRef,
-        "aria-label": "Filtre por status",
-        variant: "outline",
-        className: cn("border-input text-muted-foreground ring-offset-background placeholder:text-muted-foreground hover:text-muted-foreground focus:ring-ring flex h-10 w-full max-w-60 items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm hover:bg-inherit focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50", className)
-    }, currentFilter ? renderStatusMessage(currentFilter) : "Todos os status", /*#__PURE__*/ React__default.createElement(ChevronDown, {
-        className: "h-4 w-4"
-    }))), /*#__PURE__*/ React__default.createElement(PopoverContent, {
-        align: "end",
-        className: "w-44 p-0",
-        onCloseAutoFocus: ()=>triggerRef.current?.focus()
-    }, /*#__PURE__*/ React__default.createElement(Command, null, /*#__PURE__*/ React__default.createElement(CommandInput, {
-        placeholder: "Pesquisar status..."
-    }), /*#__PURE__*/ React__default.createElement(CommandList, null, /*#__PURE__*/ React__default.createElement(CommandEmpty, null, "Nenhum status encontrado."), /*#__PURE__*/ React__default.createElement(CommandItem, {
-        key: "all",
-        onSelect: ()=>table.getColumn("status")?.setFilterValue(undefined)
-    }, /*#__PURE__*/ React__default.createElement("span", {
-        className: "truncate"
-    }, "Todos os status")), uniqueStatusValues.map((item)=>{
-        if (!item) return null;
-        const statusMessage = renderStatusMessage(item);
-        return /*#__PURE__*/ React__default.createElement(CommandItem, {
-            key: `${String(item)}`,
-            onSelect: ()=>table.getColumn("status")?.setFilterValue(item)
-        }, /*#__PURE__*/ React__default.createElement("span", {
-            className: "truncate"
-        }, statusMessage));
-    })))));
-}
-
 const getRowKey = (row, rowKey)=>{
     if (typeof rowKey === "function") {
         return rowKey(row);
@@ -659,7 +493,7 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
             return /*#__PURE__*/ React__default.createElement(TableHead, {
                 className: dividingColumnKey?.includes(id) ? "border-r" : "",
                 key: header.id
-            }, header.isPlaceholder ? null : /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("div", {
+            }, header.isPlaceholder ? null : /*#__PURE__*/ React__default.createElement("div", {
                 className: !isActionsColumn && header.column.getCanSort() ? "flex w-fit items-center justify-start cursor-pointer gap-1 font-medium" : "",
                 onClick: !isActionsColumn ? header.column.getToggleSortingHandler() : undefined
             }, flexRender(header.column.columnDef.header, header.getContext()), (!isActionsColumn && header.column.getCanSort() && ({
@@ -674,7 +508,7 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
                 })
             })[header.column.getIsSorted()]) ?? /*#__PURE__*/ React__default.createElement(ArrowDown, {
                 className: "h-3.5 w-3.5"
-            }))));
+            })));
         }));
     })), /*#__PURE__*/ React__default.createElement(TableBody, null, renderTableBodyContent()))))), isScrollable || !showPagination ? null : isLoadingTable ? /*#__PURE__*/ React__default.createElement(DataTablePaginationSkeleton, null) : /*#__PURE__*/ React__default.createElement(DataTablePagination, {
         table: table,
@@ -684,5 +518,171 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
     }));
 };
 
+function DataTableSearch({ table, keySearch, placeholder }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "relative w-full max-w-sm"
+    }, /*#__PURE__*/ React.createElement(Search, {
+        className: "text-muted-foreground absolute top-3 left-3 h-4 w-4"
+    }), /*#__PURE__*/ React.createElement(Input, {
+        placeholder: placeholder,
+        value: table.getColumn(keySearch)?.getFilterValue() ?? "",
+        onChange: (event)=>table.getColumn(keySearch)?.setFilterValue(event.target.value),
+        className: "w-full pl-8 xl:w-80"
+    }));
+}
+
+function DataTableSkeleton(props) {
+    const { columnCount, rowCount = 10, searchableColumnCount = 0, filterableColumnCount = 0, showViewOptions = true, cellWidths = [
+        "auto"
+    ], withPagination = true, shrinkZero = false, className, ...skeletonProps } = props;
+    return /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("w-full space-y-2.5 overflow-auto", className),
+        ...skeletonProps
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1"
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex flex-1 items-center space-x-2"
+    }, searchableColumnCount > 0 ? Array.from({
+        length: searchableColumnCount
+    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(Skeleton, {
+            key: `${String(i)}`,
+            className: "h-7 w-40 lg:w-60"
+        })) : null, filterableColumnCount > 0 ? Array.from({
+        length: filterableColumnCount
+    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(Skeleton, {
+            key: `${String(i)}`,
+            className: "h-7 w-[4.5rem] border-dashed"
+        })) : null), showViewOptions ? /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "ml-auto hidden h-7 w-[4.5rem] lg:flex"
+    }) : null), /*#__PURE__*/ React__default.createElement("div", {
+        className: "rounded-md border"
+    }, /*#__PURE__*/ React__default.createElement(Table, null, /*#__PURE__*/ React__default.createElement(TableHeader, null, Array.from({
+        length: 1
+    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(TableRow, {
+            key: `${String(i)}`,
+            className: "hover:bg-transparent"
+        }, Array.from({
+            length: columnCount
+        }).map((_, j)=>/*#__PURE__*/ React__default.createElement(TableHead, {
+                key: `${String(j)}`,
+                style: {
+                    width: cellWidths[j],
+                    minWidth: shrinkZero ? cellWidths[j] : "auto"
+                }
+            }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+                className: "h-6 w-full"
+            })))))), /*#__PURE__*/ React__default.createElement(TableBody, null, Array.from({
+        length: rowCount
+    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(TableRow, {
+            key: `${String(i)}`,
+            className: "hover:bg-transparent"
+        }, Array.from({
+            length: columnCount
+        }).map((_, j)=>/*#__PURE__*/ React__default.createElement(TableCell, {
+                key: `${String(j)}`,
+                style: {
+                    width: cellWidths[j],
+                    minWidth: shrinkZero ? cellWidths[j] : "auto"
+                }
+            }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+                className: "h-6 w-full"
+            })))))))), withPagination ? /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8"
+    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "h-7 w-40 shrink-0"
+    }), /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex items-center gap-4 sm:gap-6 lg:gap-8"
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex items-center space-x-2"
+    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "h-7 w-24"
+    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "h-7 w-[4.5rem]"
+    })), /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex items-center justify-center text-sm font-medium"
+    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "h-7 w-20"
+    })), /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex items-center space-x-2"
+    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "hidden size-7 lg:block"
+    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "size-7"
+    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "size-7"
+    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "hidden size-7 lg:block"
+    })))) : null);
+}
+
+function DataTableStatus({ table, uniqueStatusValues, renderStatusMessage, className }) {
+    const triggerRef = React__default.useRef(null);
+    const currentFilter = table.getColumn("status")?.getFilterValue();
+    return /*#__PURE__*/ React__default.createElement(Popover, {
+        modal: true
+    }, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
+        asChild: true
+    }, /*#__PURE__*/ React__default.createElement(Button, {
+        ref: triggerRef,
+        "aria-label": "Filtre por status",
+        variant: "outline",
+        className: cn("border-input text-muted-foreground ring-offset-background placeholder:text-muted-foreground hover:text-muted-foreground focus:ring-ring flex h-10 w-full max-w-60 items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm hover:bg-inherit focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50", className)
+    }, currentFilter ? renderStatusMessage(currentFilter) : "Todos os status", /*#__PURE__*/ React__default.createElement(ChevronDown, {
+        className: "h-4 w-4"
+    }))), /*#__PURE__*/ React__default.createElement(PopoverContent, {
+        align: "end",
+        className: "w-44 p-0",
+        onCloseAutoFocus: ()=>triggerRef.current?.focus()
+    }, /*#__PURE__*/ React__default.createElement(Command, null, /*#__PURE__*/ React__default.createElement(CommandInput, {
+        placeholder: "Pesquisar status..."
+    }), /*#__PURE__*/ React__default.createElement(CommandList, null, /*#__PURE__*/ React__default.createElement(CommandEmpty, null, "Nenhum status encontrado."), /*#__PURE__*/ React__default.createElement(CommandItem, {
+        key: "all",
+        onSelect: ()=>table.getColumn("status")?.setFilterValue(undefined)
+    }, /*#__PURE__*/ React__default.createElement("span", {
+        className: "truncate"
+    }, "Todos os status")), uniqueStatusValues.map((item)=>{
+        if (!item) return null;
+        const statusMessage = renderStatusMessage(item);
+        return /*#__PURE__*/ React__default.createElement(CommandItem, {
+            key: `${String(item)}`,
+            onSelect: ()=>table.getColumn("status")?.setFilterValue(item)
+        }, /*#__PURE__*/ React__default.createElement("span", {
+            className: "truncate"
+        }, statusMessage));
+    })))));
+}
+
+function DataTableViewOptions({ table, transformColumnName, disabled }) {
+    const triggerRef = React$1.useRef(null);
+    return /*#__PURE__*/ React$1.createElement(Popover, {
+        modal: true
+    }, /*#__PURE__*/ React$1.createElement(PopoverTrigger, {
+        asChild: true
+    }, /*#__PURE__*/ React$1.createElement(Button, {
+        ref: triggerRef,
+        "aria-label": "Toggle columns",
+        variant: "outline",
+        className: "text-muted-foreground hover:text-muted-foreground w-full max-w-[12.5rem] items-center justify-between bg-inherit px-3 py-2 hover:bg-inherit",
+        disabled: disabled
+    }, "Colunas", /*#__PURE__*/ React$1.createElement(ChevronDown, {
+        className: "h-4 w-4"
+    }))), /*#__PURE__*/ React$1.createElement(PopoverContent, {
+        align: "end",
+        className: "w-44 p-0",
+        onCloseAutoFocus: ()=>triggerRef.current?.focus()
+    }, /*#__PURE__*/ React$1.createElement(Command, null, /*#__PURE__*/ React$1.createElement(CommandInput, {
+        placeholder: "Pesquisar colunas..."
+    }), /*#__PURE__*/ React$1.createElement(CommandList, null, /*#__PURE__*/ React$1.createElement(CommandEmpty, null, "Nenhuma coluna encontrada."), /*#__PURE__*/ React$1.createElement(CommandGroup, null, table.getAllColumns().filter((column)=>typeof column.accessorFn !== "undefined" && column.getCanHide()).map((column)=>{
+        return /*#__PURE__*/ React$1.createElement(CommandItem, {
+            key: column.id,
+            onSelect: ()=>column.toggleVisibility(!column.getIsVisible())
+        }, /*#__PURE__*/ React$1.createElement("span", {
+            className: "truncate"
+        }, transformColumnName ? transformColumnName(column.id) : column.id), /*#__PURE__*/ React$1.createElement(Check, {
+            className: cn("ml-auto size-4 shrink-0", column.getIsVisible() ? "opacity-100" : "opacity-0")
+        }));
+    }))))));
+}
+
 export { DataTableMainFrame, DataTableMainFrameSortable, DataTablePagination, DataTablePaginationSkeleton, DataTableRowSkeleton, DataTableSearch, DataTableSkeleton, DataTableStatus, DataTableViewOptions };
 //# sourceMappingURL=index.mjs.map