@data-c/pro 0.2.53 → 0.2.55

package/dist/index.js

@@ -1,4 +1,1092 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _xdatagridpro = require('@mui/x-data-grid-pro');var _react = require('react');var _iconsmaterial = require('@mui/icons-material');var _material = require('@mui/material');var _locales = require('@mui/x-data-grid-pro/locales');var _jsxruntime = require('react/jsx-runtime');function F(){return _jsxruntime.jsxs.call(void 0, _material.Stack,{alignItems:"center",justifyContent:"center",gap:2,padding:2,maxWidth:"400px",minWidth:"200px",children:[_jsxruntime.jsx.call(void 0, _material.Stack,{width:"250px",height:"250px",alignItems:"center",justifyContent:"center",borderRadius:"50%",sx:{background:"linear-gradient(to top, #ffffff, #fdfcfd, #fafafa, #f8f7f8, #f5f5f6);"},children:_jsxruntime.jsx.call(void 0, "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"})}),_jsxruntime.jsxs.call(void 0, _material.Stack,{spacing:1,textAlign:"center",children:[_jsxruntime.jsx.call(void 0, _material.Typography,{variant:"h4",component:"h2",fontWeight:"600",children:"Nenhum registro encontrado"}),_jsxruntime.jsx.call(void 0, _material.Typography,{variant:"body2",whiteSpace:"normal",children:"Tente outra pesquisa ou adicione um novo registro."})]})]})}function T({errorMessage:e}){return _jsxruntime.jsxs.call(void 0, _material.Stack,{alignItems:"center",justifyContent:"center",gap:2,padding:2,maxWidth:"400px",minWidth:"200px",children:[_jsxruntime.jsx.call(void 0, _material.Stack,{width:"250px",height:"250px",alignItems:"center",justifyContent:"center",borderRadius:"50%",sx:{background:"linear-gradient(to top, #ffffff, #fdfcfd, #fafafa, #f8f7f8, #f5f5f6);"},children:_jsxruntime.jsx.call(void 0, "img",{src:"https://datac-site-assets.s3.sa-east-1.amazonaws.com/error.svg",alt:"Imagem de erro",width:"148px",height:"148px"})}),_jsxruntime.jsxs.call(void 0, _material.Stack,{gap:1,textAlign:"center",children:[_jsxruntime.jsx.call(void 0, _material.Typography,{variant:"h4",component:"h2",fontWeight:"600",children:"Ops! Algo deu errado"}),_jsxruntime.jsx.call(void 0, _material.Typography,{variant:"body2",children:e})]})]})}var le=_react.createContext.call(void 0, {});function y({children:e}){let[a,t]=_react.useState.call(void 0, {type:"include",ids:new Set}),[o,d]=_react.useState.call(void 0, !1),[l,u]=_react.useState.call(void 0, !1),f=_xdatagridpro.useGridApiRef.call(void 0, );function s(){t({type:"include",ids:new Set}),d(!0)}return _jsxruntime.jsx.call(void 0, le.Provider,{value:{apiRef:f,rowsSelectedId:a,clearCallback:o,breakpoint:l,setClearCallback:d,setBreakpoint:u,setRowsSelectedId:t,clearRowsSelectedId:s},children:e})}function p(){return _react.useContext.call(void 0, le)}var Qe=({apiRef:e})=>_xdatagridpro.gridFilteredSortedRowIdsSelector.call(void 0, 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=_react.useMemo.call(void 0, ()=>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:_optionalChain([r, 'optionalAccess', _2 => _2.enableStickyColumns])?"sticky-header":"",cellClassName:_optionalChain([r, 'optionalAccess', _3 => _3.enableStickyColumns])?"sticky-cell":""}),[l]);_react.useEffect.call(void 0, ()=>{u&&ee(u)},[u]),_react.useEffect.call(void 0, ()=>{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=>{_optionalChain([B, 'optionalAccess', _4 => _4.current])&&B.current.exportDataAsCsv(Ue)})({getRowsToExport:Qe});break;default:break}}function qe(n,r,ve){x&&x("edit",n.id)}return _jsxruntime.jsxs.call(void 0, _material.Stack,{height:"100%",minHeight:"500px",position:"relative",...c,children:[!t&&o&&_jsxruntime.jsx.call(void 0, _material.LinearProgress,{sx:{position:"absolute",top:0,right:0,left:0,zIndex:999,height:"3px"}}),_jsxruntime.jsx.call(void 0, _xdatagridpro.DataGridPro,{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:()=>_jsxruntime.jsx.call(void 0, _iconsmaterial.Circle,{color:"error",sx:{fontSize:"10pt"}}),booleanCellTrueIcon:()=>_jsxruntime.jsx.call(void 0, _iconsmaterial.Circle,{color:"success",sx:{fontSize:"10pt"}}),noRowsOverlay:()=>!t&&a?_jsxruntime.jsx.call(void 0, T,{errorMessage:a}):_jsxruntime.jsx.call(void 0, F,{}),...m},slotProps:{loadingOverlay:{variant:"skeleton",noRowsVariant:"skeleton"}},disableColumnFilter:!0,localeText:_locales.ptBR.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})]})}function v(e){let{ref:a,...t}=e;return _jsxruntime.jsx.call(void 0, _xdatagridpro.GridActionsCellItem,{...t,ref:a})}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};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=_react.forwardRef.call(void 0, ({color:e="currentColor",size:a=24,strokeWidth:t=2,absoluteStrokeWidth:o,className:d="",children:l,iconNode:u,...f},s)=>_react.createElement.call(void 0, "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])=>_react.createElement.call(void 0, i,x)),...Array.isArray(l)?l:[l]]));var I=(e,a)=>{let t=_react.forwardRef.call(void 0, ({className:o,...d},l)=>_react.createElement.call(void 0, 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);function O(e){let{ref:a,...t}=e;return _jsxruntime.jsx.call(void 0, _xdatagridpro.GridActionsCellItem,{color:"error",label:"Deletar",icon:_jsxruntime.jsx.call(void 0, h,{size:16}),...t,ref:a})}function H(e){let{ref:a,...t}=e;return _jsxruntime.jsx.call(void 0, _xdatagridpro.GridActionsCellItem,{label:"Editar",color:"primary",icon:_jsxruntime.jsx.call(void 0, g,{size:16}),...t,ref:a})}function G({children:e,breakpoints:a}){let{setBreakpoint:t}=p(),o=_material.useTheme.call(void 0, ),d=_material.useMediaQuery.call(void 0, o.breakpoints.down(a||"md"));return _react.useEffect.call(void 0, ()=>{t(d)},[d]),_jsxruntime.jsx.call(void 0, _material.Stack,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",gap:1,marginLeft:"auto",flexGrow:1,children:e})}function E(e){let{ref:a,...t}=e;return _jsxruntime.jsx.call(void 0, _xdatagridpro.GridActionsCellItem,{color:"primary",label:"Transportar",icon:_jsxruntime.jsx.call(void 0, C,{size:16}),...t,ref:a})}function w(e){let{isLoading:a,startIcon:t,children:o,title:d,...l}=e,{breakpoint:u}=p();return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:u?_jsxruntime.jsx.call(void 0, _material.Tooltip,{title:o,children:_jsxruntime.jsxs.call(void 0, _material.IconButton,{...l,color:"primary",disabled:a?!0:l.disabled,children:[t,a&&_jsxruntime.jsx.call(void 0, _material.CircularProgress,{color:"secondary",size:14,sx:{position:"absolute",top:"25%",bottom:"25%",left:"25%",right:"25%",transform:"translate(-50%, -50%)"}})]})}):_jsxruntime.jsx.call(void 0, _material.Button,{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:_jsxruntime.jsxs.call(void 0, _material.Box,{component:"span",sx:{transition:"opacity 0.2s ease, width 0.2s ease",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:[a&&_jsxruntime.jsx.call(void 0, _material.CircularProgress,{color:"secondary",size:14,sx:{position:"absolute",top:"22%",left:"44%",transform:"translate(-50%, -50%)"}}),o]})})})}function W(e){let{event:a,onClick:t,...o}=e;return _jsxruntime.jsx.call(void 0, _xdatagridpro.GridActionsCellItem,{label:"A\xE7\xE3o",onClick:()=>{},icon:_jsxruntime.jsx.call(void 0, "span",{children:"\u{1F527}"})})}function V({onClick:e,...a}){return _jsxruntime.jsx.call(void 0, _xdatagridpro.GridActionsCellItem,{icon:_jsxruntime.jsx.call(void 0, _iconsmaterial.Delete,{}),label:"Delete",color:"primary",onClick:()=>{e&&e("delete")},...a})}function z({onClick:e,...a}){return _jsxruntime.jsx.call(void 0, _xdatagridpro.GridActionsCellItem,{icon:_jsxruntime.jsx.call(void 0, _iconsmaterial.Edit,{}),label:"Edit",color:"primary",onClick:()=>e&&e("edit"),...a})}function X(e){let{children:a,onClick:t}=e;return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_react.Children.map(a,o=>{if(_react.isValidElement.call(void 0, o))return _react.cloneElement.call(void 0, o,{onClick:t})})})}function N({onClick:e,...a}){return _jsxruntime.jsx.call(void 0, _xdatagridpro.GridActionsCellItem,{icon:_jsxruntime.jsx.call(void 0, _iconsmaterial.GetApp,{}),label:"Transport",color:"primary",onClick:()=>e&&e("transport"),...a})}function K(e){return _jsxruntime.jsx.call(void 0, _material.Stack,{direction:"row",width:"100%",flexGrow:1,alignItems:"center",gap:1.5,sx:{background:"#f4f"},...e})}var ya=({apiRef:e})=>_xdatagridpro.gridFilteredSortedRowIdsSelector.call(void 0, e);function Q(){let{apiRef:e}=p(),a=t=>{_optionalChain([e, 'optionalAccess', _5 => _5.current])&&e.current.exportDataAsCsv(t)};return _jsxruntime.jsx.call(void 0, w,{startIcon:_jsxruntime.jsx.call(void 0, _iconsmaterial.FileDownload,{}),onClick:()=>a({getRowsToExport:ya}),children:"Exportar CSV"})}function Z(e){return _jsxruntime.jsx.call(void 0, _material.TableFooter,{...e,sx:{height:"54px",paddingX:"12px",gap:"12px",display:"flex",alignItems:"center",backgroundColor:"white",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px",borderTop:"1px solid #edf2f9"}})}var _hooks = require('@data-c/hooks');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=_react.useMemo.call(void 0, ()=>_optionalChain([o, 'optionalAccess', _6 => _6.lastPage])?o.lastPage:(f||0)<u?1:Math.max(Math.ceil((f||0)/u)),[f,u]),i=_react.useMemo.call(void 0, ()=>{if((f||0)<u)return`Exibindo ${_hooks.pluralizar.call(void 0, f||0,"registro","registros",!0)}`;let c=u;if(l===s){let m=(f||0)%u;c=m===0?u:m}return`Exibindo ${_hooks.pluralizar.call(void 0, c||0,"registro","registros",!0)} de ${f}`},[o,s]);return _jsxruntime.jsxs.call(void 0, _material.Stack,{width:"100%",direction:"row",alignItems:"center",gap:2,marginLeft:"auto",children:[_jsxruntime.jsx.call(void 0, _material.Typography,{variant:"body2",fontSize:"13px",fontWeight:"500",whiteSpace:"nowrap",children:i}),!0&&_jsxruntime.jsxs.call(void 0, _material.Stack,{direction:"row",alignItems:"center",gap:2,marginLeft:"auto",children:[_jsxruntime.jsx.call(void 0, _material.TextField,{sx:{width:"78px",fontSize:"8pt"},size:"small",value:u||0,select:!0,onChange:c=>{a&&a(parseInt(c.target.value))},children:d.map(c=>_jsxruntime.jsx.call(void 0, _material.MenuItem,{value:c,children:c},c))}),_jsxruntime.jsx.call(void 0, _material.Pagination,{variant:"outlined",shape:"rounded",count:s||0,showFirstButton:!0,showLastButton:!0,onChange:(c,m)=>{t&&t(m)},page:l||0,color:"primary"})]})]})}function $({children:e,height:a,...t}){let o=_react.useRef.call(void 0, null),[d,l]=_react.useState.call(void 0, 500);return _react.useEffect.call(void 0, ()=>{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)}},[]),_jsxruntime.jsx.call(void 0, _material.Stack,{ref:o,sx:{backgroundColor:"#f4f6fa",border:"1px solid #edf2f9",borderRadius:2,height:a||`calc(${d}px - 16px)`,...t.sx},...t,children:_jsxruntime.jsx.call(void 0, y,{children:e})})}function _(e){let{countTitle:a,gender:t}=e,{rowsSelectedId:o}=p(),d=_optionalChain([o, 'optionalAccess', _7 => _7.ids, 'access', _8 => _8.size])||0,l=_react.useMemo.call(void 0, ()=>{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 _jsxruntime.jsx.call(void 0, _material.Stack,{children:_jsxruntime.jsxs.call(void 0, _material.Typography,{variant:"body2",fontSize:"13px",fontWeight:"500",whiteSpace:"nowrap",children:[d&&d>0?d:""," ",l]})})}function Y({children:e,titleDivider:a=!1,sx:t}){let o=_material.useTheme.call(void 0, );return _jsxruntime.jsx.call(void 0, _material.Typography,{variant:"h6",whiteSpace:"nowrap",sx:{borderRight:a?`solid 1px ${o.palette.grey[300]}`:"none",paddingRight:1.5,...t},children:e})}function j({children:e}){return _jsxruntime.jsx.call(void 0, _material.Stack,{component:_material.Paper,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:_xdatagridpro.ColumnsPanelTrigger,useGridApiRef:_xdatagridpro.useGridApiRef},ut= exports.DataTable =ot;exports.DataTable = ut;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/DataTable/index.ts
+var _xdatagridpro = require('@mui/x-data-grid-pro');
+
+// src/DataTable/DataTable.tsx
+var _react = require('react');
+var _iconsmaterial = require('@mui/icons-material');
+var _material = require('@mui/material');
+
+
+
+
+var _locales = require('@mui/x-data-grid-pro/locales');
+
+// src/DataTable/DataTableEmptyData.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+function DataTableEmptyData() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Stack,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 2,
+      padding: 2,
+      maxWidth: "400px",
+      minWidth: "200px",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Stack,
+          {
+            width: "250px",
+            height: "250px",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "50%",
+            sx: {
+              background: "linear-gradient(to top, #ffffff, #fdfcfd, #fafafa, #f8f7f8, #f5f5f6);"
+            },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "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__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { spacing: 1, textAlign: "center", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h4", component: "h2", fontWeight: "600", children: "Nenhum registro encontrado" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", whiteSpace: "normal", children: "Tente outra pesquisa ou adicione um novo registro." })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/DataTable/DataTableError.tsx
+
+
+function DataTableError({
+  errorMessage
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Stack,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 2,
+      padding: 2,
+      maxWidth: "400px",
+      minWidth: "200px",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Stack,
+          {
+            width: "250px",
+            height: "250px",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "50%",
+            sx: {
+              background: "linear-gradient(to top, #ffffff, #fdfcfd, #fafafa, #f8f7f8, #f5f5f6);"
+            },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "img",
+              {
+                src: "https://datac-site-assets.s3.sa-east-1.amazonaws.com/error.svg",
+                alt: "Imagem de erro",
+                width: "148px",
+                height: "148px"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { gap: 1, textAlign: "center", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h4", component: "h2", fontWeight: "600", children: "Ops! Algo deu errado" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", children: errorMessage })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/DataTable/DataTableRootProvider.tsx
+
+
+
+
+
+
+
+var TableRootContext = _react.createContext.call(void 0, {});
+function TableRootProvider({
+  children
+}) {
+  const [ids, setIds] = _react.useState.call(void 0, {
+    type: "include",
+    ids: /* @__PURE__ */ new Set()
+  });
+  const [clearCallback, setClearCallback] = _react.useState.call(void 0, false);
+  const [breakpoint, setBreakpoint] = _react.useState.call(void 0, false);
+  const apiRef = _xdatagridpro.useGridApiRef.call(void 0, );
+  function handleClearRowsSelectedId() {
+    setIds({
+      type: "include",
+      ids: /* @__PURE__ */ new Set()
+    });
+    setClearCallback(true);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    TableRootContext.Provider,
+    {
+      value: {
+        apiRef,
+        rowsSelectedId: ids,
+        clearCallback,
+        breakpoint,
+        setClearCallback,
+        setBreakpoint,
+        setRowsSelectedId: setIds,
+        clearRowsSelectedId: handleClearRowsSelectedId
+      },
+      children
+    }
+  );
+}
+function useTableRootContext() {
+  return _react.useContext.call(void 0, TableRootContext);
+}
+
+// src/DataTable/DataTable.tsx
+
+var getFilteredRows = ({ apiRef }) => _xdatagridpro.gridFilteredSortedRowIdsSelector.call(void 0, 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 = _react.useMemo.call(void 0, () => {
+    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: _optionalChain([col, 'optionalAccess', _2 => _2.enableStickyColumns]) ? "sticky-header" : "",
+          cellClassName: _optionalChain([col, 'optionalAccess', _3 => _3.enableStickyColumns]) ? "sticky-cell" : ""
+        };
+      });
+    };
+  }, [columns]);
+  _react.useEffect.call(void 0, () => {
+    if (controlledRowsSelectedId) {
+      setRowsSelectedId(controlledRowsSelectedId);
+    }
+  }, [controlledRowsSelectedId]);
+  _react.useEffect.call(void 0, () => {
+    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 (_optionalChain([apiRef, 'optionalAccess', _4 => _4.current])) {
+            apiRef.current.exportDataAsCsv(options);
+          }
+        };
+        handleExport({ getRowsToExport: getFilteredRows });
+        break;
+      default:
+        break;
+    }
+  }
+  function handleRowDoubleClick(params, _, details) {
+    if (onRowDoubleClick)
+      onRowDoubleClick("edit", params.id);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { height: "100%", minHeight: "500px", position: "relative", ...stackProps, children: [
+    !isLoading && isFetching && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.LinearProgress,
+      {
+        sx: {
+          position: "absolute",
+          top: 0,
+          right: 0,
+          left: 0,
+          zIndex: 999,
+          height: "3px"
+        }
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _xdatagridpro.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__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.Circle, { color: "error", sx: { fontSize: "10pt" } }),
+          booleanCellTrueIcon: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.Circle, { color: "success", sx: { fontSize: "10pt" } }),
+          noRowsOverlay: () => !isLoading && !!error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTableError, { errorMessage: error }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTableEmptyData, {}),
+          ...slots
+        },
+        slotProps: {
+          loadingOverlay: {
+            variant: "skeleton",
+            noRowsVariant: "skeleton"
+          }
+        },
+        disableColumnFilter: true,
+        localeText: _locales.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",
+            backgroundColor: "#f4f6fa"
+          },
+          ".MuiDataGrid-columnHeader": {
+            backgroundColor: "#f4f6fa"
+          },
+          ".MuiDataGrid-columnHeaders .MuiDataGrid-filler": {
+            backgroundColor: "#f4f6fa"
+          },
+          ".MuiDataGrid-columnHeaderTitle": {
+            fontSize: "12px",
+            color: "#0b0e14",
+            fontWeight: "600"
+          },
+          "& .sticky-cell": {
+            position: "sticky",
+            right: 0,
+            background: "inherit",
+            zIndex: 1
+          },
+          "& .sticky-header": {
+            position: "sticky",
+            right: 0,
+            backgroundColor: "#f4f6fa",
+            zIndex: 2
+          }
+        },
+        ...rest
+      }
+    )
+  ] });
+}
+
+// src/DataTable/DataTableAction.tsx
+
+
+
+
+function DataTableAction(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _xdatagridpro.GridActionsCellItem,
+    {
+      ...rest,
+      ref
+    }
+  );
+}
+
+// src/DataTable/DataTableActionDelete.tsx
+
+
+
+
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
+
+
+// ../../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
+
+
+// ../../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 = _react.forwardRef.call(void 0, 
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => _react.createElement.call(void 0, 
+    "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]) => _react.createElement.call(void 0, tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = _react.forwardRef.call(void 0, 
+    ({ className, ...props }, ref) => _react.createElement.call(void 0, 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
+
+function DataTableActionDelete(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _xdatagridpro.GridActionsCellItem,
+    {
+      color: "error",
+      label: "Deletar",
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Trash2, { size: 16 }),
+      ...rest,
+      ref
+    }
+  );
+}
+
+// src/DataTable/DataTableActionEdit.tsx
+
+
+
+
+function DataTableActionEdit(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _xdatagridpro.GridActionsCellItem,
+    {
+      label: "Editar",
+      color: "primary",
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Pencil, { size: 16 }),
+      ...rest,
+      ref
+    }
+  );
+}
+
+// src/DataTable/DataTableActions.tsx
+
+
+
+function Actions({ children, breakpoints }) {
+  const { setBreakpoint } = useTableRootContext();
+  const theme = _material.useTheme.call(void 0, );
+  const breakpoint = _material.useMediaQuery.call(void 0, theme.breakpoints.down(breakpoints || "md"));
+  _react.useEffect.call(void 0, () => {
+    setBreakpoint(breakpoint);
+  }, [breakpoint]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Stack,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "flex-end",
+      gap: 1,
+      marginLeft: "auto",
+      flexGrow: 1,
+      children
+    }
+  );
+}
+
+// src/DataTable/DataTableActionTransport.tsx
+
+
+
+
+function DataTableActionTransport(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _xdatagridpro.GridActionsCellItem,
+    {
+      color: "primary",
+      label: "Transportar",
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArrowBigDown, { size: 16 }),
+      ...rest,
+      ref
+    }
+  );
+}
+
+// src/DataTable/DataTableButton.tsx
+
+
+
+
+
+
+
+
+function DataTableButton(props) {
+  const { isLoading, startIcon, children, title, ...rest } = props;
+  const { breakpoint } = useTableRootContext();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: breakpoint ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: children, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.IconButton,
+    {
+      ...rest,
+      color: "primary",
+      disabled: isLoading ? true : rest.disabled,
+      children: [
+        startIcon,
+        isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.CircularProgress,
+          {
+            color: "secondary",
+            size: 14,
+            sx: {
+              position: "absolute",
+              top: "25%",
+              bottom: "25%",
+              left: "25%",
+              right: "25%",
+              transform: "translate(-50%, -50%)"
+            }
+          }
+        )
+      ]
+    }
+  ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Button,
+    {
+      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__ */ _jsxruntime.jsxs.call(void 0, 
+        _material.Box,
+        {
+          component: "span",
+          sx: {
+            transition: "opacity 0.2s ease, width 0.2s ease",
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis"
+          },
+          children: [
+            isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.CircularProgress,
+              {
+                color: "secondary",
+                size: 14,
+                sx: {
+                  position: "absolute",
+                  top: "22%",
+                  left: "44%",
+                  transform: "translate(-50%, -50%)"
+                }
+              }
+            ),
+            children
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+// src/DataTable/DataTableCellAction.tsx
+
+
+function CellAction(props) {
+  const { event, onClick, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _xdatagridpro.GridActionsCellItem,
+    {
+      label: "A\xE7\xE3o",
+      onClick: () => {
+      },
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "\u{1F527}" })
+    }
+  );
+}
+
+// src/DataTable/DataTableCellActionDelete.tsx
+
+
+
+function CellActionDelete({
+  onClick,
+  ...rest
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _xdatagridpro.GridActionsCellItem,
+    {
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.Delete, {}),
+      label: "Delete",
+      color: "primary",
+      onClick: () => {
+        if (onClick)
+          onClick("delete");
+      },
+      ...rest
+    }
+  );
+}
+
+// src/DataTable/DataTableCellActionEdit.tsx
+
+
+
+function CellActionEdit({
+  onClick,
+  ...rest
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _xdatagridpro.GridActionsCellItem,
+    {
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.Edit, {}),
+      label: "Edit",
+      color: "primary",
+      onClick: () => onClick && onClick("edit"),
+      ...rest
+    }
+  );
+}
+
+// src/DataTable/DataTableCellActions.tsx
+
+
+function CellActions(props) {
+  const { children, onClick: onItemClick } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: _react.Children.map(children, (child) => {
+    if (_react.isValidElement.call(void 0, child)) {
+      return _react.cloneElement.call(void 0, child, {
+        onClick: onItemClick
+      });
+    }
+  }) });
+}
+
+// src/DataTable/DataTableCellActionTransport.tsx
+
+
+
+function CellActionTransport({
+  onClick,
+  ...rest
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _xdatagridpro.GridActionsCellItem,
+    {
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.GetApp, {}),
+      label: "Transport",
+      color: "primary",
+      onClick: () => onClick && onClick("transport"),
+      ...rest
+    }
+  );
+}
+
+// src/DataTable/DataTableContent.tsx
+
+
+function Content(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Stack,
+    {
+      direction: "row",
+      width: "100%",
+      flexGrow: 1,
+      alignItems: "center",
+      gap: 1.5,
+      sx: { background: "#f4f" },
+      ...props
+    }
+  );
+}
+
+// src/DataTable/DataTableExportCsvButton.tsx
+
+
+
+
+
+var getFilteredRows2 = ({ apiRef }) => _xdatagridpro.gridFilteredSortedRowIdsSelector.call(void 0, apiRef);
+function ExportCsvButton() {
+  const { apiRef } = useTableRootContext();
+  const handleExport = (options) => {
+    if (_optionalChain([apiRef, 'optionalAccess', _5 => _5.current])) {
+      apiRef.current.exportDataAsCsv(options);
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    DataTableButton,
+    {
+      startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.FileDownload, {}),
+      onClick: () => handleExport({ getRowsToExport: getFilteredRows2 }),
+      children: "Exportar CSV"
+    }
+  );
+}
+
+// src/DataTable/DataTableFooter.tsx
+
+
+function Footer(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.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
+
+
+var _hooks = require('@data-c/hooks');
+
+
+
+
+
+
+
+
+
+function Pagination(props) {
+  const {
+    onChangePageSize,
+    onChangePage,
+    pagination,
+    rowsPerPageOptions = [15, 50, 100, 200]
+  } = props;
+  const { page, pageSize = 15, totalRecords } = pagination || {};
+  const pages = _react.useMemo.call(void 0, () => {
+    if (_optionalChain([pagination, 'optionalAccess', _6 => _6.lastPage]))
+      return pagination.lastPage;
+    if ((totalRecords || 0) < pageSize)
+      return 1;
+    return Math.max(Math.ceil((totalRecords || 0) / pageSize));
+  }, [totalRecords, pageSize]);
+  const totalRecordsLabel = _react.useMemo.call(void 0, () => {
+    if ((totalRecords || 0) < pageSize)
+      return `Exibindo ${_hooks.pluralizar.call(void 0, 
+        totalRecords || 0,
+        "registro",
+        "registros",
+        true
+      )}`;
+    let registrosExibidos = pageSize;
+    if (page === pages) {
+      const ultimaPaginaRegistros = (totalRecords || 0) % pageSize;
+      registrosExibidos = ultimaPaginaRegistros === 0 ? pageSize : ultimaPaginaRegistros;
+    }
+    return `Exibindo ${_hooks.pluralizar.call(void 0, 
+      registrosExibidos || 0,
+      "registro",
+      "registros",
+      true
+    )} de ${totalRecords}`;
+  }, [pagination, pages]);
+  const showPagination = true;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Stack,
+    {
+      width: "100%",
+      direction: "row",
+      alignItems: "center",
+      gap: 2,
+      marginLeft: "auto",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Typography,
+          {
+            variant: "body2",
+            fontSize: "13px",
+            fontWeight: "500",
+            whiteSpace: "nowrap",
+            children: totalRecordsLabel
+          }
+        ),
+        showPagination && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { direction: "row", alignItems: "center", gap: 2, marginLeft: "auto", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.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__ */ _jsxruntime.jsx.call(void 0, _material.MenuItem, { value: option, children: option }, option))
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.Pagination,
+            {
+              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
+
+
+
+function Root({ children, height, ...rest }) {
+  const tableContainerRef = _react.useRef.call(void 0, null);
+  const [tableHeight, setTableHeight] = _react.useState.call(void 0, 500);
+  _react.useEffect.call(void 0, () => {
+    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__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Stack,
+    {
+      ref: tableContainerRef,
+      sx: {
+        backgroundColor: "#f4f6fa",
+        border: "1px solid #edf2f9",
+        borderRadius: 2,
+        height: height || `calc(${tableHeight}px - 16px)`,
+        ...rest.sx
+      },
+      ...rest,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableRootProvider, { children })
+    }
+  );
+}
+
+// src/DataTable/DataTableSelectionCounter.tsx
+
+
+
+function SelectionCounter(props) {
+  const { countTitle, gender } = props;
+  const { rowsSelectedId } = useTableRootContext();
+  const countQuantidade = _optionalChain([rowsSelectedId, 'optionalAccess', _7 => _7.ids, 'access', _8 => _8.size]) || 0;
+  const flexSufixCountTitle = _react.useMemo.call(void 0, () => {
+    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__ */ _jsxruntime.jsx.call(void 0, _material.Stack, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Typography,
+    {
+      variant: "body2",
+      fontSize: "13px",
+      fontWeight: "500",
+      whiteSpace: "nowrap",
+      children: [
+        countQuantidade && countQuantidade > 0 ? countQuantidade : "",
+        " ",
+        flexSufixCountTitle
+      ]
+    }
+  ) });
+}
+
+// src/DataTable/DataTableTitle.tsx
+
+
+function Title({
+  children,
+  titleDivider = false,
+  sx
+}) {
+  const theme = _material.useTheme.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Typography,
+    {
+      variant: "h6",
+      whiteSpace: "nowrap",
+      sx: {
+        borderRight: titleDivider ? `solid 1px ${theme.palette.grey[300]}` : "none",
+        paddingRight: 1.5,
+        ...sx
+      },
+      children
+    }
+  );
+}
+
+// src/DataTable/DataTableToolbar.tsx
+
+
+function Toolbar({ children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Stack,
+    {
+      component: _material.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: _xdatagridpro.ColumnsPanelTrigger,
+  useGridApiRef: _xdatagridpro.useGridApiRef
+};
+var DataTable_default = DataTable;
+
+
+exports.DataTable = DataTable_default;
 /*! Bundled license information:
 
 lucide-react/dist/esm/shared/src/utils.js: