@data-c/pro 0.2.51 → 0.2.54

package/dist/index.mjs

@@ -1,4 +1,1085 @@
-import{ColumnsPanelTrigger as at,useGridApiRef as tt}from"@mui/x-data-grid-pro";import{useEffect as re,useMemo as We}from"react";import{Circle as fe}from"@mui/icons-material";import{LinearProgress as Ve,Stack as ze}from"@mui/material";import{DataGridPro as Xe,gridFilteredSortedRowIdsSelector as Ne}from"@mui/x-data-grid-pro";import{ptBR as Ke}from"@mui/x-data-grid-pro/locales";import{Stack as M,Typography as te}from"@mui/material";import{jsx as P,jsxs as oe}from"react/jsx-runtime";function F(){return oe(M,{alignItems:"center",justifyContent:"center",gap:2,padding:2,maxWidth:"400px",minWidth:"200px",children:[P(M,{width:"250px",height:"250px",alignItems:"center",justifyContent:"center",borderRadius:"50%",sx:{background:"linear-gradient(to top, #ffffff, #fdfcfd, #fafafa, #f8f7f8, #f5f5f6);"},children:P("img",{src:"https://datac-site-assets.s3.sa-east-1.amazonaws.com/empty-data.svg",alt:"Imagem de notifica\xE7\xE3o",width:"148px",height:"148px"})}),oe(M,{spacing:1,textAlign:"center",children:[P(te,{variant:"h4",component:"h2",fontWeight:"600",children:"Nenhum registro encontrado"}),P(te,{variant:"body2",whiteSpace:"normal",children:"Tente outra pesquisa ou adicione um novo registro."})]})]})}import{Stack as R,Typography as ue}from"@mui/material";import{jsx as k,jsxs as de}from"react/jsx-runtime";function T({errorMessage:e}){return de(R,{alignItems:"center",justifyContent:"center",gap:2,padding:2,maxWidth:"400px",minWidth:"200px",children:[k(R,{width:"250px",height:"250px",alignItems:"center",justifyContent:"center",borderRadius:"50%",sx:{background:"linear-gradient(to top, #ffffff, #fdfcfd, #fafafa, #f8f7f8, #f5f5f6);"},children:k("img",{src:"https://datac-site-assets.s3.sa-east-1.amazonaws.com/error.svg",alt:"Imagem de erro",width:"148px",height:"148px"})}),de(R,{gap:1,textAlign:"center",children:[k(ue,{variant:"h4",component:"h2",fontWeight:"600",children:"Ops! Algo deu errado"}),k(ue,{variant:"body2",children:e})]})]})}import{createContext as Oe,useContext as He,useState as b}from"react";import{useGridApiRef as Ge}from"@mui/x-data-grid-pro";import{jsx as Ee}from"react/jsx-runtime";var le=Oe({});function y({children:e}){let[a,t]=b({type:"include",ids:new Set}),[o,d]=b(!1),[l,u]=b(!1),f=Ge();function s(){t({type:"include",ids:new Set}),d(!0)}return Ee(le.Provider,{value:{apiRef:f,rowsSelectedId:a,clearCallback:o,breakpoint:l,setClearCallback:d,setBreakpoint:u,setRowsSelectedId:t,clearRowsSelectedId:s},children:e})}function p(){return He(le)}import{jsx as L,jsxs as Ze}from"react/jsx-runtime";var Qe=({apiRef:e})=>Ne(e);function q(e){let{error:a,isLoading:t,isFetching:o,data:d,columns:l,controlledRowsSelectedId:u,onClearRowsSelectedId:f,onRowSelectionChange:s,onCellKeyDown:i,onRowDoubleClick:x,stackProps:c,slots:m,...Fe}=e,{rowsSelectedId:Re,setRowsSelectedId:ee,clearCallback:ae,setClearCallback:Te,apiRef:B}=p(),be=We(()=>n=>n.map(r=>r.headerName==="A\xE7\xF5es"?{...r,minWidth:r.minWidth||80,maxWidth:r.maxWidth||r.width||80,headerClassName:"sticky-header",cellClassName:"sticky-cell"}:{...r,flex:r.flex||1,minWidth:r.minWidth||100,headerClassName:r?.enableStickyColumns?"sticky-header":"",cellClassName:r?.enableStickyColumns?"sticky-cell":""}),[l]);re(()=>{u&&ee(u)},[u]),re(()=>{ae&&(f&&f({type:"include",ids:new Set}),Te(!1))},[ae]);function ye(n,r,ve){switch(r.ctrlKey&&r.code==="KeyE"?"ctrl+e":r.code){case"Enter":r.preventDefault(),i&&i("edit",n.id);break;case"F3":r.preventDefault(),i&&i("edit",n.id);break;case"Delete":r.preventDefault(),i&&i("delete",n.id);break;case"ctrl+e":r.preventDefault(),(Ue=>{B?.current&&B.current.exportDataAsCsv(Ue)})({getRowsToExport:Qe});break;default:break}}function qe(n,r,ve){x&&x("edit",n.id)}return Ze(ze,{height:"100%",minHeight:"500px",position:"relative",...c,children:[!t&&o&&L(Ve,{sx:{position:"absolute",top:0,right:0,left:0,zIndex:999,height:"3px"}}),L(Xe,{apiRef:B,rows:d,columns:be(l),density:"compact",hideFooterPagination:!0,hideFooter:!0,loading:t,rowHeight:43,columnHeaderHeight:43,disableVirtualization:!0,onRowDoubleClick:qe,onCellKeyDown:ye,disableRowSelectionOnClick:!0,rowSelectionModel:Re,onRowSelectionModelChange:(n,r)=>{s&&s(n,r),!u&&ee(n)},slots:{booleanCellFalseIcon:()=>L(fe,{color:"error",sx:{fontSize:"10pt"}}),booleanCellTrueIcon:()=>L(fe,{color:"success",sx:{fontSize:"10pt"}}),noRowsOverlay:()=>!t&&a?L(T,{errorMessage:a}):L(F,{}),...m},slotProps:{loadingOverlay:{variant:"skeleton",noRowsVariant:"skeleton"}},disableColumnFilter:!0,localeText:Ke.components.MuiDataGrid.defaultProps.localeText,sx:{border:"none",borderRadius:0,"--DataGridPro-rowBorderColor":"#edf2f9","--DataGridPro-containerBackground":"#f4f6fa",".MuiDataGridPro-overlayWrapperInner":{display:"flex",alignItems:"center",justifyContent:"center"},".MuiDataGridPro-row":{backgroundColor:"white","&:nth-of-type(even)":{backgroundColor:"#f9fafd"},":hover":{backgroundColor:"#e9e9e9"},"&.Mui-selected":{backgroundColor:"rgb(238, 249, 252)","&:hover":{backgroundColor:"rgb(222, 243, 249)"}}},".MuiDataGridPro-cell":{fontSize:"12px",color:"#0b0e14"},".MuiDataGridPro-columnHeaders":{border:"solid 1px #edf2f9"},".MuiDataGridPro-columnHeaderTitle":{fontSize:"12px",color:"#0b0e14",fontWeight:"600"},"& .sticky-cell":{position:"sticky",right:0,background:"inherit",zIndex:1},"& .sticky-header":{position:"sticky",right:0,background:"inherit",zIndex:2}},...Fe})]})}import{GridActionsCellItem as Je}from"@mui/x-data-grid-pro";import{jsx as $e}from"react/jsx-runtime";function v(e){let{ref:a,...t}=e;return $e(Je,{...t,ref:a})}import{GridActionsCellItem as ua}from"@mui/x-data-grid-pro";import{forwardRef as je,createElement as ea}from"react";var se=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),_e=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(a,t,o)=>o?o.toUpperCase():t.toLowerCase()),U=e=>{let a=_e(e);return a.charAt(0).toUpperCase()+a.slice(1)},A=(...e)=>e.filter((a,t,o)=>!!a&&a.trim()!==""&&o.indexOf(a)===t).join(" ").trim(),ie=e=>{for(let a in e)if(a.startsWith("aria-")||a==="role"||a==="title")return!0};import{forwardRef as Ye,createElement as ne}from"react";var ce={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var pe=Ye(({color:e="currentColor",size:a=24,strokeWidth:t=2,absoluteStrokeWidth:o,className:d="",children:l,iconNode:u,...f},s)=>ne("svg",{ref:s,...ce,width:a,height:a,stroke:e,strokeWidth:o?Number(t)*24/Number(a):t,className:A("lucide",d),...!l&&!ie(f)&&{"aria-hidden":"true"},...f},[...u.map(([i,x])=>ne(i,x)),...Array.isArray(l)?l:[l]]));var I=(e,a)=>{let t=je(({className:o,...d},l)=>ea(pe,{ref:l,iconNode:a,className:A(`lucide-${se(U(e))}`,`lucide-${e}`,o),...d}));return t.displayName=U(e),t};var aa=[["path",{d:"M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z",key:"1eaqc3"}]],C=I("arrow-big-down",aa);var ta=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],g=I("pencil",ta);var oa=[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]],h=I("trash-2",oa);import{jsx as me}from"react/jsx-runtime";function O(e){let{ref:a,...t}=e;return me(ua,{color:"error",label:"Deletar",icon:me(h,{size:16}),...t,ref:a})}import{GridActionsCellItem as da}from"@mui/x-data-grid-pro";import{jsx as Le}from"react/jsx-runtime";function H(e){let{ref:a,...t}=e;return Le(da,{label:"Editar",color:"primary",icon:Le(g,{size:16}),...t,ref:a})}import{useEffect as la}from"react";import{Stack as ra,useMediaQuery as fa,useTheme as sa}from"@mui/material";import{jsx as ia}from"react/jsx-runtime";function G({children:e,breakpoints:a}){let{setBreakpoint:t}=p(),o=sa(),d=fa(o.breakpoints.down(a||"md"));return la(()=>{t(d)},[d]),ia(ra,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",gap:1,marginLeft:"auto",flexGrow:1,children:e})}import{GridActionsCellItem as ca}from"@mui/x-data-grid-pro";import{jsx as Ie}from"react/jsx-runtime";function E(e){let{ref:a,...t}=e;return Ie(ca,{color:"primary",label:"Transportar",icon:Ie(C,{size:16}),...t,ref:a})}import{Button as na,CircularProgress as xe,IconButton as pa,Tooltip as ma,Box as La}from"@mui/material";import{Fragment as Ia,jsx as S,jsxs as Ce}from"react/jsx-runtime";function w(e){let{isLoading:a,startIcon:t,children:o,title:d,...l}=e,{breakpoint:u}=p();return S(Ia,{children:u?S(ma,{title:o,children:Ce(pa,{...l,color:"primary",disabled:a?!0:l.disabled,children:[t,a&&S(xe,{color:"secondary",size:14,sx:{position:"absolute",top:"25%",bottom:"25%",left:"25%",right:"25%",transform:"translate(-50%, -50%)"}})]})}):S(na,{startIcon:t,disabled:a?!0:l.disabled,sx:{position:"relative",height:"26px",minWidth:"70px",padding:"7px 8px 8px",border:"1px solid rgba(223, 226, 231, 0.8)",borderRadius:"6px",display:"flex",alignItems:"center",overflow:"hidden",whiteSpace:"nowrap",flexShrink:1,transition:"width 0.2s ease"},...l,children:Ce(La,{component:"span",sx:{transition:"opacity 0.2s ease, width 0.2s ease",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:[a&&S(xe,{color:"secondary",size:14,sx:{position:"absolute",top:"22%",left:"44%",transform:"translate(-50%, -50%)"}}),o]})})})}import{GridActionsCellItem as xa}from"@mui/x-data-grid-pro";import{jsx as ge}from"react/jsx-runtime";function W(e){let{event:a,onClick:t,...o}=e;return ge(xa,{label:"A\xE7\xE3o",onClick:()=>{},icon:ge("span",{children:"\u{1F527}"})})}import{Delete as Ca}from"@mui/icons-material";import{GridActionsCellItem as ga}from"@mui/x-data-grid-pro";import{jsx as he}from"react/jsx-runtime";function V({onClick:e,...a}){return he(ga,{icon:he(Ca,{}),label:"Delete",color:"primary",onClick:()=>{e&&e("delete")},...a})}import{Edit as ha}from"@mui/icons-material";import{GridActionsCellItem as Sa}from"@mui/x-data-grid-pro";import{jsx as Se}from"react/jsx-runtime";function z({onClick:e,...a}){return Se(Sa,{icon:Se(ha,{}),label:"Edit",color:"primary",onClick:()=>e&&e("edit"),...a})}import{Children as wa,cloneElement as Pa,isValidElement as ka}from"react";import{Fragment as Aa,jsx as Da}from"react/jsx-runtime";function X(e){let{children:a,onClick:t}=e;return Da(Aa,{children:wa.map(a,o=>{if(ka(o))return Pa(o,{onClick:t})})})}import{GetApp as Ba}from"@mui/icons-material";import{GridActionsCellItem as Ma}from"@mui/x-data-grid-pro";import{jsx as we}from"react/jsx-runtime";function N({onClick:e,...a}){return we(Ma,{icon:we(Ba,{}),label:"Transport",color:"primary",onClick:()=>e&&e("transport"),...a})}import{Stack as Fa}from"@mui/material";import{jsx as Ra}from"react/jsx-runtime";function K(e){return Ra(Fa,{direction:"row",width:"100%",flexGrow:1,alignItems:"center",gap:1.5,sx:{background:"#f4f"},...e})}import{FileDownload as Ta}from"@mui/icons-material";import{gridFilteredSortedRowIdsSelector as ba}from"@mui/x-data-grid-pro";import{jsx as Pe}from"react/jsx-runtime";var ya=({apiRef:e})=>ba(e);function Q(){let{apiRef:e}=p(),a=t=>{e?.current&&e.current.exportDataAsCsv(t)};return Pe(w,{startIcon:Pe(Ta,{}),onClick:()=>a({getRowsToExport:ya}),children:"Exportar CSV"})}import{TableFooter as qa}from"@mui/material";import{jsx as va}from"react/jsx-runtime";function Z(e){return va(qa,{...e,sx:{height:"54px",paddingX:"12px",gap:"12px",display:"flex",alignItems:"center",backgroundColor:"white",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px",borderTop:"1px solid #edf2f9"}})}import{pluralizar as ke}from"@data-c/hooks";import{MenuItem as Ua,Pagination as Oa,Stack as Ae,TextField as Ha,Typography as Ga}from"@mui/material";import{useMemo as De}from"react";import{jsx as D,jsxs as Be}from"react/jsx-runtime";function J(e){let{onChangePageSize:a,onChangePage:t,pagination:o,rowsPerPageOptions:d=[15,50,100,200]}=e,{page:l,pageSize:u=15,totalRecords:f}=o||{},s=De(()=>o?.lastPage?o.lastPage:(f||0)<u?1:Math.max(Math.ceil((f||0)/u)),[f,u]),i=De(()=>{if((f||0)<u)return`Exibindo ${ke(f||0,"registro","registros",!0)}`;let c=u;if(l===s){let m=(f||0)%u;c=m===0?u:m}return`Exibindo ${ke(c||0,"registro","registros",!0)} de ${f}`},[o,s]);return Be(Ae,{width:"100%",direction:"row",alignItems:"center",gap:2,marginLeft:"auto",children:[D(Ga,{variant:"body2",fontSize:"13px",fontWeight:"500",whiteSpace:"nowrap",children:i}),!0&&Be(Ae,{direction:"row",alignItems:"center",gap:2,marginLeft:"auto",children:[D(Ha,{sx:{width:"78px",fontSize:"8pt"},size:"small",value:u||0,select:!0,onChange:c=>{a&&a(parseInt(c.target.value))},children:d.map(c=>D(Ua,{value:c,children:c},c))}),D(Oa,{variant:"outlined",shape:"rounded",count:s||0,showFirstButton:!0,showLastButton:!0,onChange:(c,m)=>{t&&t(m)},page:l||0,color:"primary"})]})]})}import{useEffect as Ea,useRef as Wa,useState as Va}from"react";import{Stack as za}from"@mui/material";import{jsx as Me}from"react/jsx-runtime";function $({children:e,height:a,...t}){let o=Wa(null),[d,l]=Va(500);return Ea(()=>{let u=()=>{let f=o.current;if(!f)return;let s=f.getBoundingClientRect().top;l(window.innerHeight-s)};return u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}},[]),Me(za,{ref:o,sx:{backgroundColor:"#f4f6fa",border:"1px solid #edf2f9",borderRadius:2,height:a||`calc(${d}px - 16px)`,...t.sx},...t,children:Me(y,{children:e})})}import{Stack as Xa,Typography as Na}from"@mui/material";import{useMemo as Ka}from"react";import{jsx as Za,jsxs as Qa}from"react/jsx-runtime";function _(e){let{countTitle:a,gender:t}=e,{rowsSelectedId:o}=p(),d=o?.ids.size||0,l=Ka(()=>{if(!a)return"";let u=t==="feminino"?"selecionada":"selecionado",f=t==="feminino"?"selecionadas":"selecionados",s=t==="feminino"?"Nenhuma":"Nenhum";return d===1?`${a} ${u}`:d&&d>1?`${a.split(" ").map(i=>`${i}s`).join("  ")} ${f}`:`${s} ${a} ${u}`},[d]);return Za(Xa,{children:Qa(Na,{variant:"body2",fontSize:"13px",fontWeight:"500",whiteSpace:"nowrap",children:[d&&d>0?d:""," ",l]})})}import{Typography as Ja,useTheme as $a}from"@mui/material";import{jsx as _a}from"react/jsx-runtime";function Y({children:e,titleDivider:a=!1,sx:t}){let o=$a();return _a(Ja,{variant:"h6",whiteSpace:"nowrap",sx:{borderRight:a?`solid 1px ${o.palette.grey[300]}`:"none",paddingRight:1.5,...t},children:e})}import{Paper as Ya,Stack as ja}from"@mui/material";import{jsx as et}from"react/jsx-runtime";function j({children:e}){return et(ja,{component:Ya,elevation:0,gap:1.5,flexDirection:"row",justifyContent:"space-between",alignItems:"center",p:1,borderRadius:"8px 8px 0 0",sx:{width:"100%"},children:e})}var ot={CellActionTransport:N,SelectionCounter:_,CellActionDelete:V,ExportCsvButton:Q,CellActionEdit:z,CellActions:X,CellAction:W,Pagination:J,Actions:G,Toolbar:j,Content:K,Button:w,Footer:Z,Table:q,Title:Y,Root:$,Action:v,ActionEdit:H,ActionDelete:O,ActionTransport:E,ColumnsPanelTrigger:at,useGridApiRef:tt},ut=ot;export{ut as Button};
+// src/DataTable/index.ts
+import { ColumnsPanelTrigger, useGridApiRef as useGridApiRef2 } from "@mui/x-data-grid-pro";
+
+// src/DataTable/DataTable.tsx
+import { useEffect, useMemo } from "react";
+import { Circle } from "@mui/icons-material";
+import { LinearProgress, Stack as Stack3 } from "@mui/material";
+import {
+  DataGridPro,
+  gridFilteredSortedRowIdsSelector
+} from "@mui/x-data-grid-pro";
+import { ptBR } from "@mui/x-data-grid-pro/locales";
+
+// src/DataTable/DataTableEmptyData.tsx
+import { Stack, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DataTableEmptyData() {
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 2,
+      padding: 2,
+      maxWidth: "400px",
+      minWidth: "200px",
+      children: [
+        /* @__PURE__ */ jsx(
+          Stack,
+          {
+            width: "250px",
+            height: "250px",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "50%",
+            sx: {
+              background: "linear-gradient(to top, #ffffff, #fdfcfd, #fafafa, #f8f7f8, #f5f5f6);"
+            },
+            children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: "https://datac-site-assets.s3.sa-east-1.amazonaws.com/empty-data.svg",
+                alt: "Imagem de notifica\xE7\xE3o",
+                width: "148px",
+                height: "148px"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { spacing: 1, textAlign: "center", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", component: "h2", fontWeight: "600", children: "Nenhum registro encontrado" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", whiteSpace: "normal", children: "Tente outra pesquisa ou adicione um novo registro." })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/DataTable/DataTableError.tsx
+import { Stack as Stack2, Typography as Typography2 } from "@mui/material";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function DataTableError({
+  errorMessage
+}) {
+  return /* @__PURE__ */ jsxs2(
+    Stack2,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 2,
+      padding: 2,
+      maxWidth: "400px",
+      minWidth: "200px",
+      children: [
+        /* @__PURE__ */ jsx2(
+          Stack2,
+          {
+            width: "250px",
+            height: "250px",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "50%",
+            sx: {
+              background: "linear-gradient(to top, #ffffff, #fdfcfd, #fafafa, #f8f7f8, #f5f5f6);"
+            },
+            children: /* @__PURE__ */ jsx2(
+              "img",
+              {
+                src: "https://datac-site-assets.s3.sa-east-1.amazonaws.com/error.svg",
+                alt: "Imagem de erro",
+                width: "148px",
+                height: "148px"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs2(Stack2, { gap: 1, textAlign: "center", children: [
+          /* @__PURE__ */ jsx2(Typography2, { variant: "h4", component: "h2", fontWeight: "600", children: "Ops! Algo deu errado" }),
+          /* @__PURE__ */ jsx2(Typography2, { variant: "body2", children: errorMessage })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/DataTable/DataTableRootProvider.tsx
+import {
+  createContext,
+  useContext,
+  useState
+} from "react";
+import { useGridApiRef } from "@mui/x-data-grid-pro";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TableRootContext = createContext({});
+function TableRootProvider({
+  children
+}) {
+  const [ids, setIds] = useState({
+    type: "include",
+    ids: /* @__PURE__ */ new Set()
+  });
+  const [clearCallback, setClearCallback] = useState(false);
+  const [breakpoint, setBreakpoint] = useState(false);
+  const apiRef = useGridApiRef();
+  function handleClearRowsSelectedId() {
+    setIds({
+      type: "include",
+      ids: /* @__PURE__ */ new Set()
+    });
+    setClearCallback(true);
+  }
+  return /* @__PURE__ */ jsx3(
+    TableRootContext.Provider,
+    {
+      value: {
+        apiRef,
+        rowsSelectedId: ids,
+        clearCallback,
+        breakpoint,
+        setClearCallback,
+        setBreakpoint,
+        setRowsSelectedId: setIds,
+        clearRowsSelectedId: handleClearRowsSelectedId
+      },
+      children
+    }
+  );
+}
+function useTableRootContext() {
+  return useContext(TableRootContext);
+}
+
+// src/DataTable/DataTable.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var getFilteredRows = ({ apiRef }) => gridFilteredSortedRowIdsSelector(apiRef);
+function Table(props) {
+  const {
+    error,
+    isLoading,
+    isFetching,
+    data,
+    columns,
+    controlledRowsSelectedId,
+    onClearRowsSelectedId,
+    onRowSelectionChange,
+    onCellKeyDown,
+    onRowDoubleClick,
+    stackProps,
+    slots,
+    ...rest
+  } = props;
+  const {
+    rowsSelectedId,
+    setRowsSelectedId,
+    clearCallback,
+    setClearCallback,
+    apiRef
+  } = useTableRootContext();
+  const parsedColumns = useMemo(() => {
+    return (columns2) => {
+      return columns2.map((col) => {
+        if (col.headerName === "A\xE7\xF5es") {
+          return {
+            ...col,
+            minWidth: col.minWidth || 80,
+            maxWidth: col.maxWidth || col.width || 80,
+            headerClassName: "sticky-header",
+            cellClassName: "sticky-cell"
+          };
+        }
+        return {
+          ...col,
+          flex: col.flex || 1,
+          minWidth: col.minWidth || 100,
+          headerClassName: col?.enableStickyColumns ? "sticky-header" : "",
+          cellClassName: col?.enableStickyColumns ? "sticky-cell" : ""
+        };
+      });
+    };
+  }, [columns]);
+  useEffect(() => {
+    if (controlledRowsSelectedId) {
+      setRowsSelectedId(controlledRowsSelectedId);
+    }
+  }, [controlledRowsSelectedId]);
+  useEffect(() => {
+    if (clearCallback) {
+      onClearRowsSelectedId && onClearRowsSelectedId({
+        type: "include",
+        ids: /* @__PURE__ */ new Set()
+      });
+      setClearCallback(false);
+    }
+  }, [clearCallback]);
+  function handleCellKeyDown(params, event, details) {
+    const eventCode = event.ctrlKey && event.code === "KeyE" ? "ctrl+e" : event.code;
+    switch (eventCode) {
+      case "Enter":
+        event.preventDefault();
+        if (onCellKeyDown)
+          onCellKeyDown("edit", params.id);
+        break;
+      case "F3":
+        event.preventDefault();
+        if (onCellKeyDown)
+          onCellKeyDown("edit", params.id);
+        break;
+      case "Delete":
+        event.preventDefault();
+        if (onCellKeyDown)
+          onCellKeyDown("delete", params.id);
+        break;
+      case "ctrl+e":
+        event.preventDefault();
+        const handleExport = (options) => {
+          if (apiRef?.current) {
+            apiRef.current.exportDataAsCsv(options);
+          }
+        };
+        handleExport({ getRowsToExport: getFilteredRows });
+        break;
+      default:
+        break;
+    }
+  }
+  function handleRowDoubleClick(params, _, details) {
+    if (onRowDoubleClick)
+      onRowDoubleClick("edit", params.id);
+  }
+  return /* @__PURE__ */ jsxs3(Stack3, { height: "100%", minHeight: "500px", position: "relative", ...stackProps, children: [
+    !isLoading && isFetching && /* @__PURE__ */ jsx4(
+      LinearProgress,
+      {
+        sx: {
+          position: "absolute",
+          top: 0,
+          right: 0,
+          left: 0,
+          zIndex: 999,
+          height: "3px"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      DataGridPro,
+      {
+        apiRef,
+        rows: data,
+        columns: parsedColumns(columns),
+        density: "compact",
+        hideFooterPagination: true,
+        hideFooter: true,
+        loading: isLoading,
+        rowHeight: 43,
+        columnHeaderHeight: 43,
+        disableVirtualization: true,
+        onRowDoubleClick: handleRowDoubleClick,
+        onCellKeyDown: handleCellKeyDown,
+        disableRowSelectionOnClick: true,
+        rowSelectionModel: rowsSelectedId,
+        onRowSelectionModelChange: (rowSelectionModel, details) => {
+          if (onRowSelectionChange) {
+            onRowSelectionChange(rowSelectionModel, details);
+          }
+          if (controlledRowsSelectedId)
+            return;
+          setRowsSelectedId(rowSelectionModel);
+        },
+        slots: {
+          booleanCellFalseIcon: () => /* @__PURE__ */ jsx4(Circle, { color: "error", sx: { fontSize: "10pt" } }),
+          booleanCellTrueIcon: () => /* @__PURE__ */ jsx4(Circle, { color: "success", sx: { fontSize: "10pt" } }),
+          noRowsOverlay: () => !isLoading && !!error ? /* @__PURE__ */ jsx4(DataTableError, { errorMessage: error }) : /* @__PURE__ */ jsx4(DataTableEmptyData, {}),
+          ...slots
+        },
+        slotProps: {
+          loadingOverlay: {
+            variant: "skeleton",
+            noRowsVariant: "skeleton"
+          }
+        },
+        disableColumnFilter: true,
+        localeText: ptBR.components.MuiDataGrid.defaultProps.localeText,
+        sx: {
+          border: "none",
+          borderRadius: 0,
+          "--DataGrid-rowBorderColor": "#edf2f9",
+          "--DataGrid-containerBackground": "#f4f6fa",
+          ".MuiDataGrid-overlayWrapperInner": {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          ".MuiDataGrid-row": {
+            backgroundColor: "white",
+            "&:nth-of-type(even)": {
+              backgroundColor: "#f9fafd"
+            },
+            ":hover": {
+              backgroundColor: "#e9e9e9"
+            },
+            "&.Mui-selected": {
+              backgroundColor: "rgb(238, 249, 252)",
+              "&:hover": {
+                backgroundColor: "rgb(222, 243, 249)"
+              }
+            }
+          },
+          ".MuiDataGrid-cell": {
+            fontSize: "12px",
+            color: "#0b0e14"
+          },
+          ".MuiDataGrid-columnHeaders": {
+            border: "solid 1px #edf2f9"
+          },
+          ".MuiDataGrid-columnHeaderTitle": {
+            fontSize: "12px",
+            color: "#0b0e14",
+            fontWeight: "600"
+          },
+          "& .sticky-cell": {
+            position: "sticky",
+            right: 0,
+            background: "inherit",
+            zIndex: 1
+          },
+          "& .sticky-header": {
+            position: "sticky",
+            right: 0,
+            background: "inherit",
+            zIndex: 2
+          }
+        },
+        ...rest
+      }
+    )
+  ] });
+}
+
+// src/DataTable/DataTableAction.tsx
+import {
+  GridActionsCellItem
+} from "@mui/x-data-grid-pro";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function DataTableAction(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx5(
+    GridActionsCellItem,
+    {
+      ...rest,
+      ref
+    }
+  );
+}
+
+// src/DataTable/DataTableActionDelete.tsx
+import {
+  GridActionsCellItem as GridActionsCellItem2
+} from "@mui/x-data-grid-pro";
+
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+
+// ../../node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef, createElement } from "react";
+
+// ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => createElement(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef2(
+    ({ className, ...props }, ref) => createElement2(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+// ../../node_modules/lucide-react/dist/esm/icons/arrow-big-down.js
+var __iconNode = [
+  [
+    "path",
+    {
+      d: "M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z",
+      key: "1eaqc3"
+    }
+  ]
+];
+var ArrowBigDown = createLucideIcon("arrow-big-down", __iconNode);
+
+// ../../node_modules/lucide-react/dist/esm/icons/pencil.js
+var __iconNode2 = [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+];
+var Pencil = createLucideIcon("pencil", __iconNode2);
+
+// ../../node_modules/lucide-react/dist/esm/icons/trash-2.js
+var __iconNode3 = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+];
+var Trash2 = createLucideIcon("trash-2", __iconNode3);
+
+// src/DataTable/DataTableActionDelete.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function DataTableActionDelete(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx6(
+    GridActionsCellItem2,
+    {
+      color: "error",
+      label: "Deletar",
+      icon: /* @__PURE__ */ jsx6(Trash2, { size: 16 }),
+      ...rest,
+      ref
+    }
+  );
+}
+
+// src/DataTable/DataTableActionEdit.tsx
+import {
+  GridActionsCellItem as GridActionsCellItem3
+} from "@mui/x-data-grid-pro";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function DataTableActionEdit(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx7(
+    GridActionsCellItem3,
+    {
+      label: "Editar",
+      color: "primary",
+      icon: /* @__PURE__ */ jsx7(Pencil, { size: 16 }),
+      ...rest,
+      ref
+    }
+  );
+}
+
+// src/DataTable/DataTableActions.tsx
+import { useEffect as useEffect2 } from "react";
+import { Stack as Stack4, useMediaQuery, useTheme } from "@mui/material";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Actions({ children, breakpoints }) {
+  const { setBreakpoint } = useTableRootContext();
+  const theme = useTheme();
+  const breakpoint = useMediaQuery(theme.breakpoints.down(breakpoints || "md"));
+  useEffect2(() => {
+    setBreakpoint(breakpoint);
+  }, [breakpoint]);
+  return /* @__PURE__ */ jsx8(
+    Stack4,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "flex-end",
+      gap: 1,
+      marginLeft: "auto",
+      flexGrow: 1,
+      children
+    }
+  );
+}
+
+// src/DataTable/DataTableActionTransport.tsx
+import {
+  GridActionsCellItem as GridActionsCellItem4
+} from "@mui/x-data-grid-pro";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function DataTableActionTransport(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx9(
+    GridActionsCellItem4,
+    {
+      color: "primary",
+      label: "Transportar",
+      icon: /* @__PURE__ */ jsx9(ArrowBigDown, { size: 16 }),
+      ...rest,
+      ref
+    }
+  );
+}
+
+// src/DataTable/DataTableButton.tsx
+import {
+  Button as MuiButton,
+  CircularProgress,
+  IconButton,
+  Tooltip,
+  Box
+} from "@mui/material";
+import { Fragment, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+function DataTableButton(props) {
+  const { isLoading, startIcon, children, title, ...rest } = props;
+  const { breakpoint } = useTableRootContext();
+  return /* @__PURE__ */ jsx10(Fragment, { children: breakpoint ? /* @__PURE__ */ jsx10(Tooltip, { title: children, children: /* @__PURE__ */ jsxs4(
+    IconButton,
+    {
+      ...rest,
+      color: "primary",
+      disabled: isLoading ? true : rest.disabled,
+      children: [
+        startIcon,
+        isLoading && /* @__PURE__ */ jsx10(
+          CircularProgress,
+          {
+            color: "secondary",
+            size: 14,
+            sx: {
+              position: "absolute",
+              top: "25%",
+              bottom: "25%",
+              left: "25%",
+              right: "25%",
+              transform: "translate(-50%, -50%)"
+            }
+          }
+        )
+      ]
+    }
+  ) }) : /* @__PURE__ */ jsx10(
+    MuiButton,
+    {
+      startIcon,
+      disabled: isLoading ? true : rest.disabled,
+      sx: {
+        position: "relative",
+        height: "26px",
+        minWidth: "70px",
+        padding: "7px 8px 8px",
+        border: "1px solid rgba(223, 226, 231, 0.8)",
+        borderRadius: "6px",
+        display: "flex",
+        alignItems: "center",
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        flexShrink: 1,
+        transition: "width 0.2s ease"
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsxs4(
+        Box,
+        {
+          component: "span",
+          sx: {
+            transition: "opacity 0.2s ease, width 0.2s ease",
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis"
+          },
+          children: [
+            isLoading && /* @__PURE__ */ jsx10(
+              CircularProgress,
+              {
+                color: "secondary",
+                size: 14,
+                sx: {
+                  position: "absolute",
+                  top: "22%",
+                  left: "44%",
+                  transform: "translate(-50%, -50%)"
+                }
+              }
+            ),
+            children
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+// src/DataTable/DataTableCellAction.tsx
+import { GridActionsCellItem as GridActionsCellItem5 } from "@mui/x-data-grid-pro";
+import { jsx as jsx11 } from "react/jsx-runtime";
+function CellAction(props) {
+  const { event, onClick, ...rest } = props;
+  return /* @__PURE__ */ jsx11(
+    GridActionsCellItem5,
+    {
+      label: "A\xE7\xE3o",
+      onClick: () => {
+      },
+      icon: /* @__PURE__ */ jsx11("span", { children: "\u{1F527}" })
+    }
+  );
+}
+
+// src/DataTable/DataTableCellActionDelete.tsx
+import { Delete as DeleteIcon } from "@mui/icons-material";
+import { GridActionsCellItem as GridActionsCellItem6 } from "@mui/x-data-grid-pro";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function CellActionDelete({
+  onClick,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx12(
+    GridActionsCellItem6,
+    {
+      icon: /* @__PURE__ */ jsx12(DeleteIcon, {}),
+      label: "Delete",
+      color: "primary",
+      onClick: () => {
+        if (onClick)
+          onClick("delete");
+      },
+      ...rest
+    }
+  );
+}
+
+// src/DataTable/DataTableCellActionEdit.tsx
+import { Edit as EditIcon } from "@mui/icons-material";
+import { GridActionsCellItem as GridActionsCellItem7 } from "@mui/x-data-grid-pro";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function CellActionEdit({
+  onClick,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx13(
+    GridActionsCellItem7,
+    {
+      icon: /* @__PURE__ */ jsx13(EditIcon, {}),
+      label: "Edit",
+      color: "primary",
+      onClick: () => onClick && onClick("edit"),
+      ...rest
+    }
+  );
+}
+
+// src/DataTable/DataTableCellActions.tsx
+import { Children, cloneElement, isValidElement } from "react";
+import { Fragment as Fragment2, jsx as jsx14 } from "react/jsx-runtime";
+function CellActions(props) {
+  const { children, onClick: onItemClick } = props;
+  return /* @__PURE__ */ jsx14(Fragment2, { children: Children.map(children, (child) => {
+    if (isValidElement(child)) {
+      return cloneElement(child, {
+        onClick: onItemClick
+      });
+    }
+  }) });
+}
+
+// src/DataTable/DataTableCellActionTransport.tsx
+import { GetApp as TransportIcon } from "@mui/icons-material";
+import { GridActionsCellItem as GridActionsCellItem8 } from "@mui/x-data-grid-pro";
+import { jsx as jsx15 } from "react/jsx-runtime";
+function CellActionTransport({
+  onClick,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx15(
+    GridActionsCellItem8,
+    {
+      icon: /* @__PURE__ */ jsx15(TransportIcon, {}),
+      label: "Transport",
+      color: "primary",
+      onClick: () => onClick && onClick("transport"),
+      ...rest
+    }
+  );
+}
+
+// src/DataTable/DataTableContent.tsx
+import { Stack as Stack5 } from "@mui/material";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function Content(props) {
+  return /* @__PURE__ */ jsx16(
+    Stack5,
+    {
+      direction: "row",
+      width: "100%",
+      flexGrow: 1,
+      alignItems: "center",
+      gap: 1.5,
+      sx: { background: "#f4f" },
+      ...props
+    }
+  );
+}
+
+// src/DataTable/DataTableExportCsvButton.tsx
+import { FileDownload as FileDownloadIcon } from "@mui/icons-material";
+import {
+  gridFilteredSortedRowIdsSelector as gridFilteredSortedRowIdsSelector2
+} from "@mui/x-data-grid-pro";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var getFilteredRows2 = ({ apiRef }) => gridFilteredSortedRowIdsSelector2(apiRef);
+function ExportCsvButton() {
+  const { apiRef } = useTableRootContext();
+  const handleExport = (options) => {
+    if (apiRef?.current) {
+      apiRef.current.exportDataAsCsv(options);
+    }
+  };
+  return /* @__PURE__ */ jsx17(
+    DataTableButton,
+    {
+      startIcon: /* @__PURE__ */ jsx17(FileDownloadIcon, {}),
+      onClick: () => handleExport({ getRowsToExport: getFilteredRows2 }),
+      children: "Exportar CSV"
+    }
+  );
+}
+
+// src/DataTable/DataTableFooter.tsx
+import { TableFooter } from "@mui/material";
+import { jsx as jsx18 } from "react/jsx-runtime";
+function Footer(props) {
+  return /* @__PURE__ */ jsx18(
+    TableFooter,
+    {
+      ...props,
+      sx: {
+        height: "54px",
+        paddingX: "12px",
+        gap: "12px",
+        display: "flex",
+        alignItems: "center",
+        backgroundColor: "white",
+        borderBottomLeftRadius: "8px",
+        borderBottomRightRadius: "8px",
+        borderTop: "1px solid #edf2f9"
+      }
+    }
+  );
+}
+
+// src/DataTable/DataTablePagination.tsx
+import {
+  pluralizar
+} from "@data-c/hooks";
+import {
+  MenuItem,
+  Pagination as MuiPagination,
+  Stack as Stack6,
+  TextField,
+  Typography as Typography3
+} from "@mui/material";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
+function Pagination(props) {
+  const {
+    onChangePageSize,
+    onChangePage,
+    pagination,
+    rowsPerPageOptions = [15, 50, 100, 200]
+  } = props;
+  const { page, pageSize = 15, totalRecords } = pagination || {};
+  const pages = useMemo2(() => {
+    if (pagination?.lastPage)
+      return pagination.lastPage;
+    if ((totalRecords || 0) < pageSize)
+      return 1;
+    return Math.max(Math.ceil((totalRecords || 0) / pageSize));
+  }, [totalRecords, pageSize]);
+  const totalRecordsLabel = useMemo2(() => {
+    if ((totalRecords || 0) < pageSize)
+      return `Exibindo ${pluralizar(
+        totalRecords || 0,
+        "registro",
+        "registros",
+        true
+      )}`;
+    let registrosExibidos = pageSize;
+    if (page === pages) {
+      const ultimaPaginaRegistros = (totalRecords || 0) % pageSize;
+      registrosExibidos = ultimaPaginaRegistros === 0 ? pageSize : ultimaPaginaRegistros;
+    }
+    return `Exibindo ${pluralizar(
+      registrosExibidos || 0,
+      "registro",
+      "registros",
+      true
+    )} de ${totalRecords}`;
+  }, [pagination, pages]);
+  const showPagination = true;
+  return /* @__PURE__ */ jsxs5(
+    Stack6,
+    {
+      width: "100%",
+      direction: "row",
+      alignItems: "center",
+      gap: 2,
+      marginLeft: "auto",
+      children: [
+        /* @__PURE__ */ jsx19(
+          Typography3,
+          {
+            variant: "body2",
+            fontSize: "13px",
+            fontWeight: "500",
+            whiteSpace: "nowrap",
+            children: totalRecordsLabel
+          }
+        ),
+        showPagination && /* @__PURE__ */ jsxs5(Stack6, { direction: "row", alignItems: "center", gap: 2, marginLeft: "auto", children: [
+          /* @__PURE__ */ jsx19(
+            TextField,
+            {
+              sx: {
+                width: "78px",
+                fontSize: "8pt"
+              },
+              size: "small",
+              value: pageSize || 0,
+              select: true,
+              onChange: (e) => {
+                if (onChangePageSize) {
+                  onChangePageSize(parseInt(e.target.value));
+                }
+              },
+              children: rowsPerPageOptions.map((option) => /* @__PURE__ */ jsx19(MenuItem, { value: option, children: option }, option))
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            MuiPagination,
+            {
+              variant: "outlined",
+              shape: "rounded",
+              count: pages || 0,
+              showFirstButton: true,
+              showLastButton: true,
+              onChange: (_, _page) => {
+                if (onChangePage)
+                  onChangePage(_page);
+              },
+              page: page || 0,
+              color: "primary"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/DataTable/DataTableRoot.tsx
+import { useEffect as useEffect3, useRef, useState as useState2 } from "react";
+import { Stack as Stack7 } from "@mui/material";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Root({ children, height, ...rest }) {
+  const tableContainerRef = useRef(null);
+  const [tableHeight, setTableHeight] = useState2(500);
+  useEffect3(() => {
+    const calculateHeight = () => {
+      const container = tableContainerRef.current;
+      if (!container)
+        return;
+      const containerTop = container.getBoundingClientRect().top;
+      setTableHeight(window.innerHeight - containerTop);
+    };
+    calculateHeight();
+    window.addEventListener("resize", calculateHeight);
+    return () => {
+      window.removeEventListener("resize", calculateHeight);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx20(
+    Stack7,
+    {
+      ref: tableContainerRef,
+      sx: {
+        backgroundColor: "#f4f6fa",
+        border: "1px solid #edf2f9",
+        borderRadius: 2,
+        height: height || `calc(${tableHeight}px - 16px)`,
+        ...rest.sx
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsx20(TableRootProvider, { children })
+    }
+  );
+}
+
+// src/DataTable/DataTableSelectionCounter.tsx
+import { Stack as Stack8, Typography as Typography4 } from "@mui/material";
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
+function SelectionCounter(props) {
+  const { countTitle, gender } = props;
+  const { rowsSelectedId } = useTableRootContext();
+  const countQuantidade = rowsSelectedId?.ids.size || 0;
+  const flexSufixCountTitle = useMemo3(() => {
+    if (!countTitle)
+      return "";
+    const selecionadoText = gender === "feminino" ? "selecionada" : "selecionado";
+    const selecionadosText = gender === "feminino" ? "selecionadas" : "selecionados";
+    const nenhumText = gender === "feminino" ? "Nenhuma" : "Nenhum";
+    return countQuantidade === 1 ? `${countTitle} ${selecionadoText}` : countQuantidade && countQuantidade > 1 ? `${countTitle.split(" ").map((item) => `${item}s`).join("  ")} ${selecionadosText}` : `${nenhumText} ${countTitle} ${selecionadoText}`;
+  }, [countQuantidade]);
+  return /* @__PURE__ */ jsx21(Stack8, { children: /* @__PURE__ */ jsxs6(
+    Typography4,
+    {
+      variant: "body2",
+      fontSize: "13px",
+      fontWeight: "500",
+      whiteSpace: "nowrap",
+      children: [
+        countQuantidade && countQuantidade > 0 ? countQuantidade : "",
+        " ",
+        flexSufixCountTitle
+      ]
+    }
+  ) });
+}
+
+// src/DataTable/DataTableTitle.tsx
+import { Typography as Typography5, useTheme as useTheme2 } from "@mui/material";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function Title({
+  children,
+  titleDivider = false,
+  sx
+}) {
+  const theme = useTheme2();
+  return /* @__PURE__ */ jsx22(
+    Typography5,
+    {
+      variant: "h6",
+      whiteSpace: "nowrap",
+      sx: {
+        borderRight: titleDivider ? `solid 1px ${theme.palette.grey[300]}` : "none",
+        paddingRight: 1.5,
+        ...sx
+      },
+      children
+    }
+  );
+}
+
+// src/DataTable/DataTableToolbar.tsx
+import { Paper, Stack as Stack9 } from "@mui/material";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function Toolbar({ children }) {
+  return /* @__PURE__ */ jsx23(
+    Stack9,
+    {
+      component: Paper,
+      elevation: 0,
+      gap: 1.5,
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      p: 1,
+      borderRadius: "8px 8px 0 0",
+      sx: { width: "100%" },
+      children
+    }
+  );
+}
+
+// src/DataTable/index.ts
+var DataTable = {
+  CellActionTransport,
+  SelectionCounter,
+  CellActionDelete,
+  ExportCsvButton,
+  CellActionEdit,
+  CellActions,
+  CellAction,
+  Pagination,
+  Actions,
+  Toolbar,
+  Content,
+  Button: DataTableButton,
+  Footer,
+  Table,
+  Title,
+  Root,
+  Action: DataTableAction,
+  ActionEdit: DataTableActionEdit,
+  ActionDelete: DataTableActionDelete,
+  ActionTransport: DataTableActionTransport,
+  ColumnsPanelTrigger,
+  useGridApiRef: useGridApiRef2
+};
+var DataTable_default = DataTable;
+export {
+  DataTable_default as DataTable
+};
 /*! Bundled license information:
 
 lucide-react/dist/esm/shared/src/utils.js: