ivt 0.3.3 → 0.3.4

package/dist/data-table/index.mjs

@@ -1,2 +1,674 @@
-import*as e from"react";import t,{forwardRef as a,createElement as l}from"react";import{c as n}from"../chunks/utils-BctauAA9.mjs";import{C as r}from"../chunks/chevron-down-D3fvbjxE.mjs";import{C as s}from"../chunks/check-CimnOyD7.mjs";import{P as m,a as c,b as o}from"../chunks/popover-Cn2ZTvKd.mjs";import{B as i}from"../chunks/button-DrFZXJ7z.mjs";import{C as u,b as d,c as g,d as p,e as h,f,S as E}from"../chunks/command-C6ON-ciq.mjs";import{I as w}from"../chunks/input-85UFztMJ.mjs";import{S as x,h as N,i as b,a as y,c as k}from"../chunks/select-BR6_N_Yo.mjs";import{C as v}from"../chunks/chevron-left-CrN7DlXg.mjs";import{C}from"../chunks/chevron-right-BMSCuDGK.mjs";import{c as S,f as j}from"../chunks/pagination-CReDQes6.mjs";import{S as z}from"../chunks/skeleton-XPWWiaac.mjs";import{e as M,f as P,T as A,a as F,d as I,b as L}from"../chunks/table-LQIHzPHi.mjs";import{c as R}from"../chunks/createLucideIcon-L-tld2uc.mjs";import{S as V,b as $}from"../chunks/sortable-CqPFGn8Q.mjs";import"../chunks/bundle-mjs-9BXytT_r.mjs";import"../chunks/index-CdJCOoFA.mjs";import"../chunks/index-COvW87ew.mjs";import"../chunks/index-CCcl327A.mjs";import"react/jsx-runtime";import"../chunks/index-xew3kygQ.mjs";import"../chunks/index-w9bxia3O.mjs";import"react-dom";import"@radix-ui/react-slot";import"../chunks/index-CXszXOf_.mjs";import"../chunks/index-CLtWFQL5.mjs";import"../chunks/index-lvPXnk5F.mjs";import"../chunks/tslib.es6-cMGqxriw.mjs";import"../chunks/index-CRxQlsb9.mjs";import"../chunks/index-DOyt-JEx.mjs";import"../chunks/index-vmPXTidH.mjs";import"../chunks/index-BdpYc58_.mjs";import"../chunks/index-CybgQKpz.mjs";import"class-variance-authority";import"../chunks/index-DUNcuWJE.mjs";import"../chunks/dialog-36eqHzT3.mjs";import"../chunks/x-BNLl0E-E.mjs";import"@radix-ui/react-select";const O=R("ArrowDown",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]]),_=R("ArrowUp",[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]]);function D({table:t,transformColumnName:a}){const l=e.useRef(null);return e.createElement(m,{modal:!0},e.createElement(c,{asChild:!0},e.createElement(i,{ref:l,"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"},"Colunas",e.createElement(r,{className:"h-4 w-4"}))),e.createElement(o,{align:"end",className:"w-44 p-0",onCloseAutoFocus:()=>l.current?.focus()},e.createElement(u,null,e.createElement(d,{placeholder:"Pesquisar colunas..."}),e.createElement(g,null,e.createElement(p,null,"Nenhuma coluna encontrada."),e.createElement(h,null,t.getAllColumns().filter(e=>void 0!==e.accessorFn&&e.getCanHide()).map(t=>e.createElement(f,{key:t.id,onSelect:()=>t.toggleVisibility(!t.getIsVisible())},e.createElement("span",{className:"truncate"},a?a(t.id):t.id),e.createElement(s,{className:n("ml-auto size-4 shrink-0",t.getIsVisible()?"opacity-100":"opacity-0")}))))))))}function H({table:e,keySearch:t,placeholder:a}){return React.createElement("div",{className:"relative w-full max-w-sm"},React.createElement(E,{className:"text-muted-foreground absolute top-3 left-3 h-4 w-4"}),React.createElement(w,{placeholder:a,value:e.getColumn(t)?.getFilterValue()??"",onChange:a=>e.getColumn(t)?.setFilterValue(a.target.value),className:"w-full pl-8 xl:w-80"}))}var T=["color"],B=a(function(e,t){var a=e.color,n=void 0===a?"currentColor":a,r=function(e,t){if(null==e)return{};var a,l,n={},r=Object.keys(e);for(l=0;l<r.length;l++)a=r[l],t.indexOf(a)>=0||(n[a]=e[a]);return n}(e,T);return l("svg",Object.assign({width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r,{ref:t}),l("path",{d:"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",fill:n,fillRule:"evenodd",clipRule:"evenodd"}))});function q(t,a){return t?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(l=t)||"function"==typeof l||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(l)?e.createElement(t,a):t:null;var l}function W({table:e,pageSizeOptions:a=[20,30,50,100,200],dataLabel:l="Fundos"}){const n=a[0],r=e.getState().pagination.pageIndex+1,s=e.getRowCount(),m=Math.ceil(s/e.getState().pagination.pageSize);return t.createElement("div",{className:"mt-4 flex flex-wrap items-center justify-between gap-2"},t.createElement("div",{className:"text-muted-foreground flex gap-1 text-sm"},t.createElement("p",{className:"ml-2"},"Mostrando ",e.getRowModel().rows.length.toLocaleString()," de ",s," ",l,".")),t.createElement("div",{className:"flex flex-wrap items-center justify-between gap-2 gap-y-4"},t.createElement(x,{value:String(e.getState().pagination.pageSize)||String(n),onValueChange:t=>e.setPageSize(Number(t))},t.createElement(N,{className:"w-fit"},t.createElement(b,{placeholder:`Mostrar ${e.getState().pagination.pageSize||n}`})),t.createElement(y,null,s&&(0===s||s<n)?t.createElement(k,{value:String(n)},"Mostrar ",n):t.createElement(t.Fragment,null,a.map(e=>t.createElement(k,{key:e,value:String(e)},"Mostrar ",e))))),t.createElement("div",{className:"flex flex-wrap gap-2 gap-y-4"},t.createElement(i,{variant:"ghost",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),"aria-label":"Ir para página anterior",className:"gap-1"},t.createElement(v,{className:"size-4"}),"Anterior"),t.createElement("div",{className:"flex gap-2"},(()=>{const a=[];if(m<=3)for(let l=1;l<=m;l++)a.push(t.createElement(i,{variant:r===l?"outline":"ghost",key:l,onClick:()=>e.setPageIndex(l-1),className:"size-9"},l));else{a.push(t.createElement(i,{variant:1===r?"outline":"ghost",key:1,onClick:()=>e.setPageIndex(0),className:"size-9"},"1"));const l=Math.max(2,Math.min(r,m-2)),n=Math.min(m-1,l+3-2);l>2&&a.push(t.createElement(S,{key:"ellipsis-start",className:"list-none"},t.createElement(j,null)));for(let s=l;s<=n;s++)a.push(t.createElement(i,{variant:r===s?"outline":"ghost",key:s,onClick:()=>e.setPageIndex(s-1),className:"size-9"},s));n<m-1&&a.push(t.createElement(S,{key:"ellipsis-end",className:"list-none"},t.createElement(j,null))),a.push(t.createElement(i,{variant:r===m?"outline":"ghost",key:m,onClick:()=>e.setPageIndex(m-1)},m))}return a})()),t.createElement(i,{variant:"ghost",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),"aria-label":"Ir para próxima página",className:"gap-1"},"Próximo",t.createElement(C,{className:"size-4"})))))}const Z=({className:e})=>t.createElement("div",{className:"mt-4 flex flex-wrap items-center justify-between gap-2"},t.createElement(z,{className:n("h-5 w-40",e)}),t.createElement("div",{className:"flex flex-wrap items-center justify-between gap-2 gap-y-4"},t.createElement(z,{className:n("h-10 w-28",e)}),t.createElement(z,{className:n("h-9 w-[16rem]",e)})));function K(e){const{columnCount:a,rowCount:l=8,cellWidths:n=["auto"],shrinkZero:r=!1}=e;return t.createElement(t.Fragment,null,Array.from({length:l}).map((e,l)=>t.createElement(M,{key:`row-${String(l)}`,className:"hover:bg-transparent"},Array.from({length:a}).map((e,a)=>t.createElement(P,{key:`cell-${String(l)}-${a}`,style:{width:n[a],minWidth:r?n[a]:"auto"}},t.createElement(z,{className:"h-6 w-full"}))))))}const G=({table:e,columns:a,isLoadingTable:l,loadingContent:r,setQueryParams:s,dataLabel:m,actionColumns:c=[],messageEmpty:o=t.createElement(t.Fragment,null,"Sem resultados"),dividingColumnKey:i,pageSizeOptions:u,className:d,scrollMaxHeightClass:g="sm:max-h-[calc(100vh-300px)]",isScrollable:p=!1,fixedHeader:h=!1,showPagination:f=!0})=>{const E=Number(e.getState().pagination.pageIndex).toString(),w=Number(e.getState().pagination.pageSize).toString(),x=e.getState().sorting;t.useEffect(()=>{if(!s)return;const e={sortingBy:"",order:""};x.length>0&&(e.sortingBy=x[0].id,e.order=x[0].desc?"DESC":"ASC"),s(t=>({...t,pageSize:w,page:E,...e}))},[E,w,s,x]);const N=e.getRowModel().rows.length>1||l;return t.createElement(t.Fragment,null,t.createElement("div",{className:n("bg-background mx-1 h-full w-full rounded-md border whitespace-nowrap",d)},t.createElement("div",{className:n("relative w-full overflow-auto",N&&"force-min-height",p&&g&&g)},t.createElement(A,null,t.createElement(F,{className:n(h&&"bg-background sticky top-0 z-10 shadow-[0_1px_0_hsl(240_6%_90%)]")},e.getHeaderGroups().map(e=>t.createElement(M,{key:e.id},e.headers.map(e=>{const{column:{id:a}}=e,l=["actions",...c].includes(a);return t.createElement(I,{className:n(i?.includes(a)?"border-r":"","static"),key:e.id},e.isPlaceholder?null:t.createElement(t.Fragment,null,t.createElement("div",{className:!l&&e.column.getCanSort()?"flex w-fit items-center justify-start cursor-pointer gap-1 font-medium":"",onClick:l?void 0:e.column.getToggleSortingHandler()},q(e.column.columnDef.header,e.getContext()),(!l&&e.column.getCanSort()&&{asc:t.createElement(O,{className:"h-3.5 w-3.5"}),desc:t.createElement(_,{className:"h-3.5 w-3.5"}),false:t.createElement(B,{className:"h-4 w-4"})}[e.column.getIsSorted()])??t.createElement(O,{className:"h-3.5 w-3.5"}))))})))),t.createElement(L,null,l&&!r?t.createElement(K,{columnCount:e.getAllColumns().length}):l&&r?t.createElement(P,{colSpan:a.length,className:"h-24 text-center"},r):0===e.getRowModel().rows.length?t.createElement(M,null,t.createElement(P,{colSpan:a.length,className:"h-24 text-center"},t.createElement("span",{className:"inline-block max-w-[30rem] text-wrap break-words"},o))):e.getRowModel().rows.map((e,a)=>{const l=e.id??String(a);return t.createElement(M,{key:l,"data-state":e.getIsSelected()&&"selected",className:"even:bg-body/50"},e.getVisibleCells().map(e=>t.createElement(P,{key:e.id,className:n("p-2 py-1",i?.includes(e.column.id)&&"border-r")},q(e.column.columnDef.cell,e.getContext()))))}))))),p||!f?null:l?t.createElement(Z,null):t.createElement(W,{table:e,dataLabel:m,pageSizeOptions:u}))};function Q(e){const{columnCount:a,rowCount:l=10,searchableColumnCount:r=0,filterableColumnCount:s=0,showViewOptions:m=!0,cellWidths:c=["auto"],withPagination:o=!0,shrinkZero:i=!1,className:u,...d}=e;return t.createElement("div",{className:n("w-full space-y-2.5 overflow-auto",u),...d},t.createElement("div",{className:"flex w-full items-center justify-between space-x-2 overflow-auto p-1"},t.createElement("div",{className:"flex flex-1 items-center space-x-2"},r>0?Array.from({length:r}).map((e,a)=>t.createElement(z,{key:`${String(a)}`,className:"h-7 w-40 lg:w-60"})):null,s>0?Array.from({length:s}).map((e,a)=>t.createElement(z,{key:`${String(a)}`,className:"h-7 w-[4.5rem] border-dashed"})):null),m?t.createElement(z,{className:"ml-auto hidden h-7 w-[4.5rem] lg:flex"}):null),t.createElement("div",{className:"rounded-md border"},t.createElement(A,null,t.createElement(F,null,Array.from({length:1}).map((e,l)=>t.createElement(M,{key:`${String(l)}`,className:"hover:bg-transparent"},Array.from({length:a}).map((e,a)=>t.createElement(I,{key:`${String(a)}`,style:{width:c[a],minWidth:i?c[a]:"auto"}},t.createElement(z,{className:"h-6 w-full"})))))),t.createElement(L,null,Array.from({length:l}).map((e,l)=>t.createElement(M,{key:`${String(l)}`,className:"hover:bg-transparent"},Array.from({length:a}).map((e,a)=>t.createElement(P,{key:`${String(a)}`,style:{width:c[a],minWidth:i?c[a]:"auto"}},t.createElement(z,{className:"h-6 w-full"})))))))),o?t.createElement("div",{className:"flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8"},t.createElement(z,{className:"h-7 w-40 shrink-0"}),t.createElement("div",{className:"flex items-center gap-4 sm:gap-6 lg:gap-8"},t.createElement("div",{className:"flex items-center space-x-2"},t.createElement(z,{className:"h-7 w-24"}),t.createElement(z,{className:"h-7 w-[4.5rem]"})),t.createElement("div",{className:"flex items-center justify-center text-sm font-medium"},t.createElement(z,{className:"h-7 w-20"})),t.createElement("div",{className:"flex items-center space-x-2"},t.createElement(z,{className:"hidden size-7 lg:block"}),t.createElement(z,{className:"size-7"}),t.createElement(z,{className:"size-7"}),t.createElement(z,{className:"hidden size-7 lg:block"})))):null)}function U({table:e,uniqueStatusValues:a,renderStatusMessage:l,className:s}){const h=t.useRef(null),E=e.getColumn("status")?.getFilterValue();return t.createElement(m,{modal:!0},t.createElement(c,{asChild:!0},t.createElement(i,{ref:h,"aria-label":"Filtre por status",variant:"outline",className:n("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",s)},E?l(E):"Todos os status",t.createElement(r,{className:"h-4 w-4"}))),t.createElement(o,{align:"end",className:"w-44 p-0",onCloseAutoFocus:()=>h.current?.focus()},t.createElement(u,null,t.createElement(d,{placeholder:"Pesquisar status..."}),t.createElement(g,null,t.createElement(p,null,"Nenhum status encontrado."),t.createElement(f,{key:"all",onSelect:()=>e.getColumn("status")?.setFilterValue(void 0)},t.createElement("span",{className:"truncate"},"Todos os status")),a.map(a=>{if(!a)return null;const n=l(a);return t.createElement(f,{key:`${String(a)}`,onSelect:()=>e.getColumn("status")?.setFilterValue(a)},t.createElement("span",{className:"truncate"},n))})))))}const J=(e,t)=>{if("function"==typeof t)return t(e);if(Array.isArray(t)){for(const a of t)if(void 0!==e[a]&&null!==e[a])return e[a];return""}return e[t]},X=({table:e,columns:a,isLoadingTable:l,loadingContent:r,setQueryParams:s,dataLabel:m,actionColumns:c=[],data:o,messageEmpty:i=t.createElement(t.Fragment,null,"Sem resultados"),onDataChange:u,rowKey:d,dividingColumnKey:g,pageSizeOptions:p,className:h,scrollMaxHeightClass:f="sm:max-h-[calc(100vh-300px)]",isScrollable:E=!1,fixedHeader:w=!1,showPagination:x=!0})=>{const N=Number(e.getState().pagination.pageIndex).toString(),b=Number(e.getState().pagination.pageSize).toString(),y=e.getState().sorting,[k,v]=t.useState(o);t.useEffect(()=>{v(o)},[o]),t.useEffect(()=>{if(!s)return;const e={sortingBy:"",order:""};y.length>0&&(e.sortingBy=y[0].id,e.order=y[0].desc?"DESC":"ASC"),s(t=>({...t,pageSize:b,page:N,...e}))},[N,b,s,y]);const C=e.getRowModel().rows.length>1||l;return t.createElement(t.Fragment,null,t.createElement("div",{className:n("bg-background mx-1 h-full w-full rounded-md border whitespace-nowrap",h)},t.createElement("div",{className:n("relative w-full overflow-auto",C&&"force-min-height",E&&f&&f)},t.createElement(A,null,t.createElement(F,{className:n(w&&"bg-background sticky top-0 z-10 shadow-[0_1px_0_hsl(240_6%_90%)]")},e.getHeaderGroups().map(e=>t.createElement(M,{key:e.id},e.headers.map(e=>{const{column:{id:a}}=e,l=["actions",...c].includes(a);return t.createElement(I,{className:g?.includes(a)?"border-r":"",key:e.id},e.isPlaceholder?null:t.createElement(t.Fragment,null,t.createElement("div",{className:!l&&e.column.getCanSort()?"flex w-fit items-center justify-start cursor-pointer gap-1 font-medium":"",onClick:l?void 0:e.column.getToggleSortingHandler()},q(e.column.columnDef.header,e.getContext()),(!l&&e.column.getCanSort()&&{asc:t.createElement(O,{className:"h-3.5 w-3.5"}),desc:t.createElement(_,{className:"h-3.5 w-3.5"}),false:t.createElement(B,{className:"h-4 w-4"})}[e.column.getIsSorted()])??t.createElement(O,{className:"h-3.5 w-3.5"}))))})))),t.createElement(L,null,t.createElement(V,{value:k.map(e=>({...e,id:J(e,d)})),onValueChange:e=>{v(e),u?.(e)}},l&&!r?t.createElement(K,{columnCount:e.getAllColumns().length}):l&&r?t.createElement(P,{colSpan:a.length,className:"h-24 text-center"},r):0===e.getRowModel().rows.length?t.createElement(M,null,t.createElement(P,{colSpan:a.length,className:"h-24 text-center"},t.createElement("span",{className:"inline-block max-w-[30rem] text-wrap break-words"},i))):e.getRowModel().rows.map(e=>{const a=e.original,l=J(a,d);return t.createElement($,{key:e.id,value:l,asChild:!0},t.createElement(M,{"data-state":e.getIsSelected()&&"selected",className:"even:bg-body/50"},e.getVisibleCells().map(e=>t.createElement(P,{key:e.id,className:n("p-2 py-1",g?.includes(e.column.id)&&"border-r")},q(e.column.columnDef.cell,e.getContext())))))})))))),E||!x?null:l?t.createElement(Z,null):t.createElement(W,{table:e,dataLabel:m,pageSizeOptions:p}))};export{G as DataTableMainFrame,X as DataTableMainFrameSortable,W as DataTablePagination,Z as DataTablePaginationSkeleton,K as DataTableRowSkeleton,H as DataTableSearch,Q as DataTableSkeleton,U as DataTableStatus,D as DataTableViewOptions};
+import * as React$1 from 'react';
+import React__default, { forwardRef, createElement } from 'react';
+import { c as cn } from '../chunks/utils-BUelq9Ro.mjs';
+import { C as ChevronDown } from '../chunks/chevron-down-D84DRJBv.mjs';
+import { C as Check } from '../chunks/check-B7209s3e.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-D3F326FR.mjs';
+import { B as Button } from '../chunks/button-CX0htulo.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-C8cVzg-x.mjs';
+import { I as Input } from '../chunks/input-DK1slFF1.mjs';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-Cw81y8pT.mjs';
+import { C as ChevronLeft } from '../chunks/chevron-left-DtL1t1DJ.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-Cdxg1JSQ.mjs';
+import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-BM_IQ6Qk.mjs';
+import { S as Skeleton } from '../chunks/skeleton-qx8-vr62.mjs';
+import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-BDNUhtz-.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-Ba0IWqsz.mjs';
+import { S as Sortable, b as SortableItem } from '../chunks/sortable-D8ayoe_b.mjs';
+import '../chunks/bundle-mjs-tFg__FnT.mjs';
+import '../chunks/index-Dm4_czlz.mjs';
+import '../chunks/index-B4VRyyD1.mjs';
+import '../chunks/index-B_FsTtnF.mjs';
+import 'react/jsx-runtime';
+import '../chunks/index-BE-_q4IW.mjs';
+import '../chunks/index-D0S6rRRE.mjs';
+import 'react-dom';
+import '@radix-ui/react-slot';
+import '../chunks/index-CAg47KJ6.mjs';
+import '../chunks/index-BZUrHhU8.mjs';
+import '../chunks/index-sz_BcBbA.mjs';
+import '../chunks/tslib.es6-BgHLrbno.mjs';
+import '../chunks/index-6JUj2Tld.mjs';
+import '../chunks/index-kr6_v_F8.mjs';
+import '../chunks/index-B0IElWB4.mjs';
+import '../chunks/index-D2wfJaZh.mjs';
+import '../chunks/index-C_jFwfR_.mjs';
+import 'class-variance-authority';
+import '../chunks/index-CyMuypYR.mjs';
+import '../chunks/dialog-D9vbxUuQ.mjs';
+import '../chunks/x-Bjz0Vo6R.mjs';
+import '@radix-ui/react-select';
+
+const __iconNode$1 = [
+    [
+        "path",
+        {
+            d: "M12 5v14",
+            key: "s699le"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m19 12-7 7-7-7",
+            key: "1idqje"
+        }
+    ]
+];
+const ArrowDown = createLucideIcon("ArrowDown", __iconNode$1);
+
+const __iconNode = [
+    [
+        "path",
+        {
+            d: "m5 12 7-7 7 7",
+            key: "hav0vg"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 19V5",
+            key: "x0mq9r"
+        }
+    ]
+];
+const ArrowUp = createLucideIcon("ArrowUp", __iconNode);
+
+function DataTableViewOptions({ table, transformColumnName }) {
+    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"
+    }, "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 = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var _excluded$Q = [
+    "color"
+];
+var CaretSortIcon = /*#__PURE__*/ forwardRef(function(_ref, forwardedRef) {
+    var _ref$color = _ref.color, color = _ref$color === void 0 ? 'currentColor' : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
+    return createElement("svg", Object.assign({
+        width: "15",
+        height: "15",
+        viewBox: "0 0 15 15",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, props, {
+        ref: forwardedRef
+    }), createElement("path", {
+        d: "M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",
+        fill: color,
+        fillRule: "evenodd",
+        clipRule: "evenodd"
+    }));
+});
+
+//
+/**
+ * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.
+ */ function flexRender(Comp, props) {
+    return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/ React$1.createElement(Comp, props) : Comp;
+}
+function isReactComponent(component) {
+    return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+function isClassComponent(component) {
+    return typeof component === 'function' && (()=>{
+        const proto = Object.getPrototypeOf(component);
+        return proto.prototype && proto.prototype.isReactComponent;
+    })();
+}
+function isExoticComponent(component) {
+    return typeof component === 'object' && typeof component.$$typeof === 'symbol' && [
+        'react.memo',
+        'react.forward_ref'
+    ].includes(component.$$typeof.description);
+}
+
+function DataTablePagination({ table, pageSizeOptions = [
+    20,
+    30,
+    50,
+    100,
+    200
+], dataLabel = "Fundos" }) {
+    const pageSize = pageSizeOptions[0];
+    const currentPage = table.getState().pagination.pageIndex + 1;
+    const rowCount = table.getRowCount();
+    const totalPageCount = Math.ceil(rowCount / table.getState().pagination.pageSize);
+    const renderPageNumbers = ()=>{
+        const items = [];
+        const maxVisiblePages = 3;
+        if (totalPageCount <= maxVisiblePages) {
+            for(let i = 1; i <= totalPageCount; i++){
+                items.push(/*#__PURE__*/ React__default.createElement(Button, {
+                    variant: currentPage === i ? "outline" : "ghost",
+                    key: i,
+                    onClick: ()=>table.setPageIndex(i - 1),
+                    className: "size-9"
+                }, i));
+            }
+        } else {
+            items.push(/*#__PURE__*/ React__default.createElement(Button, {
+                variant: currentPage === 1 ? "outline" : "ghost",
+                key: 1,
+                onClick: ()=>table.setPageIndex(0),
+                className: "size-9"
+            }, "1"));
+            const start = Math.max(2, Math.min(currentPage, totalPageCount - (maxVisiblePages - 1)));
+            const end = Math.min(totalPageCount - 1, start + maxVisiblePages - 2);
+            if (start > 2) {
+                items.push(/*#__PURE__*/ React__default.createElement(PaginationItem, {
+                    key: "ellipsis-start",
+                    className: "list-none"
+                }, /*#__PURE__*/ React__default.createElement(PaginationEllipsis, null)));
+            }
+            for(let i = start; i <= end; i++){
+                items.push(/*#__PURE__*/ React__default.createElement(Button, {
+                    variant: currentPage === i ? "outline" : "ghost",
+                    key: i,
+                    onClick: ()=>table.setPageIndex(i - 1),
+                    className: "size-9"
+                }, i));
+            }
+            if (end < totalPageCount - 1) {
+                items.push(/*#__PURE__*/ React__default.createElement(PaginationItem, {
+                    key: "ellipsis-end",
+                    className: "list-none"
+                }, /*#__PURE__*/ React__default.createElement(PaginationEllipsis, null)));
+            }
+            items.push(/*#__PURE__*/ React__default.createElement(Button, {
+                variant: currentPage === totalPageCount ? "outline" : "ghost",
+                key: totalPageCount,
+                onClick: ()=>table.setPageIndex(totalPageCount - 1)
+            }, totalPageCount));
+        }
+        return items;
+    };
+    return /*#__PURE__*/ React__default.createElement("div", {
+        className: "mt-4 flex flex-wrap items-center justify-between gap-2"
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "text-muted-foreground flex gap-1 text-sm"
+    }, /*#__PURE__*/ React__default.createElement("p", {
+        className: "ml-2"
+    }, "Mostrando ", table.getRowModel().rows.length.toLocaleString(), " de ", rowCount, " ", dataLabel, ".")), /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex flex-wrap items-center justify-between gap-2 gap-y-4"
+    }, /*#__PURE__*/ React__default.createElement(Select, {
+        value: String(table.getState().pagination.pageSize) || String(pageSize),
+        onValueChange: (value)=>table.setPageSize(Number(value))
+    }, /*#__PURE__*/ React__default.createElement(SelectTrigger, {
+        className: "w-fit"
+    }, /*#__PURE__*/ React__default.createElement(SelectValue, {
+        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, {
+            key: pageSize,
+            value: String(pageSize)
+        }, "Mostrar ", pageSize))))), /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex flex-wrap gap-2 gap-y-4"
+    }, /*#__PURE__*/ React__default.createElement(Button, {
+        variant: "ghost",
+        onClick: ()=>table.previousPage(),
+        disabled: !table.getCanPreviousPage(),
+        "aria-label": "Ir para página anterior",
+        className: "gap-1"
+    }, /*#__PURE__*/ React__default.createElement(ChevronLeft, {
+        className: "size-4"
+    }), "Anterior"), /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex gap-2"
+    }, renderPageNumbers()), /*#__PURE__*/ React__default.createElement(Button, {
+        variant: "ghost",
+        onClick: ()=>table.nextPage(),
+        disabled: !table.getCanNextPage(),
+        "aria-label": "Ir para próxima página",
+        className: "gap-1"
+    }, "Próximo", /*#__PURE__*/ React__default.createElement(ChevronRight, {
+        className: "size-4"
+    })))));
+}
+
+const DataTablePaginationSkeleton = ({ className })=>{
+    return /*#__PURE__*/ React__default.createElement("div", {
+        className: "mt-4 flex flex-wrap items-center justify-between gap-2"
+    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: cn("h-5 w-40", className)
+    }), /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex flex-wrap items-center justify-between gap-2 gap-y-4"
+    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: cn("h-10 w-28", className)
+    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: cn("h-9 w-[16rem]", className)
+    })));
+};
+
+function DataTableRowSkeleton(props) {
+    const { columnCount, rowCount = 8, cellWidths = [
+        "auto"
+    ], shrinkZero = false } = props;
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, Array.from({
+        length: rowCount
+    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(TableRow, {
+            key: `row-${String(i)}`,
+            className: "hover:bg-transparent"
+        }, Array.from({
+            length: columnCount
+        }).map((_, j)=>/*#__PURE__*/ React__default.createElement(TableCell, {
+                key: `cell-${String(i)}-${j}`,
+                style: {
+                    width: cellWidths[j],
+                    minWidth: shrinkZero ? cellWidths[j] : "auto"
+                }
+            }, /*#__PURE__*/ React__default.createElement(Skeleton, {
+                className: "h-6 w-full"
+            }))))));
+}
+
+const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns = [], messageEmpty = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, "Sem resultados"), dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass = "sm:max-h-[calc(100vh-300px)]", isScrollable = false, fixedHeader = false, showPagination = true })=>{
+    const currentPage = Number(table.getState().pagination.pageIndex).toString();
+    const pageSize = Number(table.getState().pagination.pageSize).toString();
+    const sorting = table.getState().sorting;
+    React__default.useEffect(()=>{
+        if (!setQueryParams) return;
+        const sortingParams = {
+            sortingBy: "",
+            order: ""
+        };
+        if (sorting.length > 0) {
+            sortingParams.sortingBy = sorting[0].id;
+            sortingParams.order = sorting[0].desc ? "DESC" : "ASC";
+        }
+        setQueryParams((prev)=>({
+                ...prev,
+                pageSize,
+                page: currentPage,
+                ...sortingParams
+            }));
+    }, [
+        currentPage,
+        pageSize,
+        setQueryParams,
+        sorting
+    ]);
+    const renderTableBodyContent = ()=>{
+        if (isLoadingTable && !loadingContent) {
+            return /*#__PURE__*/ React__default.createElement(DataTableRowSkeleton, {
+                columnCount: table.getAllColumns().length
+            });
+        }
+        if (isLoadingTable && loadingContent) {
+            return /*#__PURE__*/ React__default.createElement(TableCell, {
+                colSpan: columns.length,
+                className: "h-24 text-center"
+            }, loadingContent);
+        }
+        if (table.getRowModel().rows.length === 0) {
+            return /*#__PURE__*/ React__default.createElement(TableRow, null, /*#__PURE__*/ React__default.createElement(TableCell, {
+                colSpan: columns.length,
+                className: "h-24 text-center"
+            }, /*#__PURE__*/ React__default.createElement("span", {
+                className: "inline-block max-w-[30rem] text-wrap break-words"
+            }, messageEmpty)));
+        }
+        return table.getRowModel().rows.map((row, index)=>{
+            const rowKey = row.id ?? String(index);
+            return /*#__PURE__*/ React__default.createElement(TableRow, {
+                key: rowKey,
+                "data-state": row.getIsSelected() && "selected",
+                className: "even:bg-body/50"
+            }, row.getVisibleCells().map((cell)=>/*#__PURE__*/ React__default.createElement(TableCell, {
+                    key: cell.id,
+                    className: cn("p-2 py-1", dividingColumnKey?.includes(cell.column.id) && "border-r")
+                }, flexRender(cell.column.columnDef.cell, cell.getContext()))));
+        });
+    };
+    const shouldForceMinHeight = table.getRowModel().rows.length > 1 || isLoadingTable;
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("bg-background mx-1 h-full w-full rounded-md border whitespace-nowrap", className)
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("relative w-full overflow-auto", shouldForceMinHeight && "force-min-height", isScrollable && scrollMaxHeightClass && scrollMaxHeightClass)
+    }, /*#__PURE__*/ React__default.createElement(Table, null, /*#__PURE__*/ React__default.createElement(TableHeader, {
+        className: cn(fixedHeader && "bg-background sticky top-0 z-10 shadow-[0_1px_0_hsl(240_6%_90%)]")
+    }, table.getHeaderGroups().map((headerGroup)=>{
+        return /*#__PURE__*/ React__default.createElement(TableRow, {
+            key: headerGroup.id
+        }, headerGroup.headers.map((header)=>{
+            const { column: { id } } = header;
+            const isActionsColumn = [
+                "actions",
+                ...actionColumns
+            ].includes(id);
+            return /*#__PURE__*/ React__default.createElement(TableHead, {
+                className: cn(dividingColumnKey?.includes(id) ? "border-r" : "", "static"),
+                key: header.id
+            }, header.isPlaceholder ? null : /*#__PURE__*/ React__default.createElement(React__default.Fragment, 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() && ({
+                asc: /*#__PURE__*/ React__default.createElement(ArrowDown, {
+                    className: "h-3.5 w-3.5"
+                }),
+                desc: /*#__PURE__*/ React__default.createElement(ArrowUp, {
+                    className: "h-3.5 w-3.5"
+                }),
+                false: /*#__PURE__*/ React__default.createElement(CaretSortIcon, {
+                    className: "h-4 w-4"
+                })
+            })[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,
+        dataLabel: dataLabel,
+        pageSizeOptions: pageSizeOptions
+    }));
+};
+
+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);
+    }
+    if (Array.isArray(rowKey)) {
+        for (const key of rowKey){
+            if (row[key] !== undefined && row[key] !== null) {
+                return row[key];
+            }
+        }
+        return "";
+    }
+    return row[rowKey];
+};
+const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns = [], data, messageEmpty = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, "Sem resultados"), onDataChange, rowKey, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass = "sm:max-h-[calc(100vh-300px)]", isScrollable = false, fixedHeader = false, showPagination = true })=>{
+    const currentPage = Number(table.getState().pagination.pageIndex).toString();
+    const pageSize = Number(table.getState().pagination.pageSize).toString();
+    const sorting = table.getState().sorting;
+    const [newData, setNewData] = React__default.useState(data);
+    const handleValueChange = (updatedData)=>{
+        setNewData(updatedData);
+        onDataChange?.(updatedData);
+    };
+    React__default.useEffect(()=>{
+        setNewData(data);
+    }, [
+        data
+    ]);
+    React__default.useEffect(()=>{
+        if (!setQueryParams) return;
+        const sortingParams = {
+            sortingBy: "",
+            order: ""
+        };
+        if (sorting.length > 0) {
+            sortingParams.sortingBy = sorting[0].id;
+            sortingParams.order = sorting[0].desc ? "DESC" : "ASC";
+        }
+        setQueryParams((prev)=>({
+                ...prev,
+                pageSize,
+                page: currentPage,
+                ...sortingParams
+            }));
+    }, [
+        currentPage,
+        pageSize,
+        setQueryParams,
+        sorting
+    ]);
+    const renderTableBodyContent = ()=>{
+        if (isLoadingTable && !loadingContent) {
+            return /*#__PURE__*/ React__default.createElement(DataTableRowSkeleton, {
+                columnCount: table.getAllColumns().length
+            });
+        }
+        if (isLoadingTable && loadingContent) {
+            return /*#__PURE__*/ React__default.createElement(TableCell, {
+                colSpan: columns.length,
+                className: "h-24 text-center"
+            }, loadingContent);
+        }
+        if (table.getRowModel().rows.length === 0) {
+            return /*#__PURE__*/ React__default.createElement(TableRow, null, /*#__PURE__*/ React__default.createElement(TableCell, {
+                colSpan: columns.length,
+                className: "h-24 text-center"
+            }, /*#__PURE__*/ React__default.createElement("span", {
+                className: "inline-block max-w-[30rem] text-wrap break-words"
+            }, messageEmpty)));
+        }
+        return table.getRowModel().rows.map((row)=>{
+            const rowData = row.original;
+            const key = getRowKey(rowData, rowKey);
+            return /*#__PURE__*/ React__default.createElement(SortableItem, {
+                key: row.id,
+                value: key,
+                asChild: true
+            }, /*#__PURE__*/ React__default.createElement(TableRow, {
+                "data-state": row.getIsSelected() && "selected",
+                className: "even:bg-body/50"
+            }, row.getVisibleCells().map((cell)=>/*#__PURE__*/ React__default.createElement(TableCell, {
+                    key: cell.id,
+                    className: cn("p-2 py-1", dividingColumnKey?.includes(cell.column.id) && "border-r")
+                }, flexRender(cell.column.columnDef.cell, cell.getContext())))));
+        });
+    };
+    const shouldForceMinHeight = table.getRowModel().rows.length > 1 || isLoadingTable;
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("bg-background mx-1 h-full w-full rounded-md border whitespace-nowrap", className)
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("relative w-full overflow-auto", shouldForceMinHeight && "force-min-height", isScrollable && scrollMaxHeightClass && scrollMaxHeightClass)
+    }, /*#__PURE__*/ React__default.createElement(Table, null, /*#__PURE__*/ React__default.createElement(TableHeader, {
+        className: cn(fixedHeader && "bg-background sticky top-0 z-10 shadow-[0_1px_0_hsl(240_6%_90%)]")
+    }, table.getHeaderGroups().map((headerGroup)=>{
+        return /*#__PURE__*/ React__default.createElement(TableRow, {
+            key: headerGroup.id
+        }, headerGroup.headers.map((header)=>{
+            const { column: { id } } = header;
+            const isActionsColumn = [
+                "actions",
+                ...actionColumns
+            ].includes(id);
+            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", {
+                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() && ({
+                asc: /*#__PURE__*/ React__default.createElement(ArrowDown, {
+                    className: "h-3.5 w-3.5"
+                }),
+                desc: /*#__PURE__*/ React__default.createElement(ArrowUp, {
+                    className: "h-3.5 w-3.5"
+                }),
+                false: /*#__PURE__*/ React__default.createElement(CaretSortIcon, {
+                    className: "h-4 w-4"
+                })
+            })[header.column.getIsSorted()]) ?? /*#__PURE__*/ React__default.createElement(ArrowDown, {
+                className: "h-3.5 w-3.5"
+            }))));
+        }));
+    })), /*#__PURE__*/ React__default.createElement(TableBody, null, /*#__PURE__*/ React__default.createElement(Sortable, {
+        value: newData.map((item)=>({
+                ...item,
+                id: getRowKey(item, rowKey)
+            })),
+        onValueChange: handleValueChange
+    }, renderTableBodyContent()))))), isScrollable || !showPagination ? null : isLoadingTable ? /*#__PURE__*/ React__default.createElement(DataTablePaginationSkeleton, null) : /*#__PURE__*/ React__default.createElement(DataTablePagination, {
+        table: table,
+        dataLabel: dataLabel,
+        pageSizeOptions: pageSizeOptions
+    }));
+};
+
+export { DataTableMainFrame, DataTableMainFrameSortable, DataTablePagination, DataTablePaginationSkeleton, DataTableRowSkeleton, DataTableSearch, DataTableSkeleton, DataTableStatus, DataTableViewOptions };
 //# sourceMappingURL=index.mjs.map