dgz-ui-shared 1.2.12 → 1.2.14

package/dist/components/datatable/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("../../chunks/index-ClQFzqcq.cjs.js"),V=require("dgz-ui/button"),D=require("dgz-ui/dropdown"),o=require("dgz-ui/utils"),M=require("../../chunks/lodash-BjH0kD7j.cjs.js"),L=require("lucide-react"),a=require("react"),m=require("react-i18next"),J=require("../../chunks/useSortable-B3LF1tg8.cjs.js"),P=require("../../chunks/Actions-CXOiCjx0.cjs.js"),ee=require("../../chunks/ExportData-CrB0H1Ts.cjs.js"),u=require("../../chunks/Search-hHeGlXqd.cjs.js"),se=require("../../chunks/Loader-D_jX_Wgx.cjs.js"),y=require("../../chunks/MyPagination-CnF3468f.cjs.js"),G=require("dgz-ui/form"),c=require("dgz-ui/table"),I=require("../../chunks/SortOrder-81BrXp3i.cjs.js"),le=require("../../chunks/Empty-BYOOFAab.cjs.js"),Q=({rows:l=[],columns:h,onRowClick:q,rowKey:f,params:n={page:1,limit:y.DEFAULT_LIMIT},hasNumbers:E=!1,hasCheckbox:N=!1,selectedItems:b,onSelectedItemsChange:k,onSortOrderChange:F,isStickyHeader:t,className:H,...O})=>{const{sortObject:x,handleSort:p}=J.useSortable({sortField:n==null?void 0:n.sortField,sortOrder:n==null?void 0:n.sortOrder,onSortOrderChange:F}),{selectedRows:T,isRowSelected:w,isAllRowsSelected:j,handleSelectAllRows:$,handleSelectRow:v}=J.useDataTable({rows:l,defaultSelectedRows:b});return a.useEffect(()=>{JSON.stringify(b)!==JSON.stringify(T)&&T&&(k==null||k(T))},[T,b,k]),e.jsxs(c.Table,{...O,className:o.cn("relative",H),children:[e.jsx(c.TableHeader,{className:o.cn("bg-bg",t&&"sticky top-0 z-1"),children:e.jsxs(c.TableRow,{children:[N&&e.jsx(c.TableHead,{className:"w-12 p-3",children:e.jsx(G.Checkbox,{className:"mt-1",checked:j(f),onCheckedChange:s=>$(f,!!s),"aria-label":"Select all"})}),E&&e.jsx(c.TableHead,{className:"w-12 p-2",children:"#"}),h.filter(s=>!s.hidden).map(s=>e.jsx(c.TableHead,{style:s.styles,className:o.cn("p-2",s.sortable&&"cursor-pointer"),onClick:()=>s.sortable&&p(s.dataIndex),children:e.jsxs("div",{className:"flex items-center gap-2",children:[s.name," ",s.sortable&&((x==null?void 0:x.sortField)===s.key?e.jsxs(e.Fragment,{children:[(x==null?void 0:x.sortOrder)===I.SortOrder.DESC&&e.jsx(L.ArrowDownWideNarrow,{size:15}),(x==null?void 0:x.sortOrder)===I.SortOrder.ASC&&e.jsx(L.ArrowUpWideNarrow,{size:15})]}):e.jsx(L.ArrowUpDown,{size:15}))]})},s.key))]})}),e.jsx(c.TableBody,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:l.length?l.map((s,g)=>e.jsxs(c.TableRow,{onClick:()=>q==null?void 0:q(s),className:o.cn(q&&"cursor-pointer"),"data-state":w(s[f])&&"selected",children:[N&&e.jsx(c.TableCell,{className:"w-12 p-3",onClick:r=>r.stopPropagation(),children:e.jsx(G.Checkbox,{className:"mt-1",checked:w(s[f]),onCheckedChange:r=>v(s[f],!!r),"aria-label":"Select row"})}),E&&e.jsx(c.TableCell,{className:"w-12 p-2",children:(n.page-1)*(n.limit||y.DEFAULT_LIMIT)+g+1}),h.filter(r=>!r.hidden).map(r=>e.jsx(c.TableCell,{className:"text-body-xs-medium max-w-xs p-2",style:r.styles,children:r.render?r.render(M.lodashExports.get(s,r.dataIndex),s):M.lodashExports.get(s,r.dataIndex,"")},`${g}-${r.key}`))]},`${s[f]}`)):e.jsx(c.TableRow,{children:e.jsx(c.TableCell,{colSpan:E?N?h.length+2:h.length+1:h.length,children:e.jsx(le.Empty,{})})})})]})},te=({dataSource:l,columns:h,onRowClick:q,rowKey:f,hasNumbers:n,hasSearch:E,exportOptions:N,hasCheckbox:b,hasPagination:k,isStickyHeader:F,onParamChange:t,dataKey:H="docs",loading:O,tableKey:x,filters:p,actions:T,handleFilterChange:w,params:j,exportLoading:$=!1,onColumnsUpdate:v,hasColumnsVisibilityDropdown:s,onSelectedItemsChange:g,actionProps:r,filterWrapperProps:X,exportOptionsProps:Y,columnsVisibilityProps:i,paginationProps:Z,searchProps:A,...U})=>{const{t:W}=m.useTranslation(),[R,K]=a.useState([]),{formattedColumns:z,handleColumnsChange:S,resetColumns:C}=J.useColumns({key:x,columns:h});return a.useEffect(()=>{v==null||v(z)},[z,v]),a.useEffect(()=>{g==null||g(R)},[R,g]),e.jsxs("div",{className:"border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",children:[(E||s&&x||!M.lodashExports.isEmpty(N)||!M.lodashExports.isEmpty(p))&&e.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row",children:[e.jsx("div",{className:"w-full shrink",children:E&&e.jsx(u.Search,{...A,className:o.cn("h-8 max-w-60",A==null?void 0:A.className),defaultValue:M.lodashExports.get(j,"search",""),onSearchChange:d=>t==null?void 0:t({...j,search:d,page:1})})}),e.jsxs("div",{className:"flex shrink-0 items-center justify-end gap-3",children:[N&&e.jsx(ee.ExportData,{...Y,options:N,loading:$}),s&&x&&e.jsxs(D.DropdownMenu,{children:[e.jsx(D.DropdownMenuTrigger,{asChild:!0,...i==null?void 0:i.triggerProps,children:e.jsx(V.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:(i==null?void 0:i.title)||e.jsxs(e.Fragment,{children:[e.jsx(_.yn,{})," ",e.jsx("span",{className:"hidden lg:!inline",children:W("Customize columns")}),e.jsx(_.f1,{})]})})}),e.jsxs(D.DropdownMenuContent,{align:"end",...i==null?void 0:i.contentProps,children:[e.jsxs(D.DropdownMenuItem,{className:"capitalize",onClick:C,children:[e.jsx(L.RefreshCw,{})," ",(i==null?void 0:i.resetText)||W("Reset columns")]}),e.jsx(D.DropdownMenuSeparator,{}),z.map(d=>e.jsx(D.DropdownMenuCheckboxItem,{className:"capitalize",checked:!d.hidden,onCheckedChange:B=>S(d,!B),children:d.name},d.key))]})]}),T&&e.jsx(P.Actions,{...r,actions:T}),p&&e.jsx(u.FilterWrapper,{...X,filters:p,params:j,onChange:w,onFilter:d=>{t==null||t({...j,...d,page:1}),w==null||w(d)}})]})]}),e.jsx("div",{className:"flex flex-col overflow-auto border-y",children:O?e.jsx(se.Loader,{}):e.jsx(Q,{...U,params:{page:(l==null?void 0:l.page)||1,limit:l==null?void 0:l.limit,...j},rows:M.lodashExports.get(l,H,[]),rowKey:f,selectedItems:R,isStickyHeader:F,columns:z,hasCheckbox:b,hasNumbers:n,onRowClick:q,onSelectedItemsChange:K,onSortOrderChange:({sortField:d,sortOrder:B})=>{t==null||t({...j,sortField:d,sortOrder:B})}})}),k&&e.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row",children:[e.jsx("div",{className:"text-sm",children:e.jsx(y.MyLimitSelect,{onLimitChange:d=>t==null?void 0:t({...j,limit:d,page:1}),defaultValue:l==null?void 0:l.limit})}),e.jsx("div",{className:"text-muted-foreground text-sm",children:W("{{selectedCount}} of {{total}} row(s) selected",{selectedCount:R.length,total:(l==null?void 0:l.total)||0})}),e.jsx("div",{children:e.jsx(y.MyPagination,{...Z,onPageChange:d=>t==null?void 0:t({...j,page:d}),currentPage:l==null?void 0:l.page,totalPages:l==null?void 0:l.totalPages})})]})]})};exports.DataTable=te;exports.MyTable=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../chunks/index-ClQFzqcq.cjs.js"),m=require("dgz-ui/button"),M=require("dgz-ui/dropdown"),b=require("dgz-ui/utils"),A=require("../../chunks/lodash-BjH0kD7j.cjs.js"),o=require("lucide-react"),y=require("react"),P=require("react-i18next"),B=require("../../chunks/useSortable-B3LF1tg8.cjs.js"),ee=require("../../chunks/Actions-CXOiCjx0.cjs.js"),le=require("../../chunks/ExportData-CrB0H1Ts.cjs.js"),G=require("../../chunks/Search-hHeGlXqd.cjs.js"),se=require("../../chunks/Loader-D_jX_Wgx.cjs.js"),u=require("../../chunks/MyPagination-CnF3468f.cjs.js"),I=require("dgz-ui/form"),i=require("dgz-ui/table"),Q=require("../../chunks/SortOrder-81BrXp3i.cjs.js"),te=require("../../chunks/Empty-BYOOFAab.cjs.js"),X=({rows:s=[],columns:T,onRowClick:E,rowKey:N,params:c={page:1,limit:u.DEFAULT_LIMIT},hasNumbers:k=!1,hasCheckbox:w=!1,selectedItems:R,onSelectedItemsChange:v,onSortOrderChange:F,isStickyHeader:t,className:H,...O})=>{const{sortObject:r,handleSort:p}=B.useSortable({sortField:c==null?void 0:c.sortField,sortOrder:c==null?void 0:c.sortOrder,onSortOrderChange:F}),{selectedRows:g,isRowSelected:h,isAllRowsSelected:j,handleSelectAllRows:$,handleSelectRow:D}=B.useDataTable({rows:s,defaultSelectedRows:R});return y.useEffect(()=>{JSON.stringify(R)!==JSON.stringify(g)&&g&&(v==null||v(g))},[g,R,v]),e.jsxs(i.Table,{...O,className:b.cn("relative",H),children:[e.jsx(i.TableHeader,{className:b.cn("bg-bg",t&&"sticky top-0 z-1"),children:e.jsxs(i.TableRow,{children:[w&&e.jsx(i.TableHead,{className:"w-12 p-3",children:e.jsx(I.Checkbox,{className:"mt-1",checked:j(N),onCheckedChange:l=>$(N,!!l),"aria-label":"Select all"})}),k&&e.jsx(i.TableHead,{className:"w-12 p-2",children:"#"}),T.filter(l=>!l.hidden).map(l=>e.jsx(i.TableHead,{style:l.styles,className:b.cn("p-2",l.sortable&&"cursor-pointer"),onClick:()=>l.sortable&&p(l.dataIndex),children:e.jsxs("div",{className:"flex items-center gap-2",children:[l.name," ",l.sortable&&((r==null?void 0:r.sortField)===l.key?e.jsxs(e.Fragment,{children:[(r==null?void 0:r.sortOrder)===Q.SortOrder.DESC&&e.jsx(o.ArrowDownWideNarrow,{size:15}),(r==null?void 0:r.sortOrder)===Q.SortOrder.ASC&&e.jsx(o.ArrowUpWideNarrow,{size:15})]}):e.jsx(o.ArrowUpDown,{size:15}))]})},l.key))]})}),e.jsx(i.TableBody,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:s.length?s.map((l,q)=>e.jsxs(i.TableRow,{onClick:()=>E==null?void 0:E(l),className:b.cn(E&&"cursor-pointer"),"data-state":h(l[N])&&"selected",children:[w&&e.jsx(i.TableCell,{className:"w-12 p-3",onClick:x=>x.stopPropagation(),children:e.jsx(I.Checkbox,{className:"mt-1",checked:h(l[N]),onCheckedChange:x=>D(l[N],!!x),"aria-label":"Select row"})}),k&&e.jsx(i.TableCell,{className:"w-12 p-2",children:(c.page-1)*(c.limit||u.DEFAULT_LIMIT)+q+1}),T.filter(x=>!x.hidden).map(x=>e.jsx(i.TableCell,{className:"text-body-xs-medium max-w-xs p-2",style:x.styles,children:x.render?x.render(A.lodashExports.get(l,x.dataIndex),l):A.lodashExports.get(l,x.dataIndex,"")},`${q}-${x.key}`))]},`${l[N]}`)):e.jsx(i.TableRow,{children:e.jsx(i.TableCell,{colSpan:k?w?T.length+2:T.length+1:T.length,children:e.jsx(te.Empty,{})})})})]})},de=({dataSource:s,columns:T,onRowClick:E,rowKey:N,hasNumbers:c,hasSearch:k,exportOptions:w,hasCheckbox:R,hasPagination:v,isStickyHeader:F,onParamChange:t,dataKey:H="docs",loading:O,tableKey:r,filters:p,actions:g,handleFilterChange:h,params:j,exportLoading:$=!1,onColumnsUpdate:D,hasColumnsVisibilityDropdown:l,onSelectedItemsChange:q,actionProps:x,filterWrapperProps:Y,exportOptionsProps:Z,columnsVisibilityProps:n,paginationProps:U,searchProps:f,...K})=>{var J;const{t:W}=P.useTranslation(),[z,S]=y.useState([]),{formattedColumns:L,handleColumnsChange:C,resetColumns:V}=B.useColumns({key:r,columns:T});return y.useEffect(()=>{D==null||D(L)},[L,D]),y.useEffect(()=>{q==null||q(z)},[z,q]),e.jsxs("div",{className:"border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",children:[(k||l&&r||!A.lodashExports.isEmpty(w)||!A.lodashExports.isEmpty(p))&&e.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row",children:[e.jsx("div",{className:"w-full shrink",children:k&&e.jsx(G.Search,{...f,inputProps:{...f==null?void 0:f.inputProps,className:b.cn("h-8",(J=f==null?void 0:f.inputProps)==null?void 0:J.className)},className:b.cn("max-w-78 [&_button]:-top-1",f==null?void 0:f.className),defaultValue:A.lodashExports.get(j,"search",""),onSearchChange:d=>t==null?void 0:t({...j,search:d,page:1})})}),e.jsxs("div",{className:"flex shrink-0 items-center justify-end gap-3",children:[w&&e.jsx(le.ExportData,{...Z,options:w,loading:$}),l&&r&&e.jsxs(M.DropdownMenu,{children:[e.jsx(M.DropdownMenuTrigger,{asChild:!0,...n==null?void 0:n.triggerProps,children:e.jsx(m.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:(n==null?void 0:n.title)||e.jsxs(e.Fragment,{children:[e.jsx(a.yn,{})," ",e.jsx("span",{className:"hidden lg:inline!",children:W("Customize columns")}),e.jsx(a.f1,{})]})})}),e.jsxs(M.DropdownMenuContent,{align:"end",...n==null?void 0:n.contentProps,children:[e.jsxs(M.DropdownMenuItem,{className:"capitalize",onClick:V,children:[e.jsx(o.RefreshCw,{})," ",(n==null?void 0:n.resetText)||W("Reset columns")]}),e.jsx(M.DropdownMenuSeparator,{}),L.map(d=>e.jsx(M.DropdownMenuCheckboxItem,{className:"capitalize",checked:!d.hidden,onCheckedChange:_=>C(d,!_),children:d.name},d.key))]})]}),g&&e.jsx(ee.Actions,{...x,actions:g}),p&&e.jsx(G.FilterWrapper,{...Y,filters:p,params:j,onChange:h,onFilter:d=>{t==null||t({...j,...d,page:1}),h==null||h(d)}})]})]}),e.jsx("div",{className:"flex flex-col overflow-auto border-y",children:O?e.jsx(se.Loader,{}):e.jsx(X,{...K,params:{page:(s==null?void 0:s.page)||1,limit:s==null?void 0:s.limit,...j},rows:A.lodashExports.get(s,H,[]),rowKey:N,selectedItems:z,isStickyHeader:F,columns:L,hasCheckbox:R,hasNumbers:c,onRowClick:E,onSelectedItemsChange:S,onSortOrderChange:({sortField:d,sortOrder:_})=>{t==null||t({...j,sortField:d,sortOrder:_})}})}),v&&e.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row",children:[e.jsx("div",{className:"text-sm",children:e.jsx(u.MyLimitSelect,{onLimitChange:d=>t==null?void 0:t({...j,limit:d,page:1}),defaultValue:s==null?void 0:s.limit})}),e.jsx("div",{className:"text-muted-foreground text-sm",children:W("{{selectedCount}} of {{total}} row(s) selected",{selectedCount:z.length,total:(s==null?void 0:s.total)||0})}),e.jsx("div",{children:e.jsx(u.MyPagination,{...U,onPageChange:d=>t==null?void 0:t({...j,page:d}),currentPage:s==null?void 0:s.page,totalPages:s==null?void 0:s.totalPages})})]})]})};exports.DataTable=de;exports.MyTable=X;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/datatable/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { Checkbox } from 'dgz-ui/form';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport {\n  ArrowDownWideNarrow,\n  ArrowUpDown,\n  ArrowUpWideNarrow,\n} from 'lucide-react';\nimport { type ComponentProps, useEffect } from 'react';\nimport { SortOrder } from '../../enums';\nimport { useDataTable, useSortable, type UseSortableProps } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { Empty } from '../empty';\nimport { DEFAULT_LIMIT } from '../pagination/MyLimitSelect';\n\n/**\n * Props for the MyTable component.\n * @template TData - The type of data in the table.\n */\nexport interface MyTableProps<TData> extends ComponentProps<'table'> {\n  /** Array of data rows to display. */\n  rows?: TData[];\n  /** Column definitions. */\n  columns: ColumnType<TData>[];\n  /** Callback when a row is clicked. */\n  onRowClick?: (row: TData) => void;\n  /** Whether to show row numbers. */\n  hasNumbers?: boolean;\n  /** Whether to show selection checkboxes. */\n  hasCheckbox?: boolean;\n  /** Unique key for each row. */\n  rowKey: keyof TData;\n  /** Current table parameters (page, limit, sort). */\n  params?: Record<string, unknown>;\n  /** Total number of items (optional, often used with pagination context). */\n  total?: number;\n  /** Array of currently selected item keys. */\n  selectedItems?: TData[keyof TData][];\n  /** Callback when selected items change. */\n  onSelectedItemsChange?: (selectedItems: TData[keyof TData][]) => void;\n  /** Callback when sort order changes. */\n  onSortOrderChange?: (\n    params: Omit<UseSortableProps<TData>, 'onSortOrderChange'>\n  ) => void;\n  /** Whether the header should stick to the top. */\n  isStickyHeader?: true;\n}\n\n/**\n * MyTable renders a generic data table with optional numbering, selection checkboxes,\n * sortable columns and sticky header. It is a presentational component and delegates\n * sorting/selection state via hooks and callbacks.\n *\n * @template TData - The row data type.\n * @param props - Component props.\n * @returns React element containing the table.\n */\nexport const MyTable = <TData,>({\n  rows = [],\n  columns,\n  onRowClick,\n  rowKey,\n  params = {\n    page: 1,\n    limit: DEFAULT_LIMIT,\n  },\n  hasNumbers = false,\n  hasCheckbox = false,\n  selectedItems,\n  onSelectedItemsChange,\n  onSortOrderChange,\n  isStickyHeader,\n  className,\n  ...props\n}: MyTableProps<TData>) => {\n  const { sortObject, handleSort } = useSortable<TData>({\n    sortField: params?.sortField as keyof TData | undefined,\n    sortOrder: params?.sortOrder as SortOrder | undefined,\n    onSortOrderChange,\n  });\n  const {\n    selectedRows,\n    isRowSelected,\n    isAllRowsSelected,\n    handleSelectAllRows,\n    handleSelectRow,\n  } = useDataTable<TData>({ rows, defaultSelectedRows: selectedItems });\n\n  useEffect(() => {\n    if (\n      JSON.stringify(selectedItems) !== JSON.stringify(selectedRows) &&\n      selectedRows\n    ) {\n      onSelectedItemsChange?.(selectedRows);\n    }\n  }, [selectedRows, selectedItems, onSelectedItemsChange]);\n\n  return (\n    <Table {...props} className={cn('relative', className)}>\n      <TableHeader\n        className={cn('bg-bg', isStickyHeader && 'sticky top-0 z-1')}\n      >\n        <TableRow>\n          {hasCheckbox && (\n            <TableHead className={'w-12 p-3'}>\n              <Checkbox\n                className={'mt-1'}\n                checked={isAllRowsSelected(rowKey)}\n                onCheckedChange={(value) =>\n                  handleSelectAllRows(rowKey, !!value)\n                }\n                aria-label=\"Select all\"\n              />\n            </TableHead>\n          )}\n          {hasNumbers && <TableHead className={'w-12 p-2'}>#</TableHead>}\n          {columns\n            .filter((column) => !column.hidden)\n            .map((column) => (\n              <TableHead\n                key={column.key}\n                style={column.styles}\n                className={cn('p-2', column.sortable && 'cursor-pointer')}\n                onClick={() => column.sortable && handleSort(column.dataIndex)}\n              >\n                <div className={'flex items-center gap-2'}>\n                  {column.name}{' '}\n                  {column.sortable &&\n                    (sortObject?.sortField === column.key ? (\n                      <>\n                        {sortObject?.sortOrder === SortOrder.DESC && (\n                          <ArrowDownWideNarrow size={15} />\n                        )}\n                        {sortObject?.sortOrder === SortOrder.ASC && (\n                          <ArrowUpWideNarrow size={15} />\n                        )}\n                      </>\n                    ) : (\n                      <ArrowUpDown size={15} />\n                    ))}\n                </div>\n              </TableHead>\n            ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody className={'[&>tr:nth-child(even)]:bg-bg-secondary'}>\n        {rows.length ? (\n          rows.map((row, index) => (\n            <TableRow\n              key={`${row[rowKey]}`}\n              onClick={() => onRowClick?.(row)}\n              className={cn(onRowClick && 'cursor-pointer')}\n              data-state={isRowSelected(row[rowKey]) && 'selected'}\n            >\n              {hasCheckbox && (\n                <TableCell\n                  className={'w-12 p-3'}\n                  onClick={(evt) => evt.stopPropagation()}\n                >\n                  <Checkbox\n                    className={'mt-1'}\n                    checked={isRowSelected(row[rowKey])}\n                    onCheckedChange={(value) =>\n                      handleSelectRow(row[rowKey], !!value)\n                    }\n                    aria-label=\"Select row\"\n                  />\n                </TableCell>\n              )}\n              {hasNumbers && (\n                <TableCell className={'w-12 p-2'}>\n                  {((params.page as number) - 1) *\n                    ((params.limit || DEFAULT_LIMIT) as number) +\n                    index +\n                    1}\n                </TableCell>\n              )}\n              {columns\n                .filter((column) => !column.hidden)\n                .map((column) => (\n                  <TableCell\n                    className={'text-body-xs-medium max-w-xs p-2'}\n                    style={column.styles}\n                    key={`${index}-${column.key}`}\n                  >\n                    {column.render\n                      ? column.render(get(row, column.dataIndex), row)\n                      : get(row, column.dataIndex, '')}\n                  </TableCell>\n                ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow>\n            <TableCell\n              colSpan={\n                hasNumbers\n                  ? hasCheckbox\n                    ? columns.length + 2\n                    : columns.length + 1\n                  : columns.length\n              }\n            >\n              <Empty />\n            </TableCell>\n          </TableRow>\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n","import { RiArrowDownSLine, RiLayoutColumnLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport { cn } from 'dgz-ui/utils';\nimport { get, isEmpty } from 'lodash';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n  ExportData,\n  type ExportDataInterface,\n  type ExportDataProps,\n} from '../export';\nimport {\n  type FilterInterface,\n  FilterWrapper,\n  type FilterWrapperProps,\n  Search,\n  type SearchProps,\n} from '../filters';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n *   may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n *   (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n  /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n  docs?: TData[];\n  /** Zero-based index of the first item on the current page (if provided by API). */\n  offset?: number;\n  /** Page size (items per page). */\n  limit: number;\n  /** Total number of pages available. */\n  totalPages: number;\n  /** Total number of items across all pages (if available). */\n  total?: number;\n  /** Current page number (1-based). */\n  page: number;\n  /** Convenience counter for the first item index on the page (if provided). */\n  pagingCounter?: number;\n  /** Whether a previous page exists. */\n  hasPrevPage?: boolean;\n  /** Whether a next page exists. */\n  hasNextPage?: boolean;\n  /** Previous page number, if available. */\n  prevPage?: number;\n  /** Next page number, if available. */\n  nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n  TData,\n  TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n  /** Pagination data source. */\n  dataSource?: TPaginationData;\n  /** Callback for parameter changes (pagination, sorting, filtering). */\n  onParamChange?: (param: Record<string, unknown>) => void;\n  /** Whether to enable pagination. */\n  hasPagination?: true;\n  /** Options for the export data dropdown. */\n  exportOptions?: ExportDataInterface[];\n  /** Whether to enable search functionality. */\n  hasSearch?: true;\n  /** Whether the table data is loading. */\n  loading?: boolean;\n  /** Array of filters to display. */\n  filters?: FilterInterface[];\n  /** Array of actions to display. */\n  actions?: ActionInterface[];\n  /** Callback for filter changes. */\n  handleFilterChange?: (filters: Record<string, unknown>) => void;\n  /** Unique key for the table, used for column persistence. */\n  tableKey: string;\n  /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n  dataKey?: keyof TPaginationData;\n  /** Whether to show the columns visibility dropdown. */\n  hasColumnsVisibilityDropdown?: true;\n  /** Callback when columns are updated (e.g., visibility toggled). */\n  onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n  /** Whether the export action is loading. */\n  exportLoading?: boolean;\n  /** Props for the Actions component. */\n  actionProps?: Partial<ActionsProps>;\n  /** Props for the FilterWrapper component. */\n  filterWrapperProps?: Partial<FilterWrapperProps>;\n  /** Props for the ExportData component. */\n  exportOptionsProps?: Partial<ExportDataProps>;\n  searchProps?: Partial<SearchProps>;\n  paginationProps?: Partial<MyPaginationProps>;\n  /** Props for the columns visibility dropdown. */\n  columnsVisibilityProps?: DropdownContainerProps & {\n    title?: ReactNode;\n    resetText?: ReactNode;\n  };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n *   `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * Props Overview\n * - `dataSource` — Paginated data source object that contains rows (see `dataKey`) and pagination metadata.\n * - `columns` — Column definitions passed to `MyTable`.\n * - `onRowClick` — Callback when a row is clicked.\n * - `rowKey` — Property name used as a unique row key.\n * - `hasNumbers` — Whether to show the row numbers column.\n * - `hasSearch` — Set to `true` to display the search input in the header.\n * - `exportOptions` — Export menu options shown by `ExportData` (see `ExportDataInterface[]`).\n * - `exportLoading` — When `true`, shows a spinner in the Export button to indicate an export action is in progress.\n * - `hasCheckbox` — Whether to show the selection checkbox column.\n * - `hasPagination` — Set to `true` to render the pagination footer.\n * - `isStickyHeader` — Whether to keep the table header sticky.\n * - `onParamChange` — Emits parameter changes for pagination/sorting/search/filters.\n * - `dataKey` — Key within `dataSource` that contains the row array. Defaults to `\"docs\"`.\n * - `loading` — If `true`, shows a loading state instead of the table rows.\n * - `tableKey` — Unique key for persisting column visibility state.\n * - `filters` — Filter configurations to render in the header.\n * - `actions` — Header actions independent of selected rows.\n * - `handleFilterChange` — Callback executed when filter values change.\n * - `params` — Current list parameters (pagination, sort, search, filters).\n * - `hasColumnsVisibilityDropdown` — Set to `true` to show the columns customize dropdown.\n * - `onColumnsUpdate` — Notifies parent whenever the internal columns state changes (after formatting/visibility).\n * - `actionProps` — Props passed to the `Actions` component.\n * - `filterWrapperProps` — Props passed to the `FilterWrapper` component.\n * - `exportOptionsProps` — Props passed to the `ExportData` component.\n * - `columnsVisibilityProps` — Props passed to the columns visibility dropdown.\n * - `onSelectedItemsChange` — Callback when selected rows change (requires `hasCheckbox`).\n *\n * Accessibility\n * - Header controls and dropdowns reuse shared primitives that include keyboard and ARIA support.\n *\n * Internationalization\n * - Text such as \"Export\", \"Customize columns\", and \"Reset columns\" are resolved via `react-i18next`.\n *\n * Usage Examples\n * 1) Minimal paginated table (uses default `dataKey = \"docs\"`)\n * ```tsx\n * type User = { id: string; name: string };\n * const data = { docs: [{ id: '1', name: 'Ada' }], page: 1, limit: 10, totalPages: 1 };\n *\n * <DataTable<User>\n *   tableKey=\"users-table\"\n *   columns={[{ key: 'name', name: 'Name' }]}\n *   rowKey=\"id\"\n *   dataSource={data}\n *   hasPagination\n * />\n * ```\n *\n * 2) Custom `dataKey` and column visibility persistence\n * ```tsx\n * type Row = { id: number; title: string };\n * const payload = { items: [{ id: 1, title: 'Hello' }], page: 1, limit: 20, totalPages: 1 };\n *\n * <DataTable<Row>\n *   tableKey=\"posts\"\n *   columns={[{ key: 'title', name: 'Title' }]}\n *   rowKey=\"id\"\n *   dataSource={payload}\n *   dataKey=\"items\"\n *   hasColumnsVisibilityDropdown\n * />\n * ```\n *\n * 3) Responding to user interactions via `onParamChange`\n * ```tsx\n * const [params, setParams] = useState({ page: 1, limit: 10 });\n *\n * <DataTable\n *   tableKey=\"logs\"\n *   columns={[{ key: 'message', name: 'Message' }]}\n *   rowKey=\"id\"\n *   params={params}\n *   onParamChange={setParams}\n *   hasSearch\n *   hasPagination\n * />\n * ```\n *\n * Notes and Best Practices\n * - Ensure `rowKey` points to a stable unique field in `TData` to avoid key collisions.\n * - When arrays like `exportOptions`, `filters`, or `actions` are empty, their sections are not rendered.\n * - Sorting emits `{ sortField, sortOrder }` through `onParamChange` when the user toggles a column sort.\n *\n * Returns\n * - React element that renders a complete data table experience.\n */\nexport const DataTable = <\n  TData,\n  TPaginationData extends PaginationInterface<TData> =\n    PaginationInterface<TData>,\n>({\n  dataSource,\n  columns,\n  onRowClick,\n  rowKey,\n  hasNumbers,\n  hasSearch,\n  exportOptions,\n  hasCheckbox,\n  hasPagination,\n  isStickyHeader,\n  onParamChange,\n  dataKey = 'docs',\n  loading,\n  tableKey,\n  filters,\n  actions,\n  handleFilterChange,\n  params,\n  exportLoading = false,\n  onColumnsUpdate,\n  hasColumnsVisibilityDropdown,\n  onSelectedItemsChange,\n  actionProps,\n  filterWrapperProps,\n  exportOptionsProps,\n  columnsVisibilityProps,\n  paginationProps,\n  searchProps,\n  ...props\n}: DataTableProps<TData, TPaginationData>) => {\n  const { t } = useTranslation();\n  const [selectedRows, setSelectedRows] = useState<TData[keyof TData][]>([]);\n  const { formattedColumns, handleColumnsChange, resetColumns } =\n    useColumns<TData>({ key: tableKey, columns });\n\n  useEffect(() => {\n    onColumnsUpdate?.(formattedColumns);\n  }, [formattedColumns, onColumnsUpdate]);\n\n  useEffect(() => {\n    onSelectedItemsChange?.(selectedRows);\n  }, [selectedRows, onSelectedItemsChange]);\n\n  return (\n    <div\n      className={\n        'border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs'\n      }\n    >\n      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                className={cn('h-8 max-w-60', searchProps?.className)}\n                defaultValue={get(params, 'search', '') as string}\n                onSearchChange={(search) =>\n                  onParamChange?.({ ...params, search, page: 1 })\n                }\n              />\n            )}\n          </div>\n          <div className={'flex shrink-0 items-center justify-end gap-3'}>\n            {exportOptions && (\n              <ExportData\n                {...exportOptionsProps}\n                options={exportOptions}\n                loading={exportLoading}\n              />\n            )}\n            {hasColumnsVisibilityDropdown && tableKey && (\n              <DropdownMenu>\n                <DropdownMenuTrigger\n                  asChild\n                  {...columnsVisibilityProps?.triggerProps}\n                >\n                  <Button\n                    variant=\"secondary\"\n                    size={'sm'}\n                    className={'ml-auto rounded-lg px-3'}\n                  >\n                    {columnsVisibilityProps?.title || (\n                      <>\n                        <RiLayoutColumnLine />{' '}\n                        <span className={'hidden lg:!inline'}>\n                          {t('Customize columns')}\n                        </span>\n                        <RiArrowDownSLine />\n                      </>\n                    )}\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  align=\"end\"\n                  {...columnsVisibilityProps?.contentProps}\n                >\n                  <DropdownMenuItem\n                    className=\"capitalize\"\n                    onClick={resetColumns}\n                  >\n                    <RefreshCw />{' '}\n                    {columnsVisibilityProps?.resetText || t('Reset columns')}\n                  </DropdownMenuItem>\n                  <DropdownMenuSeparator />\n                  {formattedColumns.map((column) => {\n                    return (\n                      <DropdownMenuCheckboxItem\n                        key={column.key}\n                        className=\"capitalize\"\n                        checked={!column.hidden}\n                        onCheckedChange={(value) =>\n                          handleColumnsChange(column, !value)\n                        }\n                      >\n                        {column.name}\n                      </DropdownMenuCheckboxItem>\n                    );\n                  })}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n            {actions && <Actions {...actionProps} actions={actions} />}\n            {filters && (\n              <FilterWrapper\n                {...filterWrapperProps}\n                filters={filters}\n                params={params}\n                onChange={handleFilterChange}\n                onFilter={(filter) => {\n                  onParamChange?.({ ...params, ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      <div className={'flex flex-col overflow-auto border-y'}>\n        {!loading ? (\n          <MyTable<TData>\n            {...props}\n            params={{\n              page: dataSource?.page || 1,\n              limit: dataSource?.limit,\n              ...params,\n            }}\n            rows={get(dataSource, dataKey, []) as TData[]}\n            rowKey={rowKey}\n            selectedItems={selectedRows}\n            isStickyHeader={isStickyHeader}\n            columns={formattedColumns}\n            hasCheckbox={hasCheckbox}\n            hasNumbers={hasNumbers}\n            onRowClick={onRowClick}\n            onSelectedItemsChange={setSelectedRows}\n            onSortOrderChange={({ sortField, sortOrder }) => {\n              onParamChange?.({ ...params, sortField, sortOrder });\n            }}\n          />\n        ) : (\n          <Loader />\n        )}\n      </div>\n      {hasPagination && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className=\"text-sm\">\n            <MyLimitSelect\n              onLimitChange={(limit) =>\n                onParamChange?.({ ...params, limit, page: 1 })\n              }\n              defaultValue={dataSource?.limit}\n            />\n          </div>\n          <div className=\"text-muted-foreground text-sm\">\n            {t('{{selectedCount}} of {{total}} row(s) selected', {\n              selectedCount: selectedRows.length,\n              total: dataSource?.total || 0,\n            })}\n          </div>\n          <div>\n            <MyPagination\n              {...paginationProps}\n              onPageChange={(page) => onParamChange?.({ ...params, page })}\n              currentPage={dataSource?.page}\n              totalPages={dataSource?.totalPages}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { Checkbox } from 'dgz-ui/form';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport {\n  ArrowDownWideNarrow,\n  ArrowUpDown,\n  ArrowUpWideNarrow,\n} from 'lucide-react';\nimport { type ComponentProps, useEffect } from 'react';\nimport { SortOrder } from '../../enums';\nimport { useDataTable, useSortable, type UseSortableProps } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { Empty } from '../empty';\nimport { DEFAULT_LIMIT } from '../pagination/MyLimitSelect';\n\n/**\n * Props for the MyTable component.\n * @template TData - The type of data in the table.\n */\nexport interface MyTableProps<TData> extends ComponentProps<'table'> {\n  /** Array of data rows to display. */\n  rows?: TData[];\n  /** Column definitions. */\n  columns: ColumnType<TData>[];\n  /** Callback when a row is clicked. */\n  onRowClick?: (row: TData) => void;\n  /** Whether to show row numbers. */\n  hasNumbers?: boolean;\n  /** Whether to show selection checkboxes. */\n  hasCheckbox?: boolean;\n  /** Unique key for each row. */\n  rowKey: keyof TData;\n  /** Current table parameters (page, limit, sort). */\n  params?: Record<string, unknown>;\n  /** Total number of items (optional, often used with pagination context). */\n  total?: number;\n  /** Array of currently selected item keys. */\n  selectedItems?: TData[keyof TData][];\n  /** Callback when selected items change. */\n  onSelectedItemsChange?: (selectedItems: TData[keyof TData][]) => void;\n  /** Callback when sort order changes. */\n  onSortOrderChange?: (\n    params: Omit<UseSortableProps<TData>, 'onSortOrderChange'>\n  ) => void;\n  /** Whether the header should stick to the top. */\n  isStickyHeader?: true;\n}\n\n/**\n * MyTable renders a generic data table with optional numbering, selection checkboxes,\n * sortable columns and sticky header. It is a presentational component and delegates\n * sorting/selection state via hooks and callbacks.\n *\n * @template TData - The row data type.\n * @param props - Component props.\n * @returns React element containing the table.\n */\nexport const MyTable = <TData,>({\n  rows = [],\n  columns,\n  onRowClick,\n  rowKey,\n  params = {\n    page: 1,\n    limit: DEFAULT_LIMIT,\n  },\n  hasNumbers = false,\n  hasCheckbox = false,\n  selectedItems,\n  onSelectedItemsChange,\n  onSortOrderChange,\n  isStickyHeader,\n  className,\n  ...props\n}: MyTableProps<TData>) => {\n  const { sortObject, handleSort } = useSortable<TData>({\n    sortField: params?.sortField as keyof TData | undefined,\n    sortOrder: params?.sortOrder as SortOrder | undefined,\n    onSortOrderChange,\n  });\n  const {\n    selectedRows,\n    isRowSelected,\n    isAllRowsSelected,\n    handleSelectAllRows,\n    handleSelectRow,\n  } = useDataTable<TData>({ rows, defaultSelectedRows: selectedItems });\n\n  useEffect(() => {\n    if (\n      JSON.stringify(selectedItems) !== JSON.stringify(selectedRows) &&\n      selectedRows\n    ) {\n      onSelectedItemsChange?.(selectedRows);\n    }\n  }, [selectedRows, selectedItems, onSelectedItemsChange]);\n\n  return (\n    <Table {...props} className={cn('relative', className)}>\n      <TableHeader\n        className={cn('bg-bg', isStickyHeader && 'sticky top-0 z-1')}\n      >\n        <TableRow>\n          {hasCheckbox && (\n            <TableHead className={'w-12 p-3'}>\n              <Checkbox\n                className={'mt-1'}\n                checked={isAllRowsSelected(rowKey)}\n                onCheckedChange={(value) =>\n                  handleSelectAllRows(rowKey, !!value)\n                }\n                aria-label=\"Select all\"\n              />\n            </TableHead>\n          )}\n          {hasNumbers && <TableHead className={'w-12 p-2'}>#</TableHead>}\n          {columns\n            .filter((column) => !column.hidden)\n            .map((column) => (\n              <TableHead\n                key={column.key}\n                style={column.styles}\n                className={cn('p-2', column.sortable && 'cursor-pointer')}\n                onClick={() => column.sortable && handleSort(column.dataIndex)}\n              >\n                <div className={'flex items-center gap-2'}>\n                  {column.name}{' '}\n                  {column.sortable &&\n                    (sortObject?.sortField === column.key ? (\n                      <>\n                        {sortObject?.sortOrder === SortOrder.DESC && (\n                          <ArrowDownWideNarrow size={15} />\n                        )}\n                        {sortObject?.sortOrder === SortOrder.ASC && (\n                          <ArrowUpWideNarrow size={15} />\n                        )}\n                      </>\n                    ) : (\n                      <ArrowUpDown size={15} />\n                    ))}\n                </div>\n              </TableHead>\n            ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody className={'[&>tr:nth-child(even)]:bg-bg-secondary'}>\n        {rows.length ? (\n          rows.map((row, index) => (\n            <TableRow\n              key={`${row[rowKey]}`}\n              onClick={() => onRowClick?.(row)}\n              className={cn(onRowClick && 'cursor-pointer')}\n              data-state={isRowSelected(row[rowKey]) && 'selected'}\n            >\n              {hasCheckbox && (\n                <TableCell\n                  className={'w-12 p-3'}\n                  onClick={(evt) => evt.stopPropagation()}\n                >\n                  <Checkbox\n                    className={'mt-1'}\n                    checked={isRowSelected(row[rowKey])}\n                    onCheckedChange={(value) =>\n                      handleSelectRow(row[rowKey], !!value)\n                    }\n                    aria-label=\"Select row\"\n                  />\n                </TableCell>\n              )}\n              {hasNumbers && (\n                <TableCell className={'w-12 p-2'}>\n                  {((params.page as number) - 1) *\n                    ((params.limit || DEFAULT_LIMIT) as number) +\n                    index +\n                    1}\n                </TableCell>\n              )}\n              {columns\n                .filter((column) => !column.hidden)\n                .map((column) => (\n                  <TableCell\n                    className={'text-body-xs-medium max-w-xs p-2'}\n                    style={column.styles}\n                    key={`${index}-${column.key}`}\n                  >\n                    {column.render\n                      ? column.render(get(row, column.dataIndex), row)\n                      : get(row, column.dataIndex, '')}\n                  </TableCell>\n                ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow>\n            <TableCell\n              colSpan={\n                hasNumbers\n                  ? hasCheckbox\n                    ? columns.length + 2\n                    : columns.length + 1\n                  : columns.length\n              }\n            >\n              <Empty />\n            </TableCell>\n          </TableRow>\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n","import { RiArrowDownSLine, RiLayoutColumnLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport { cn } from 'dgz-ui/utils';\nimport { get, isEmpty } from 'lodash';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n  ExportData,\n  type ExportDataInterface,\n  type ExportDataProps,\n} from '../export';\nimport {\n  type FilterInterface,\n  FilterWrapper,\n  type FilterWrapperProps,\n  Search,\n  type SearchProps,\n} from '../filters';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n *   may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n *   (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n  /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n  docs?: TData[];\n  /** Zero-based index of the first item on the current page (if provided by API). */\n  offset?: number;\n  /** Page size (items per page). */\n  limit: number;\n  /** Total number of pages available. */\n  totalPages: number;\n  /** Total number of items across all pages (if available). */\n  total?: number;\n  /** Current page number (1-based). */\n  page: number;\n  /** Convenience counter for the first item index on the page (if provided). */\n  pagingCounter?: number;\n  /** Whether a previous page exists. */\n  hasPrevPage?: boolean;\n  /** Whether a next page exists. */\n  hasNextPage?: boolean;\n  /** Previous page number, if available. */\n  prevPage?: number;\n  /** Next page number, if available. */\n  nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n  TData,\n  TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n  /** Pagination data source. */\n  dataSource?: TPaginationData;\n  /** Callback for parameter changes (pagination, sorting, filtering). */\n  onParamChange?: (param: Record<string, unknown>) => void;\n  /** Whether to enable pagination. */\n  hasPagination?: true;\n  /** Options for the export data dropdown. */\n  exportOptions?: ExportDataInterface[];\n  /** Whether to enable search functionality. */\n  hasSearch?: true;\n  /** Whether the table data is loading. */\n  loading?: boolean;\n  /** Array of filters to display. */\n  filters?: FilterInterface[];\n  /** Array of actions to display. */\n  actions?: ActionInterface[];\n  /** Callback for filter changes. */\n  handleFilterChange?: (filters: Record<string, unknown>) => void;\n  /** Unique key for the table, used for column persistence. */\n  tableKey: string;\n  /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n  dataKey?: keyof TPaginationData;\n  /** Whether to show the columns visibility dropdown. */\n  hasColumnsVisibilityDropdown?: true;\n  /** Callback when columns are updated (e.g., visibility toggled). */\n  onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n  /** Whether the export action is loading. */\n  exportLoading?: boolean;\n  /** Props for the Actions component. */\n  actionProps?: Partial<ActionsProps>;\n  /** Props for the FilterWrapper component. */\n  filterWrapperProps?: Partial<FilterWrapperProps>;\n  /** Props for the ExportData component. */\n  exportOptionsProps?: Partial<ExportDataProps>;\n  searchProps?: Partial<SearchProps>;\n  paginationProps?: Partial<MyPaginationProps>;\n  /** Props for the columns visibility dropdown. */\n  columnsVisibilityProps?: DropdownContainerProps & {\n    title?: ReactNode;\n    resetText?: ReactNode;\n  };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n *   `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * Props Overview\n * - `dataSource` — Paginated data source object that contains rows (see `dataKey`) and pagination metadata.\n * - `columns` — Column definitions passed to `MyTable`.\n * - `onRowClick` — Callback when a row is clicked.\n * - `rowKey` — Property name used as a unique row key.\n * - `hasNumbers` — Whether to show the row numbers column.\n * - `hasSearch` — Set to `true` to display the search input in the header.\n * - `exportOptions` — Export menu options shown by `ExportData` (see `ExportDataInterface[]`).\n * - `exportLoading` — When `true`, shows a spinner in the Export button to indicate an export action is in progress.\n * - `hasCheckbox` — Whether to show the selection checkbox column.\n * - `hasPagination` — Set to `true` to render the pagination footer.\n * - `isStickyHeader` — Whether to keep the table header sticky.\n * - `onParamChange` — Emits parameter changes for pagination/sorting/search/filters.\n * - `dataKey` — Key within `dataSource` that contains the row array. Defaults to `\"docs\"`.\n * - `loading` — If `true`, shows a loading state instead of the table rows.\n * - `tableKey` — Unique key for persisting column visibility state.\n * - `filters` — Filter configurations to render in the header.\n * - `actions` — Header actions independent of selected rows.\n * - `handleFilterChange` — Callback executed when filter values change.\n * - `params` — Current list parameters (pagination, sort, search, filters).\n * - `hasColumnsVisibilityDropdown` — Set to `true` to show the columns customize dropdown.\n * - `onColumnsUpdate` — Notifies parent whenever the internal columns state changes (after formatting/visibility).\n * - `actionProps` — Props passed to the `Actions` component.\n * - `filterWrapperProps` — Props passed to the `FilterWrapper` component.\n * - `exportOptionsProps` — Props passed to the `ExportData` component.\n * - `columnsVisibilityProps` — Props passed to the columns visibility dropdown.\n * - `onSelectedItemsChange` — Callback when selected rows change (requires `hasCheckbox`).\n *\n * Accessibility\n * - Header controls and dropdowns reuse shared primitives that include keyboard and ARIA support.\n *\n * Internationalization\n * - Text such as \"Export\", \"Customize columns\", and \"Reset columns\" are resolved via `react-i18next`.\n *\n * Usage Examples\n * 1) Minimal paginated table (uses default `dataKey = \"docs\"`)\n * ```tsx\n * type User = { id: string; name: string };\n * const data = { docs: [{ id: '1', name: 'Ada' }], page: 1, limit: 10, totalPages: 1 };\n *\n * <DataTable<User>\n *   tableKey=\"users-table\"\n *   columns={[{ key: 'name', name: 'Name' }]}\n *   rowKey=\"id\"\n *   dataSource={data}\n *   hasPagination\n * />\n * ```\n *\n * 2) Custom `dataKey` and column visibility persistence\n * ```tsx\n * type Row = { id: number; title: string };\n * const payload = { items: [{ id: 1, title: 'Hello' }], page: 1, limit: 20, totalPages: 1 };\n *\n * <DataTable<Row>\n *   tableKey=\"posts\"\n *   columns={[{ key: 'title', name: 'Title' }]}\n *   rowKey=\"id\"\n *   dataSource={payload}\n *   dataKey=\"items\"\n *   hasColumnsVisibilityDropdown\n * />\n * ```\n *\n * 3) Responding to user interactions via `onParamChange`\n * ```tsx\n * const [params, setParams] = useState({ page: 1, limit: 10 });\n *\n * <DataTable\n *   tableKey=\"logs\"\n *   columns={[{ key: 'message', name: 'Message' }]}\n *   rowKey=\"id\"\n *   params={params}\n *   onParamChange={setParams}\n *   hasSearch\n *   hasPagination\n * />\n * ```\n *\n * Notes and Best Practices\n * - Ensure `rowKey` points to a stable unique field in `TData` to avoid key collisions.\n * - When arrays like `exportOptions`, `filters`, or `actions` are empty, their sections are not rendered.\n * - Sorting emits `{ sortField, sortOrder }` through `onParamChange` when the user toggles a column sort.\n *\n * Returns\n * - React element that renders a complete data table experience.\n */\nexport const DataTable = <\n  TData,\n  TPaginationData extends PaginationInterface<TData> =\n    PaginationInterface<TData>,\n>({\n  dataSource,\n  columns,\n  onRowClick,\n  rowKey,\n  hasNumbers,\n  hasSearch,\n  exportOptions,\n  hasCheckbox,\n  hasPagination,\n  isStickyHeader,\n  onParamChange,\n  dataKey = 'docs',\n  loading,\n  tableKey,\n  filters,\n  actions,\n  handleFilterChange,\n  params,\n  exportLoading = false,\n  onColumnsUpdate,\n  hasColumnsVisibilityDropdown,\n  onSelectedItemsChange,\n  actionProps,\n  filterWrapperProps,\n  exportOptionsProps,\n  columnsVisibilityProps,\n  paginationProps,\n  searchProps,\n  ...props\n}: DataTableProps<TData, TPaginationData>) => {\n  const { t } = useTranslation();\n  const [selectedRows, setSelectedRows] = useState<TData[keyof TData][]>([]);\n  const { formattedColumns, handleColumnsChange, resetColumns } =\n    useColumns<TData>({ key: tableKey, columns });\n\n  useEffect(() => {\n    onColumnsUpdate?.(formattedColumns);\n  }, [formattedColumns, onColumnsUpdate]);\n\n  useEffect(() => {\n    onSelectedItemsChange?.(selectedRows);\n  }, [selectedRows, onSelectedItemsChange]);\n\n  return (\n    <div\n      className={\n        'border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs'\n      }\n    >\n      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                inputProps={{\n                  ...searchProps?.inputProps,\n                  className: cn('h-8', searchProps?.inputProps?.className),\n                }}\n                className={cn(\n                  'max-w-78 [&_button]:-top-1',\n                  searchProps?.className\n                )}\n                defaultValue={get(params, 'search', '') as string}\n                onSearchChange={(search) =>\n                  onParamChange?.({ ...params, search, page: 1 })\n                }\n              />\n            )}\n          </div>\n          <div className={'flex shrink-0 items-center justify-end gap-3'}>\n            {exportOptions && (\n              <ExportData\n                {...exportOptionsProps}\n                options={exportOptions}\n                loading={exportLoading}\n              />\n            )}\n            {hasColumnsVisibilityDropdown && tableKey && (\n              <DropdownMenu>\n                <DropdownMenuTrigger\n                  asChild\n                  {...columnsVisibilityProps?.triggerProps}\n                >\n                  <Button\n                    variant=\"secondary\"\n                    size={'sm'}\n                    className={'ml-auto rounded-lg px-3'}\n                  >\n                    {columnsVisibilityProps?.title || (\n                      <>\n                        <RiLayoutColumnLine />{' '}\n                        <span className={'hidden lg:inline!'}>\n                          {t('Customize columns')}\n                        </span>\n                        <RiArrowDownSLine />\n                      </>\n                    )}\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  align=\"end\"\n                  {...columnsVisibilityProps?.contentProps}\n                >\n                  <DropdownMenuItem\n                    className=\"capitalize\"\n                    onClick={resetColumns}\n                  >\n                    <RefreshCw />{' '}\n                    {columnsVisibilityProps?.resetText || t('Reset columns')}\n                  </DropdownMenuItem>\n                  <DropdownMenuSeparator />\n                  {formattedColumns.map((column) => {\n                    return (\n                      <DropdownMenuCheckboxItem\n                        key={column.key}\n                        className=\"capitalize\"\n                        checked={!column.hidden}\n                        onCheckedChange={(value) =>\n                          handleColumnsChange(column, !value)\n                        }\n                      >\n                        {column.name}\n                      </DropdownMenuCheckboxItem>\n                    );\n                  })}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n            {actions && <Actions {...actionProps} actions={actions} />}\n            {filters && (\n              <FilterWrapper\n                {...filterWrapperProps}\n                filters={filters}\n                params={params}\n                onChange={handleFilterChange}\n                onFilter={(filter) => {\n                  onParamChange?.({ ...params, ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      <div className={'flex flex-col overflow-auto border-y'}>\n        {!loading ? (\n          <MyTable<TData>\n            {...props}\n            params={{\n              page: dataSource?.page || 1,\n              limit: dataSource?.limit,\n              ...params,\n            }}\n            rows={get(dataSource, dataKey, []) as TData[]}\n            rowKey={rowKey}\n            selectedItems={selectedRows}\n            isStickyHeader={isStickyHeader}\n            columns={formattedColumns}\n            hasCheckbox={hasCheckbox}\n            hasNumbers={hasNumbers}\n            onRowClick={onRowClick}\n            onSelectedItemsChange={setSelectedRows}\n            onSortOrderChange={({ sortField, sortOrder }) => {\n              onParamChange?.({ ...params, sortField, sortOrder });\n            }}\n          />\n        ) : (\n          <Loader />\n        )}\n      </div>\n      {hasPagination && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className=\"text-sm\">\n            <MyLimitSelect\n              onLimitChange={(limit) =>\n                onParamChange?.({ ...params, limit, page: 1 })\n              }\n              defaultValue={dataSource?.limit}\n            />\n          </div>\n          <div className=\"text-muted-foreground text-sm\">\n            {t('{{selectedCount}} of {{total}} row(s) selected', {\n              selectedCount: selectedRows.length,\n              total: dataSource?.total || 0,\n            })}\n          </div>\n          <div>\n            <MyPagination\n              {...paginationProps}\n              onPageChange={(page) => onParamChange?.({ ...params, page })}\n              currentPage={dataSource?.page}\n              totalPages={dataSource?.totalPages}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","_a","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"i0BAiEaA,EAAU,CAAS,CAC9B,KAAAC,EAAO,CAAA,EACP,QAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,CACP,KAAM,EACN,MAAOC,EAAAA,aAAA,EAET,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,cAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,KAAM,CAAE,WAAAC,EAAY,WAAAC,CAAA,EAAeC,cAAmB,CACpD,UAAWZ,GAAA,YAAAA,EAAQ,UACnB,UAAWA,GAAA,YAAAA,EAAQ,UACnB,kBAAAM,CAAA,CACD,EACK,CACJ,aAAAO,EACA,cAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,gBAAAC,CAAA,EACEC,EAAAA,aAAoB,CAAE,KAAAtB,EAAM,oBAAqBQ,EAAe,EAEpEe,OAAAA,EAAAA,UAAU,IAAM,CAEZ,KAAK,UAAUf,CAAa,IAAM,KAAK,UAAUS,CAAY,GAC7DA,IAEAR,GAAA,MAAAA,EAAwBQ,GAE5B,EAAG,CAACA,EAAcT,EAAeC,CAAqB,CAAC,EAGrDe,EAAAA,KAACC,SAAO,GAAGZ,EAAO,UAAWa,EAAAA,GAAG,WAAYd,CAAS,EACnD,SAAA,CAAAe,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GAAG,QAASf,GAAkB,kBAAkB,EAE3D,gBAACkB,WAAA,CACE,SAAA,CAAAtB,GACCoB,EAAAA,IAACG,EAAAA,UAAA,CAAU,UAAW,WACpB,SAAAH,EAAAA,IAACI,EAAAA,SAAA,CACC,UAAW,OACX,QAASZ,EAAkBhB,CAAM,EACjC,gBAAkB6B,GAChBZ,EAAoBjB,EAAQ,CAAC,CAAC6B,CAAK,EAErC,aAAW,YAAA,CAAA,EAEf,EAED1B,GAAcqB,EAAAA,IAACG,YAAA,CAAU,UAAW,WAAY,SAAA,IAAC,EACjD7B,EACE,OAAQgC,GAAW,CAACA,EAAO,MAAM,EACjC,IAAKA,GACJN,EAAAA,IAACG,EAAAA,UAAA,CAEC,MAAOG,EAAO,OACd,UAAWP,EAAAA,GAAG,MAAOO,EAAO,UAAY,gBAAgB,EACxD,QAAS,IAAMA,EAAO,UAAYlB,EAAWkB,EAAO,SAAS,EAE7D,SAAAT,EAAAA,KAAC,MAAA,CAAI,UAAW,0BACb,SAAA,CAAAS,EAAO,KAAM,IACbA,EAAO,YACLnB,GAAA,YAAAA,EAAY,aAAcmB,EAAO,IAChCT,EAAAA,KAAAU,WAAA,CACG,SAAA,EAAApB,GAAA,YAAAA,EAAY,aAAcqB,EAAAA,UAAU,MACnCR,EAAAA,IAACS,sBAAA,CAAoB,KAAM,GAAI,GAEhCtB,GAAA,YAAAA,EAAY,aAAcqB,EAAAA,UAAU,KACnCR,EAAAA,IAACU,oBAAA,CAAkB,KAAM,EAAA,CAAI,CAAA,CAAA,CAEjC,EAEAV,EAAAA,IAACW,EAAAA,YAAA,CAAY,KAAM,EAAA,CAAI,EAAA,CAAA,CAE7B,CAAA,EApBKL,EAAO,GAAA,CAsBf,CAAA,CAAA,CACL,CAAA,CAAA,EAEFN,EAAAA,IAACY,EAAAA,UAAA,CAAU,UAAW,yCACnB,SAAAvC,EAAK,OACJA,EAAK,IAAI,CAACwC,EAAKC,IACbjB,EAAAA,KAACK,EAAAA,SAAA,CAEC,QAAS,IAAM3B,GAAA,YAAAA,EAAasC,GAC5B,UAAWd,EAAAA,GAAGxB,GAAc,gBAAgB,EAC5C,aAAYgB,EAAcsB,EAAIrC,CAAM,CAAC,GAAK,WAEzC,SAAA,CAAAI,GACCoB,EAAAA,IAACe,EAAAA,UAAA,CACC,UAAW,WACX,QAAUC,GAAQA,EAAI,gBAAA,EAEtB,SAAAhB,EAAAA,IAACI,EAAAA,SAAA,CACC,UAAW,OACX,QAASb,EAAcsB,EAAIrC,CAAM,CAAC,EAClC,gBAAkB6B,GAChBX,EAAgBmB,EAAIrC,CAAM,EAAG,CAAC,CAAC6B,CAAK,EAEtC,aAAW,YAAA,CAAA,CACb,CAAA,EAGH1B,GACCqB,EAAAA,IAACe,EAAAA,UAAA,CAAU,UAAW,WACjB,UAAAtC,EAAO,KAAkB,IACxBA,EAAO,OAASC,EAAAA,eAClBoC,EACA,EACJ,EAEDxC,EACE,OAAQgC,GAAW,CAACA,EAAO,MAAM,EACjC,IAAKA,GACJN,EAAAA,IAACe,EAAAA,UAAA,CACC,UAAW,mCACX,MAAOT,EAAO,OAGb,SAAAA,EAAO,OACJA,EAAO,OAAOW,EAAAA,cAAAA,IAAIJ,EAAKP,EAAO,SAAS,EAAGO,CAAG,EAC7CI,EAAAA,cAAAA,IAAIJ,EAAKP,EAAO,UAAW,EAAE,CAAA,EAJ5B,GAAGQ,CAAK,IAAIR,EAAO,GAAG,EAAA,CAM9B,CAAA,CAAA,EAxCE,GAAGO,EAAIrC,CAAM,CAAC,EAAA,CA0CtB,EAEDwB,EAAAA,IAACE,WAAA,CACC,SAAAF,EAAAA,IAACe,EAAAA,UAAA,CACC,QACEpC,EACIC,EACEN,EAAQ,OAAS,EACjBA,EAAQ,OAAS,EACnBA,EAAQ,OAGd,eAAC4C,GAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,CAAA,CAEJ,CAAA,EACF,CAEJ,ECOaC,GAAY,CAIvB,CACA,WAAAC,EACA,QAAA9C,EACA,WAAAC,EACA,OAAAC,EACA,WAAAG,EACA,UAAA0C,EACA,cAAAC,EACA,YAAA1C,EACA,cAAA2C,EACA,eAAAvC,EACA,cAAAwC,EACA,QAAAC,EAAU,OACV,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,mBAAAC,EACA,OAAArD,EACA,cAAAsD,EAAgB,GAChB,gBAAAC,EACA,6BAAAC,EACA,sBAAAnD,EACA,YAAAoD,EACA,mBAAAC,EACA,mBAAAC,EACA,uBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,GAAGrD,CACL,IAA8C,OAC5C,KAAM,CAAA,EAAEsD,CAAA,EAAMC,iBAAA,EACR,CAACnD,EAAcoD,CAAe,EAAIC,EAAAA,SAA+B,CAAA,CAAE,EACnE,CAAE,iBAAAC,EAAkB,oBAAAC,EAAqB,aAAAC,CAAA,EAC7CC,EAAAA,WAAkB,CAAE,IAAKpB,EAAU,QAAArD,EAAS,EAE9CsB,OAAAA,EAAAA,UAAU,IAAM,CACdoC,GAAA,MAAAA,EAAkBY,EACpB,EAAG,CAACA,EAAkBZ,CAAe,CAAC,EAEtCpC,EAAAA,UAAU,IAAM,CACdd,GAAA,MAAAA,EAAwBQ,EAC1B,EAAG,CAACA,EAAcR,CAAqB,CAAC,EAGtCe,EAAAA,KAAC,MAAA,CACC,UACE,yFAGA,SAAA,EAAAwB,GACCY,GAAgCN,GACjC,CAACqB,EAAAA,cAAAA,QAAQ1B,CAAa,GACtB,CAAC0B,EAAAA,cAAAA,QAAQpB,CAAO,IAChB/B,EAAAA,KAAC,MAAA,CAAI,UAAU,4EACb,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,UAAW,gBACb,SAAAqB,GACCrB,EAAAA,IAACiD,EAAAA,OAAA,CACE,GAAGV,EACJ,WAAY,CACV,GAAGA,GAAA,YAAAA,EAAa,WAChB,UAAWxC,EAAAA,GAAG,OAAOmD,EAAAX,GAAA,YAAAA,EAAa,aAAb,YAAAW,EAAyB,SAAS,CAAA,EAEzD,UAAWnD,EAAAA,GACT,6BACAwC,GAAA,YAAAA,EAAa,SAAA,EAEf,aAActB,EAAAA,cAAAA,IAAIxC,EAAQ,SAAU,EAAE,EACtC,eAAiB0E,GACf3B,GAAA,YAAAA,EAAgB,CAAE,GAAG/C,EAAQ,OAAA0E,EAAQ,KAAM,CAAA,EAAG,CAAA,EAItD,EACAtD,EAAAA,KAAC,MAAA,CAAI,UAAW,+CACb,SAAA,CAAAyB,GACCtB,EAAAA,IAACoD,GAAAA,WAAA,CACE,GAAGhB,EACJ,QAASd,EACT,QAASS,CAAA,CAAA,EAGZE,GAAgCN,GAC/B9B,EAAAA,KAACwD,EAAAA,aAAA,CACC,SAAA,CAAArD,EAAAA,IAACsD,EAAAA,oBAAA,CACC,QAAO,GACN,GAAGjB,GAAA,YAAAA,EAAwB,aAE5B,SAAArC,EAAAA,IAACuD,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEV,UAAAlB,GAAA,YAAAA,EAAwB,QACvBxC,EAAAA,KAAAU,EAAAA,SAAA,CACE,SAAA,CAAAP,EAAAA,IAACwD,EAAAA,GAAA,EAAmB,EAAG,UACtB,OAAA,CAAK,UAAW,oBACd,SAAAhB,EAAE,mBAAmB,EACxB,QACCiB,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CACpB,CAAA,CAAA,CAEJ,CAAA,EAEF5D,EAAAA,KAAC6D,EAAAA,oBAAA,CACC,MAAM,MACL,GAAGrB,GAAA,YAAAA,EAAwB,aAE5B,SAAA,CAAAxC,EAAAA,KAAC8D,EAAAA,iBAAA,CACC,UAAU,aACV,QAASb,EAET,SAAA,CAAA9C,EAAAA,IAAC4D,EAAAA,UAAA,EAAU,EAAG,KACbvB,GAAA,YAAAA,EAAwB,YAAaG,EAAE,eAAe,CAAA,CAAA,CAAA,QAExDqB,EAAAA,sBAAA,EAAsB,EACtBjB,EAAiB,IAAKtC,GAEnBN,EAAAA,IAAC8D,EAAAA,yBAAA,CAEC,UAAU,aACV,QAAS,CAACxD,EAAO,OACjB,gBAAkBD,GAChBwC,EAAoBvC,EAAQ,CAACD,CAAK,EAGnC,SAAAC,EAAO,IAAA,EAPHA,EAAO,GAAA,CAUjB,CAAA,CAAA,CAAA,CACH,EACF,EAEDuB,GAAW7B,EAAAA,IAAC+D,GAAAA,QAAA,CAAS,GAAG7B,EAAa,QAAAL,CAAA,CAAkB,EACvDD,GACC5B,EAAAA,IAACgE,EAAAA,cAAA,CACE,GAAG7B,EACJ,QAAAP,EACA,OAAAnD,EACA,SAAUqD,EACV,SAAWmC,GAAW,CACpBzC,GAAA,MAAAA,EAAgB,CAAE,GAAG/C,EAAQ,GAAGwF,EAAQ,KAAM,IAC9CnC,GAAA,MAAAA,EAAqBmC,EACvB,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,EACF,EAEFjE,EAAAA,IAAC,MAAA,CAAI,UAAW,uCACb,SAAC0B,EAsBA1B,MAACkE,GAAAA,OAAA,CAAA,CAAO,EArBRlE,EAAAA,IAAC5B,EAAA,CACE,GAAGc,EACJ,OAAQ,CACN,MAAMkC,GAAA,YAAAA,EAAY,OAAQ,EAC1B,MAAOA,GAAA,YAAAA,EAAY,MACnB,GAAG3C,CAAA,EAEL,KAAMwC,EAAAA,cAAAA,IAAIG,EAAYK,EAAS,CAAA,CAAE,EACjC,OAAAjD,EACA,cAAec,EACf,eAAAN,EACA,QAAS4D,EACT,YAAAhE,EACA,WAAAD,EACA,WAAAJ,EACA,sBAAuBmE,EACvB,kBAAmB,CAAC,CAAE,UAAAyB,EAAW,UAAAC,KAAgB,CAC/C5C,GAAA,MAAAA,EAAgB,CAAE,GAAG/C,EAAQ,UAAA0F,EAAW,UAAAC,GAC1C,CAAA,CAAA,EAKN,EACC7C,GACC1B,EAAAA,KAAC,MAAA,CAAI,UAAU,4EACb,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,UAAU,UACb,SAAAA,EAAAA,IAACqE,EAAAA,cAAA,CACC,cAAgBC,GACd9C,GAAA,YAAAA,EAAgB,CAAE,GAAG/C,EAAQ,MAAA6F,EAAO,KAAM,IAE5C,aAAclD,GAAA,YAAAA,EAAY,KAAA,CAAA,EAE9B,EACApB,EAAAA,IAAC,MAAA,CAAI,UAAU,gCACZ,WAAE,iDAAkD,CACnD,cAAeV,EAAa,OAC5B,OAAO8B,GAAA,YAAAA,EAAY,QAAS,CAAA,CAC7B,EACH,QACC,MAAA,CACC,SAAApB,EAAAA,IAACuE,EAAAA,aAAA,CACE,GAAGjC,EACJ,aAAekC,GAAShD,GAAA,YAAAA,EAAgB,CAAE,GAAG/C,EAAQ,KAAA+F,IACrD,YAAapD,GAAA,YAAAA,EAAY,KACzB,WAAYA,GAAA,YAAAA,EAAY,UAAA,CAAA,CAC1B,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAIR"}

package/dist/components/datatable/index.es.js

@@ -1,82 +1,82 @@
-import { jsxs as i, jsx as e, Fragment as X } from "react/jsx-runtime";
-import { y as S, f as V } from "../../chunks/index-E1NtSoNr.es.js";
-import { Button as C } from "dgz-ui/button";
-import { DropdownMenu as u, DropdownMenuTrigger as P, DropdownMenuContent as ee, DropdownMenuItem as le, DropdownMenuSeparator as te, DropdownMenuCheckboxItem as de } from "dgz-ui/dropdown";
-import { cn as z } from "dgz-ui/utils";
-import { l as M } from "../../chunks/lodash-CRDOWzbs.es.js";
-import { ArrowDownWideNarrow as re, ArrowUpWideNarrow as se, ArrowUpDown as fe, RefreshCw as ie } from "lucide-react";
-import { useEffect as j, useState as xe } from "react";
-import { useTranslation as Ne } from "react-i18next";
-import { u as ce, a as pe, b as he } from "../../chunks/useSortable-BXNk8Wth.es.js";
-import { A as we } from "../../chunks/Actions-Bi_vjY5M.es.js";
-import { E as ge } from "../../chunks/ExportData-CHPKm-ZY.es.js";
-import { S as ne, F as ke } from "../../chunks/Search-CjVcBFAN.es.js";
-import { L as ve } from "../../chunks/Loader-zvzAi0F6.es.js";
-import { D as q, M as Te, a as De } from "../../chunks/MyPagination-B0czoGZK.es.js";
-import { Checkbox as G } from "dgz-ui/form";
-import { Table as me, TableHeader as Me, TableRow as O, TableHead as _, TableBody as Ee, TableCell as W } from "dgz-ui/table";
-import { S as Q } from "../../chunks/SortOrder-CwuehjY1.es.js";
-import { E as Ae } from "../../chunks/Empty-BReVQKje.es.js";
-const ze = ({
+import { jsxs as s, jsx as e, Fragment as Z } from "react/jsx-runtime";
+import { y as V, f as C } from "../../chunks/index-E1NtSoNr.es.js";
+import { Button as u } from "dgz-ui/button";
+import { DropdownMenu as P, DropdownMenuTrigger as ee, DropdownMenuContent as le, DropdownMenuItem as te, DropdownMenuSeparator as de, DropdownMenuCheckboxItem as fe } from "dgz-ui/dropdown";
+import { cn as E } from "dgz-ui/utils";
+import { l as A } from "../../chunks/lodash-CRDOWzbs.es.js";
+import { ArrowDownWideNarrow as ie, ArrowUpWideNarrow as re, ArrowUpDown as se, RefreshCw as Ne } from "lucide-react";
+import { useEffect as q, useState as xe } from "react";
+import { useTranslation as ne } from "react-i18next";
+import { u as we, a as ce, b as pe } from "../../chunks/useSortable-BXNk8Wth.es.js";
+import { A as ge } from "../../chunks/Actions-Bi_vjY5M.es.js";
+import { E as ke } from "../../chunks/ExportData-CHPKm-ZY.es.js";
+import { S as ve, F as Te } from "../../chunks/Search-CjVcBFAN.es.js";
+import { L as me } from "../../chunks/Loader-zvzAi0F6.es.js";
+import { D as Q, M as De, a as he } from "../../chunks/MyPagination-B0czoGZK.es.js";
+import { Checkbox as X } from "dgz-ui/form";
+import { Table as Me, TableHeader as Ee, TableRow as O, TableHead as j, TableBody as Ae, TableCell as W } from "dgz-ui/table";
+import { S as Y } from "../../chunks/SortOrder-CwuehjY1.es.js";
+import { E as ze } from "../../chunks/Empty-BReVQKje.es.js";
+const Le = ({
   rows: t = [],
-  columns: h,
-  onRowClick: v,
-  rowKey: p,
-  params: N = {
+  columns: p,
+  onRowClick: m,
+  rowKey: c,
+  params: x = {
     page: 1,
-    limit: q
+    limit: Q
   },
-  hasNumbers: T = !1,
-  hasCheckbox: w = !1,
-  selectedItems: E,
-  onSelectedItemsChange: D,
+  hasNumbers: D = !1,
+  hasCheckbox: g = !1,
+  selectedItems: z,
+  onSelectedItemsChange: h,
   onSortOrderChange: $,
   isStickyHeader: d,
-  className: o,
-  ...B
+  className: B,
+  ...H
 }) => {
-  const { sortObject: f, handleSort: A } = ce({
-    sortField: N == null ? void 0 : N.sortField,
-    sortOrder: N == null ? void 0 : N.sortOrder,
+  const { sortObject: r, handleSort: L } = we({
+    sortField: x == null ? void 0 : x.sortField,
+    sortOrder: x == null ? void 0 : x.sortOrder,
     onSortOrderChange: $
   }), {
-    selectedRows: g,
-    isRowSelected: n,
-    isAllRowsSelected: c,
-    handleSelectAllRows: H,
-    handleSelectRow: m
-  } = pe({ rows: t, defaultSelectedRows: E });
-  return j(() => {
-    JSON.stringify(E) !== JSON.stringify(g) && g && (D == null || D(g));
-  }, [g, E, D]), /* @__PURE__ */ i(me, { ...B, className: z("relative", o), children: [
+    selectedRows: k,
+    isRowSelected: v,
+    isAllRowsSelected: n,
+    handleSelectAllRows: J,
+    handleSelectRow: M
+  } = ce({ rows: t, defaultSelectedRows: z });
+  return q(() => {
+    JSON.stringify(z) !== JSON.stringify(k) && k && (h == null || h(k));
+  }, [k, z, h]), /* @__PURE__ */ s(Me, { ...H, className: E("relative", B), children: [
     /* @__PURE__ */ e(
-      Me,
+      Ee,
       {
-        className: z("bg-bg", d && "sticky top-0 z-1"),
-        children: /* @__PURE__ */ i(O, { children: [
-          w && /* @__PURE__ */ e(_, { className: "w-12 p-3", children: /* @__PURE__ */ e(
-            G,
+        className: E("bg-bg", d && "sticky top-0 z-1"),
+        children: /* @__PURE__ */ s(O, { children: [
+          g && /* @__PURE__ */ e(j, { className: "w-12 p-3", children: /* @__PURE__ */ e(
+            X,
             {
               className: "mt-1",
-              checked: c(p),
-              onCheckedChange: (l) => H(p, !!l),
+              checked: n(c),
+              onCheckedChange: (l) => J(c, !!l),
               "aria-label": "Select all"
             }
           ) }),
-          T && /* @__PURE__ */ e(_, { className: "w-12 p-2", children: "#" }),
-          h.filter((l) => !l.hidden).map((l) => /* @__PURE__ */ e(
-            _,
+          D && /* @__PURE__ */ e(j, { className: "w-12 p-2", children: "#" }),
+          p.filter((l) => !l.hidden).map((l) => /* @__PURE__ */ e(
+            j,
             {
               style: l.styles,
-              className: z("p-2", l.sortable && "cursor-pointer"),
-              onClick: () => l.sortable && A(l.dataIndex),
-              children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+              className: E("p-2", l.sortable && "cursor-pointer"),
+              onClick: () => l.sortable && L(l.dataIndex),
+              children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                 l.name,
                 " ",
-                l.sortable && ((f == null ? void 0 : f.sortField) === l.key ? /* @__PURE__ */ i(X, { children: [
-                  (f == null ? void 0 : f.sortOrder) === Q.DESC && /* @__PURE__ */ e(re, { size: 15 }),
-                  (f == null ? void 0 : f.sortOrder) === Q.ASC && /* @__PURE__ */ e(se, { size: 15 })
-                ] }) : /* @__PURE__ */ e(fe, { size: 15 }))
+                l.sortable && ((r == null ? void 0 : r.sortField) === l.key ? /* @__PURE__ */ s(Z, { children: [
+                  (r == null ? void 0 : r.sortOrder) === Y.DESC && /* @__PURE__ */ e(ie, { size: 15 }),
+                  (r == null ? void 0 : r.sortOrder) === Y.ASC && /* @__PURE__ */ e(re, { size: 15 })
+                ] }) : /* @__PURE__ */ e(se, { size: 15 }))
               ] })
             },
             l.key
@@ -84,220 +84,228 @@ const ze = ({
         ] })
       }
     ),
-    /* @__PURE__ */ e(Ee, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: t.length ? t.map((l, k) => /* @__PURE__ */ i(
+    /* @__PURE__ */ e(Ae, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: t.length ? t.map((l, T) => /* @__PURE__ */ s(
       O,
       {
-        onClick: () => v == null ? void 0 : v(l),
-        className: z(v && "cursor-pointer"),
-        "data-state": n(l[p]) && "selected",
+        onClick: () => m == null ? void 0 : m(l),
+        className: E(m && "cursor-pointer"),
+        "data-state": v(l[c]) && "selected",
         children: [
-          w && /* @__PURE__ */ e(
+          g && /* @__PURE__ */ e(
             W,
             {
               className: "w-12 p-3",
-              onClick: (s) => s.stopPropagation(),
+              onClick: (i) => i.stopPropagation(),
               children: /* @__PURE__ */ e(
-                G,
+                X,
                 {
                   className: "mt-1",
-                  checked: n(l[p]),
-                  onCheckedChange: (s) => m(l[p], !!s),
+                  checked: v(l[c]),
+                  onCheckedChange: (i) => M(l[c], !!i),
                   "aria-label": "Select row"
                 }
               )
             }
           ),
-          T && /* @__PURE__ */ e(W, { className: "w-12 p-2", children: (N.page - 1) * (N.limit || q) + k + 1 }),
-          h.filter((s) => !s.hidden).map((s) => /* @__PURE__ */ e(
+          D && /* @__PURE__ */ e(W, { className: "w-12 p-2", children: (x.page - 1) * (x.limit || Q) + T + 1 }),
+          p.filter((i) => !i.hidden).map((i) => /* @__PURE__ */ e(
             W,
             {
               className: "text-body-xs-medium max-w-xs p-2",
-              style: s.styles,
-              children: s.render ? s.render(M.get(l, s.dataIndex), l) : M.get(l, s.dataIndex, "")
+              style: i.styles,
+              children: i.render ? i.render(A.get(l, i.dataIndex), l) : A.get(l, i.dataIndex, "")
             },
-            `${k}-${s.key}`
+            `${T}-${i.key}`
           ))
         ]
       },
-      `${l[p]}`
+      `${l[c]}`
     )) : /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
       W,
       {
-        colSpan: T ? w ? h.length + 2 : h.length + 1 : h.length,
-        children: /* @__PURE__ */ e(Ae, {})
+        colSpan: D ? g ? p.length + 2 : p.length + 1 : p.length,
+        children: /* @__PURE__ */ e(ze, {})
       }
     ) }) })
   ] });
-}, be = ({
+}, oe = ({
   dataSource: t,
-  columns: h,
-  onRowClick: v,
-  rowKey: p,
-  hasNumbers: N,
-  hasSearch: T,
-  exportOptions: w,
-  hasCheckbox: E,
-  hasPagination: D,
+  columns: p,
+  onRowClick: m,
+  rowKey: c,
+  hasNumbers: x,
+  hasSearch: D,
+  exportOptions: g,
+  hasCheckbox: z,
+  hasPagination: h,
   isStickyHeader: $,
   onParamChange: d,
-  dataKey: o = "docs",
-  loading: B,
-  tableKey: f,
-  filters: A,
-  actions: g,
-  handleFilterChange: n,
-  params: c,
-  exportLoading: H = !1,
-  onColumnsUpdate: m,
+  dataKey: B = "docs",
+  loading: H,
+  tableKey: r,
+  filters: L,
+  actions: k,
+  handleFilterChange: v,
+  params: n,
+  exportLoading: J = !1,
+  onColumnsUpdate: M,
   hasColumnsVisibilityDropdown: l,
-  onSelectedItemsChange: k,
-  actionProps: s,
-  filterWrapperProps: Y,
-  exportOptionsProps: Z,
-  columnsVisibilityProps: x,
-  paginationProps: b,
-  searchProps: L,
-  ...U
+  onSelectedItemsChange: T,
+  actionProps: i,
+  filterWrapperProps: b,
+  exportOptionsProps: U,
+  columnsVisibilityProps: N,
+  paginationProps: o,
+  searchProps: w,
+  ...I
 }) => {
-  const { t: J } = Ne(), [R, I] = xe([]), { formattedColumns: F, handleColumnsChange: a, resetColumns: K } = he({ key: f, columns: h });
-  return j(() => {
-    m == null || m(F);
-  }, [F, m]), j(() => {
-    k == null || k(R);
-  }, [R, k]), /* @__PURE__ */ i(
+  var G;
+  const { t: _ } = ne(), [R, K] = xe([]), { formattedColumns: F, handleColumnsChange: a, resetColumns: S } = pe({ key: r, columns: p });
+  return q(() => {
+    M == null || M(F);
+  }, [F, M]), q(() => {
+    T == null || T(R);
+  }, [R, T]), /* @__PURE__ */ s(
     "div",
     {
       className: "border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",
       children: [
-        (T || l && f || !M.isEmpty(w) || !M.isEmpty(A)) && /* @__PURE__ */ i("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
-          /* @__PURE__ */ e("div", { className: "w-full shrink", children: T && /* @__PURE__ */ e(
-            ne,
+        (D || l && r || !A.isEmpty(g) || !A.isEmpty(L)) && /* @__PURE__ */ s("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
+          /* @__PURE__ */ e("div", { className: "w-full shrink", children: D && /* @__PURE__ */ e(
+            ve,
             {
-              ...L,
-              className: z("h-8 max-w-60", L == null ? void 0 : L.className),
-              defaultValue: M.get(c, "search", ""),
-              onSearchChange: (r) => d == null ? void 0 : d({ ...c, search: r, page: 1 })
+              ...w,
+              inputProps: {
+                ...w == null ? void 0 : w.inputProps,
+                className: E("h-8", (G = w == null ? void 0 : w.inputProps) == null ? void 0 : G.className)
+              },
+              className: E(
+                "max-w-78 [&_button]:-top-1",
+                w == null ? void 0 : w.className
+              ),
+              defaultValue: A.get(n, "search", ""),
+              onSearchChange: (f) => d == null ? void 0 : d({ ...n, search: f, page: 1 })
             }
           ) }),
-          /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center justify-end gap-3", children: [
-            w && /* @__PURE__ */ e(
-              ge,
+          /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center justify-end gap-3", children: [
+            g && /* @__PURE__ */ e(
+              ke,
               {
-                ...Z,
-                options: w,
-                loading: H
+                ...U,
+                options: g,
+                loading: J
               }
             ),
-            l && f && /* @__PURE__ */ i(u, { children: [
+            l && r && /* @__PURE__ */ s(P, { children: [
               /* @__PURE__ */ e(
-                P,
+                ee,
                 {
                   asChild: !0,
-                  ...x == null ? void 0 : x.triggerProps,
+                  ...N == null ? void 0 : N.triggerProps,
                   children: /* @__PURE__ */ e(
-                    C,
+                    u,
                     {
                       variant: "secondary",
                       size: "sm",
                       className: "ml-auto rounded-lg px-3",
-                      children: (x == null ? void 0 : x.title) || /* @__PURE__ */ i(X, { children: [
-                        /* @__PURE__ */ e(S, {}),
+                      children: (N == null ? void 0 : N.title) || /* @__PURE__ */ s(Z, { children: [
+                        /* @__PURE__ */ e(V, {}),
                         " ",
-                        /* @__PURE__ */ e("span", { className: "hidden lg:!inline", children: J("Customize columns") }),
-                        /* @__PURE__ */ e(V, {})
+                        /* @__PURE__ */ e("span", { className: "hidden lg:inline!", children: _("Customize columns") }),
+                        /* @__PURE__ */ e(C, {})
                       ] })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ i(
-                ee,
+              /* @__PURE__ */ s(
+                le,
                 {
                   align: "end",
-                  ...x == null ? void 0 : x.contentProps,
+                  ...N == null ? void 0 : N.contentProps,
                   children: [
-                    /* @__PURE__ */ i(
-                      le,
+                    /* @__PURE__ */ s(
+                      te,
                       {
                         className: "capitalize",
-                        onClick: K,
+                        onClick: S,
                         children: [
-                          /* @__PURE__ */ e(ie, {}),
+                          /* @__PURE__ */ e(Ne, {}),
                           " ",
-                          (x == null ? void 0 : x.resetText) || J("Reset columns")
+                          (N == null ? void 0 : N.resetText) || _("Reset columns")
                         ]
                       }
                     ),
-                    /* @__PURE__ */ e(te, {}),
-                    F.map((r) => /* @__PURE__ */ e(
-                      de,
+                    /* @__PURE__ */ e(de, {}),
+                    F.map((f) => /* @__PURE__ */ e(
+                      fe,
                       {
                         className: "capitalize",
-                        checked: !r.hidden,
-                        onCheckedChange: (y) => a(r, !y),
-                        children: r.name
+                        checked: !f.hidden,
+                        onCheckedChange: (y) => a(f, !y),
+                        children: f.name
                       },
-                      r.key
+                      f.key
                     ))
                   ]
                 }
               )
             ] }),
-            g && /* @__PURE__ */ e(we, { ...s, actions: g }),
-            A && /* @__PURE__ */ e(
-              ke,
+            k && /* @__PURE__ */ e(ge, { ...i, actions: k }),
+            L && /* @__PURE__ */ e(
+              Te,
               {
-                ...Y,
-                filters: A,
-                params: c,
-                onChange: n,
-                onFilter: (r) => {
-                  d == null || d({ ...c, ...r, page: 1 }), n == null || n(r);
+                ...b,
+                filters: L,
+                params: n,
+                onChange: v,
+                onFilter: (f) => {
+                  d == null || d({ ...n, ...f, page: 1 }), v == null || v(f);
                 }
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex flex-col overflow-auto border-y", children: B ? /* @__PURE__ */ e(ve, {}) : /* @__PURE__ */ e(
-          ze,
+        /* @__PURE__ */ e("div", { className: "flex flex-col overflow-auto border-y", children: H ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ e(
+          Le,
           {
-            ...U,
+            ...I,
             params: {
               page: (t == null ? void 0 : t.page) || 1,
               limit: t == null ? void 0 : t.limit,
-              ...c
+              ...n
             },
-            rows: M.get(t, o, []),
-            rowKey: p,
+            rows: A.get(t, B, []),
+            rowKey: c,
             selectedItems: R,
             isStickyHeader: $,
             columns: F,
-            hasCheckbox: E,
-            hasNumbers: N,
-            onRowClick: v,
-            onSelectedItemsChange: I,
-            onSortOrderChange: ({ sortField: r, sortOrder: y }) => {
-              d == null || d({ ...c, sortField: r, sortOrder: y });
+            hasCheckbox: z,
+            hasNumbers: x,
+            onRowClick: m,
+            onSelectedItemsChange: K,
+            onSortOrderChange: ({ sortField: f, sortOrder: y }) => {
+              d == null || d({ ...n, sortField: f, sortOrder: y });
             }
           }
         ) }),
-        D && /* @__PURE__ */ i("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
+        h && /* @__PURE__ */ s("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
           /* @__PURE__ */ e("div", { className: "text-sm", children: /* @__PURE__ */ e(
-            Te,
+            De,
             {
-              onLimitChange: (r) => d == null ? void 0 : d({ ...c, limit: r, page: 1 }),
+              onLimitChange: (f) => d == null ? void 0 : d({ ...n, limit: f, page: 1 }),
               defaultValue: t == null ? void 0 : t.limit
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: J("{{selectedCount}} of {{total}} row(s) selected", {
+          /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: _("{{selectedCount}} of {{total}} row(s) selected", {
             selectedCount: R.length,
             total: (t == null ? void 0 : t.total) || 0
           }) }),
           /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-            De,
+            he,
             {
-              ...b,
-              onPageChange: (r) => d == null ? void 0 : d({ ...c, page: r }),
+              ...o,
+              onPageChange: (f) => d == null ? void 0 : d({ ...n, page: f }),
               currentPage: t == null ? void 0 : t.page,
               totalPages: t == null ? void 0 : t.totalPages
             }
@@ -308,7 +316,7 @@ const ze = ({
   );
 };
 export {
-  be as DataTable,
-  ze as MyTable
+  oe as DataTable,
+  Le as MyTable
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/datatable/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { Checkbox } from 'dgz-ui/form';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport {\n  ArrowDownWideNarrow,\n  ArrowUpDown,\n  ArrowUpWideNarrow,\n} from 'lucide-react';\nimport { type ComponentProps, useEffect } from 'react';\nimport { SortOrder } from '../../enums';\nimport { useDataTable, useSortable, type UseSortableProps } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { Empty } from '../empty';\nimport { DEFAULT_LIMIT } from '../pagination/MyLimitSelect';\n\n/**\n * Props for the MyTable component.\n * @template TData - The type of data in the table.\n */\nexport interface MyTableProps<TData> extends ComponentProps<'table'> {\n  /** Array of data rows to display. */\n  rows?: TData[];\n  /** Column definitions. */\n  columns: ColumnType<TData>[];\n  /** Callback when a row is clicked. */\n  onRowClick?: (row: TData) => void;\n  /** Whether to show row numbers. */\n  hasNumbers?: boolean;\n  /** Whether to show selection checkboxes. */\n  hasCheckbox?: boolean;\n  /** Unique key for each row. */\n  rowKey: keyof TData;\n  /** Current table parameters (page, limit, sort). */\n  params?: Record<string, unknown>;\n  /** Total number of items (optional, often used with pagination context). */\n  total?: number;\n  /** Array of currently selected item keys. */\n  selectedItems?: TData[keyof TData][];\n  /** Callback when selected items change. */\n  onSelectedItemsChange?: (selectedItems: TData[keyof TData][]) => void;\n  /** Callback when sort order changes. */\n  onSortOrderChange?: (\n    params: Omit<UseSortableProps<TData>, 'onSortOrderChange'>\n  ) => void;\n  /** Whether the header should stick to the top. */\n  isStickyHeader?: true;\n}\n\n/**\n * MyTable renders a generic data table with optional numbering, selection checkboxes,\n * sortable columns and sticky header. It is a presentational component and delegates\n * sorting/selection state via hooks and callbacks.\n *\n * @template TData - The row data type.\n * @param props - Component props.\n * @returns React element containing the table.\n */\nexport const MyTable = <TData,>({\n  rows = [],\n  columns,\n  onRowClick,\n  rowKey,\n  params = {\n    page: 1,\n    limit: DEFAULT_LIMIT,\n  },\n  hasNumbers = false,\n  hasCheckbox = false,\n  selectedItems,\n  onSelectedItemsChange,\n  onSortOrderChange,\n  isStickyHeader,\n  className,\n  ...props\n}: MyTableProps<TData>) => {\n  const { sortObject, handleSort } = useSortable<TData>({\n    sortField: params?.sortField as keyof TData | undefined,\n    sortOrder: params?.sortOrder as SortOrder | undefined,\n    onSortOrderChange,\n  });\n  const {\n    selectedRows,\n    isRowSelected,\n    isAllRowsSelected,\n    handleSelectAllRows,\n    handleSelectRow,\n  } = useDataTable<TData>({ rows, defaultSelectedRows: selectedItems });\n\n  useEffect(() => {\n    if (\n      JSON.stringify(selectedItems) !== JSON.stringify(selectedRows) &&\n      selectedRows\n    ) {\n      onSelectedItemsChange?.(selectedRows);\n    }\n  }, [selectedRows, selectedItems, onSelectedItemsChange]);\n\n  return (\n    <Table {...props} className={cn('relative', className)}>\n      <TableHeader\n        className={cn('bg-bg', isStickyHeader && 'sticky top-0 z-1')}\n      >\n        <TableRow>\n          {hasCheckbox && (\n            <TableHead className={'w-12 p-3'}>\n              <Checkbox\n                className={'mt-1'}\n                checked={isAllRowsSelected(rowKey)}\n                onCheckedChange={(value) =>\n                  handleSelectAllRows(rowKey, !!value)\n                }\n                aria-label=\"Select all\"\n              />\n            </TableHead>\n          )}\n          {hasNumbers && <TableHead className={'w-12 p-2'}>#</TableHead>}\n          {columns\n            .filter((column) => !column.hidden)\n            .map((column) => (\n              <TableHead\n                key={column.key}\n                style={column.styles}\n                className={cn('p-2', column.sortable && 'cursor-pointer')}\n                onClick={() => column.sortable && handleSort(column.dataIndex)}\n              >\n                <div className={'flex items-center gap-2'}>\n                  {column.name}{' '}\n                  {column.sortable &&\n                    (sortObject?.sortField === column.key ? (\n                      <>\n                        {sortObject?.sortOrder === SortOrder.DESC && (\n                          <ArrowDownWideNarrow size={15} />\n                        )}\n                        {sortObject?.sortOrder === SortOrder.ASC && (\n                          <ArrowUpWideNarrow size={15} />\n                        )}\n                      </>\n                    ) : (\n                      <ArrowUpDown size={15} />\n                    ))}\n                </div>\n              </TableHead>\n            ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody className={'[&>tr:nth-child(even)]:bg-bg-secondary'}>\n        {rows.length ? (\n          rows.map((row, index) => (\n            <TableRow\n              key={`${row[rowKey]}`}\n              onClick={() => onRowClick?.(row)}\n              className={cn(onRowClick && 'cursor-pointer')}\n              data-state={isRowSelected(row[rowKey]) && 'selected'}\n            >\n              {hasCheckbox && (\n                <TableCell\n                  className={'w-12 p-3'}\n                  onClick={(evt) => evt.stopPropagation()}\n                >\n                  <Checkbox\n                    className={'mt-1'}\n                    checked={isRowSelected(row[rowKey])}\n                    onCheckedChange={(value) =>\n                      handleSelectRow(row[rowKey], !!value)\n                    }\n                    aria-label=\"Select row\"\n                  />\n                </TableCell>\n              )}\n              {hasNumbers && (\n                <TableCell className={'w-12 p-2'}>\n                  {((params.page as number) - 1) *\n                    ((params.limit || DEFAULT_LIMIT) as number) +\n                    index +\n                    1}\n                </TableCell>\n              )}\n              {columns\n                .filter((column) => !column.hidden)\n                .map((column) => (\n                  <TableCell\n                    className={'text-body-xs-medium max-w-xs p-2'}\n                    style={column.styles}\n                    key={`${index}-${column.key}`}\n                  >\n                    {column.render\n                      ? column.render(get(row, column.dataIndex), row)\n                      : get(row, column.dataIndex, '')}\n                  </TableCell>\n                ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow>\n            <TableCell\n              colSpan={\n                hasNumbers\n                  ? hasCheckbox\n                    ? columns.length + 2\n                    : columns.length + 1\n                  : columns.length\n              }\n            >\n              <Empty />\n            </TableCell>\n          </TableRow>\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n","import { RiArrowDownSLine, RiLayoutColumnLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport { cn } from 'dgz-ui/utils';\nimport { get, isEmpty } from 'lodash';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n  ExportData,\n  type ExportDataInterface,\n  type ExportDataProps,\n} from '../export';\nimport {\n  type FilterInterface,\n  FilterWrapper,\n  type FilterWrapperProps,\n  Search,\n  type SearchProps,\n} from '../filters';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n *   may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n *   (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n  /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n  docs?: TData[];\n  /** Zero-based index of the first item on the current page (if provided by API). */\n  offset?: number;\n  /** Page size (items per page). */\n  limit: number;\n  /** Total number of pages available. */\n  totalPages: number;\n  /** Total number of items across all pages (if available). */\n  total?: number;\n  /** Current page number (1-based). */\n  page: number;\n  /** Convenience counter for the first item index on the page (if provided). */\n  pagingCounter?: number;\n  /** Whether a previous page exists. */\n  hasPrevPage?: boolean;\n  /** Whether a next page exists. */\n  hasNextPage?: boolean;\n  /** Previous page number, if available. */\n  prevPage?: number;\n  /** Next page number, if available. */\n  nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n  TData,\n  TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n  /** Pagination data source. */\n  dataSource?: TPaginationData;\n  /** Callback for parameter changes (pagination, sorting, filtering). */\n  onParamChange?: (param: Record<string, unknown>) => void;\n  /** Whether to enable pagination. */\n  hasPagination?: true;\n  /** Options for the export data dropdown. */\n  exportOptions?: ExportDataInterface[];\n  /** Whether to enable search functionality. */\n  hasSearch?: true;\n  /** Whether the table data is loading. */\n  loading?: boolean;\n  /** Array of filters to display. */\n  filters?: FilterInterface[];\n  /** Array of actions to display. */\n  actions?: ActionInterface[];\n  /** Callback for filter changes. */\n  handleFilterChange?: (filters: Record<string, unknown>) => void;\n  /** Unique key for the table, used for column persistence. */\n  tableKey: string;\n  /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n  dataKey?: keyof TPaginationData;\n  /** Whether to show the columns visibility dropdown. */\n  hasColumnsVisibilityDropdown?: true;\n  /** Callback when columns are updated (e.g., visibility toggled). */\n  onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n  /** Whether the export action is loading. */\n  exportLoading?: boolean;\n  /** Props for the Actions component. */\n  actionProps?: Partial<ActionsProps>;\n  /** Props for the FilterWrapper component. */\n  filterWrapperProps?: Partial<FilterWrapperProps>;\n  /** Props for the ExportData component. */\n  exportOptionsProps?: Partial<ExportDataProps>;\n  searchProps?: Partial<SearchProps>;\n  paginationProps?: Partial<MyPaginationProps>;\n  /** Props for the columns visibility dropdown. */\n  columnsVisibilityProps?: DropdownContainerProps & {\n    title?: ReactNode;\n    resetText?: ReactNode;\n  };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n *   `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * Props Overview\n * - `dataSource` — Paginated data source object that contains rows (see `dataKey`) and pagination metadata.\n * - `columns` — Column definitions passed to `MyTable`.\n * - `onRowClick` — Callback when a row is clicked.\n * - `rowKey` — Property name used as a unique row key.\n * - `hasNumbers` — Whether to show the row numbers column.\n * - `hasSearch` — Set to `true` to display the search input in the header.\n * - `exportOptions` — Export menu options shown by `ExportData` (see `ExportDataInterface[]`).\n * - `exportLoading` — When `true`, shows a spinner in the Export button to indicate an export action is in progress.\n * - `hasCheckbox` — Whether to show the selection checkbox column.\n * - `hasPagination` — Set to `true` to render the pagination footer.\n * - `isStickyHeader` — Whether to keep the table header sticky.\n * - `onParamChange` — Emits parameter changes for pagination/sorting/search/filters.\n * - `dataKey` — Key within `dataSource` that contains the row array. Defaults to `\"docs\"`.\n * - `loading` — If `true`, shows a loading state instead of the table rows.\n * - `tableKey` — Unique key for persisting column visibility state.\n * - `filters` — Filter configurations to render in the header.\n * - `actions` — Header actions independent of selected rows.\n * - `handleFilterChange` — Callback executed when filter values change.\n * - `params` — Current list parameters (pagination, sort, search, filters).\n * - `hasColumnsVisibilityDropdown` — Set to `true` to show the columns customize dropdown.\n * - `onColumnsUpdate` — Notifies parent whenever the internal columns state changes (after formatting/visibility).\n * - `actionProps` — Props passed to the `Actions` component.\n * - `filterWrapperProps` — Props passed to the `FilterWrapper` component.\n * - `exportOptionsProps` — Props passed to the `ExportData` component.\n * - `columnsVisibilityProps` — Props passed to the columns visibility dropdown.\n * - `onSelectedItemsChange` — Callback when selected rows change (requires `hasCheckbox`).\n *\n * Accessibility\n * - Header controls and dropdowns reuse shared primitives that include keyboard and ARIA support.\n *\n * Internationalization\n * - Text such as \"Export\", \"Customize columns\", and \"Reset columns\" are resolved via `react-i18next`.\n *\n * Usage Examples\n * 1) Minimal paginated table (uses default `dataKey = \"docs\"`)\n * ```tsx\n * type User = { id: string; name: string };\n * const data = { docs: [{ id: '1', name: 'Ada' }], page: 1, limit: 10, totalPages: 1 };\n *\n * <DataTable<User>\n *   tableKey=\"users-table\"\n *   columns={[{ key: 'name', name: 'Name' }]}\n *   rowKey=\"id\"\n *   dataSource={data}\n *   hasPagination\n * />\n * ```\n *\n * 2) Custom `dataKey` and column visibility persistence\n * ```tsx\n * type Row = { id: number; title: string };\n * const payload = { items: [{ id: 1, title: 'Hello' }], page: 1, limit: 20, totalPages: 1 };\n *\n * <DataTable<Row>\n *   tableKey=\"posts\"\n *   columns={[{ key: 'title', name: 'Title' }]}\n *   rowKey=\"id\"\n *   dataSource={payload}\n *   dataKey=\"items\"\n *   hasColumnsVisibilityDropdown\n * />\n * ```\n *\n * 3) Responding to user interactions via `onParamChange`\n * ```tsx\n * const [params, setParams] = useState({ page: 1, limit: 10 });\n *\n * <DataTable\n *   tableKey=\"logs\"\n *   columns={[{ key: 'message', name: 'Message' }]}\n *   rowKey=\"id\"\n *   params={params}\n *   onParamChange={setParams}\n *   hasSearch\n *   hasPagination\n * />\n * ```\n *\n * Notes and Best Practices\n * - Ensure `rowKey` points to a stable unique field in `TData` to avoid key collisions.\n * - When arrays like `exportOptions`, `filters`, or `actions` are empty, their sections are not rendered.\n * - Sorting emits `{ sortField, sortOrder }` through `onParamChange` when the user toggles a column sort.\n *\n * Returns\n * - React element that renders a complete data table experience.\n */\nexport const DataTable = <\n  TData,\n  TPaginationData extends PaginationInterface<TData> =\n    PaginationInterface<TData>,\n>({\n  dataSource,\n  columns,\n  onRowClick,\n  rowKey,\n  hasNumbers,\n  hasSearch,\n  exportOptions,\n  hasCheckbox,\n  hasPagination,\n  isStickyHeader,\n  onParamChange,\n  dataKey = 'docs',\n  loading,\n  tableKey,\n  filters,\n  actions,\n  handleFilterChange,\n  params,\n  exportLoading = false,\n  onColumnsUpdate,\n  hasColumnsVisibilityDropdown,\n  onSelectedItemsChange,\n  actionProps,\n  filterWrapperProps,\n  exportOptionsProps,\n  columnsVisibilityProps,\n  paginationProps,\n  searchProps,\n  ...props\n}: DataTableProps<TData, TPaginationData>) => {\n  const { t } = useTranslation();\n  const [selectedRows, setSelectedRows] = useState<TData[keyof TData][]>([]);\n  const { formattedColumns, handleColumnsChange, resetColumns } =\n    useColumns<TData>({ key: tableKey, columns });\n\n  useEffect(() => {\n    onColumnsUpdate?.(formattedColumns);\n  }, [formattedColumns, onColumnsUpdate]);\n\n  useEffect(() => {\n    onSelectedItemsChange?.(selectedRows);\n  }, [selectedRows, onSelectedItemsChange]);\n\n  return (\n    <div\n      className={\n        'border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs'\n      }\n    >\n      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                className={cn('h-8 max-w-60', searchProps?.className)}\n                defaultValue={get(params, 'search', '') as string}\n                onSearchChange={(search) =>\n                  onParamChange?.({ ...params, search, page: 1 })\n                }\n              />\n            )}\n          </div>\n          <div className={'flex shrink-0 items-center justify-end gap-3'}>\n            {exportOptions && (\n              <ExportData\n                {...exportOptionsProps}\n                options={exportOptions}\n                loading={exportLoading}\n              />\n            )}\n            {hasColumnsVisibilityDropdown && tableKey && (\n              <DropdownMenu>\n                <DropdownMenuTrigger\n                  asChild\n                  {...columnsVisibilityProps?.triggerProps}\n                >\n                  <Button\n                    variant=\"secondary\"\n                    size={'sm'}\n                    className={'ml-auto rounded-lg px-3'}\n                  >\n                    {columnsVisibilityProps?.title || (\n                      <>\n                        <RiLayoutColumnLine />{' '}\n                        <span className={'hidden lg:!inline'}>\n                          {t('Customize columns')}\n                        </span>\n                        <RiArrowDownSLine />\n                      </>\n                    )}\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  align=\"end\"\n                  {...columnsVisibilityProps?.contentProps}\n                >\n                  <DropdownMenuItem\n                    className=\"capitalize\"\n                    onClick={resetColumns}\n                  >\n                    <RefreshCw />{' '}\n                    {columnsVisibilityProps?.resetText || t('Reset columns')}\n                  </DropdownMenuItem>\n                  <DropdownMenuSeparator />\n                  {formattedColumns.map((column) => {\n                    return (\n                      <DropdownMenuCheckboxItem\n                        key={column.key}\n                        className=\"capitalize\"\n                        checked={!column.hidden}\n                        onCheckedChange={(value) =>\n                          handleColumnsChange(column, !value)\n                        }\n                      >\n                        {column.name}\n                      </DropdownMenuCheckboxItem>\n                    );\n                  })}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n            {actions && <Actions {...actionProps} actions={actions} />}\n            {filters && (\n              <FilterWrapper\n                {...filterWrapperProps}\n                filters={filters}\n                params={params}\n                onChange={handleFilterChange}\n                onFilter={(filter) => {\n                  onParamChange?.({ ...params, ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      <div className={'flex flex-col overflow-auto border-y'}>\n        {!loading ? (\n          <MyTable<TData>\n            {...props}\n            params={{\n              page: dataSource?.page || 1,\n              limit: dataSource?.limit,\n              ...params,\n            }}\n            rows={get(dataSource, dataKey, []) as TData[]}\n            rowKey={rowKey}\n            selectedItems={selectedRows}\n            isStickyHeader={isStickyHeader}\n            columns={formattedColumns}\n            hasCheckbox={hasCheckbox}\n            hasNumbers={hasNumbers}\n            onRowClick={onRowClick}\n            onSelectedItemsChange={setSelectedRows}\n            onSortOrderChange={({ sortField, sortOrder }) => {\n              onParamChange?.({ ...params, sortField, sortOrder });\n            }}\n          />\n        ) : (\n          <Loader />\n        )}\n      </div>\n      {hasPagination && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className=\"text-sm\">\n            <MyLimitSelect\n              onLimitChange={(limit) =>\n                onParamChange?.({ ...params, limit, page: 1 })\n              }\n              defaultValue={dataSource?.limit}\n            />\n          </div>\n          <div className=\"text-muted-foreground text-sm\">\n            {t('{{selectedCount}} of {{total}} row(s) selected', {\n              selectedCount: selectedRows.length,\n              total: dataSource?.total || 0,\n            })}\n          </div>\n          <div>\n            <MyPagination\n              {...paginationProps}\n              onPageChange={(page) => onParamChange?.({ ...params, page })}\n              currentPage={dataSource?.page}\n              totalPages={dataSource?.totalPages}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { Checkbox } from 'dgz-ui/form';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport {\n  ArrowDownWideNarrow,\n  ArrowUpDown,\n  ArrowUpWideNarrow,\n} from 'lucide-react';\nimport { type ComponentProps, useEffect } from 'react';\nimport { SortOrder } from '../../enums';\nimport { useDataTable, useSortable, type UseSortableProps } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { Empty } from '../empty';\nimport { DEFAULT_LIMIT } from '../pagination/MyLimitSelect';\n\n/**\n * Props for the MyTable component.\n * @template TData - The type of data in the table.\n */\nexport interface MyTableProps<TData> extends ComponentProps<'table'> {\n  /** Array of data rows to display. */\n  rows?: TData[];\n  /** Column definitions. */\n  columns: ColumnType<TData>[];\n  /** Callback when a row is clicked. */\n  onRowClick?: (row: TData) => void;\n  /** Whether to show row numbers. */\n  hasNumbers?: boolean;\n  /** Whether to show selection checkboxes. */\n  hasCheckbox?: boolean;\n  /** Unique key for each row. */\n  rowKey: keyof TData;\n  /** Current table parameters (page, limit, sort). */\n  params?: Record<string, unknown>;\n  /** Total number of items (optional, often used with pagination context). */\n  total?: number;\n  /** Array of currently selected item keys. */\n  selectedItems?: TData[keyof TData][];\n  /** Callback when selected items change. */\n  onSelectedItemsChange?: (selectedItems: TData[keyof TData][]) => void;\n  /** Callback when sort order changes. */\n  onSortOrderChange?: (\n    params: Omit<UseSortableProps<TData>, 'onSortOrderChange'>\n  ) => void;\n  /** Whether the header should stick to the top. */\n  isStickyHeader?: true;\n}\n\n/**\n * MyTable renders a generic data table with optional numbering, selection checkboxes,\n * sortable columns and sticky header. It is a presentational component and delegates\n * sorting/selection state via hooks and callbacks.\n *\n * @template TData - The row data type.\n * @param props - Component props.\n * @returns React element containing the table.\n */\nexport const MyTable = <TData,>({\n  rows = [],\n  columns,\n  onRowClick,\n  rowKey,\n  params = {\n    page: 1,\n    limit: DEFAULT_LIMIT,\n  },\n  hasNumbers = false,\n  hasCheckbox = false,\n  selectedItems,\n  onSelectedItemsChange,\n  onSortOrderChange,\n  isStickyHeader,\n  className,\n  ...props\n}: MyTableProps<TData>) => {\n  const { sortObject, handleSort } = useSortable<TData>({\n    sortField: params?.sortField as keyof TData | undefined,\n    sortOrder: params?.sortOrder as SortOrder | undefined,\n    onSortOrderChange,\n  });\n  const {\n    selectedRows,\n    isRowSelected,\n    isAllRowsSelected,\n    handleSelectAllRows,\n    handleSelectRow,\n  } = useDataTable<TData>({ rows, defaultSelectedRows: selectedItems });\n\n  useEffect(() => {\n    if (\n      JSON.stringify(selectedItems) !== JSON.stringify(selectedRows) &&\n      selectedRows\n    ) {\n      onSelectedItemsChange?.(selectedRows);\n    }\n  }, [selectedRows, selectedItems, onSelectedItemsChange]);\n\n  return (\n    <Table {...props} className={cn('relative', className)}>\n      <TableHeader\n        className={cn('bg-bg', isStickyHeader && 'sticky top-0 z-1')}\n      >\n        <TableRow>\n          {hasCheckbox && (\n            <TableHead className={'w-12 p-3'}>\n              <Checkbox\n                className={'mt-1'}\n                checked={isAllRowsSelected(rowKey)}\n                onCheckedChange={(value) =>\n                  handleSelectAllRows(rowKey, !!value)\n                }\n                aria-label=\"Select all\"\n              />\n            </TableHead>\n          )}\n          {hasNumbers && <TableHead className={'w-12 p-2'}>#</TableHead>}\n          {columns\n            .filter((column) => !column.hidden)\n            .map((column) => (\n              <TableHead\n                key={column.key}\n                style={column.styles}\n                className={cn('p-2', column.sortable && 'cursor-pointer')}\n                onClick={() => column.sortable && handleSort(column.dataIndex)}\n              >\n                <div className={'flex items-center gap-2'}>\n                  {column.name}{' '}\n                  {column.sortable &&\n                    (sortObject?.sortField === column.key ? (\n                      <>\n                        {sortObject?.sortOrder === SortOrder.DESC && (\n                          <ArrowDownWideNarrow size={15} />\n                        )}\n                        {sortObject?.sortOrder === SortOrder.ASC && (\n                          <ArrowUpWideNarrow size={15} />\n                        )}\n                      </>\n                    ) : (\n                      <ArrowUpDown size={15} />\n                    ))}\n                </div>\n              </TableHead>\n            ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody className={'[&>tr:nth-child(even)]:bg-bg-secondary'}>\n        {rows.length ? (\n          rows.map((row, index) => (\n            <TableRow\n              key={`${row[rowKey]}`}\n              onClick={() => onRowClick?.(row)}\n              className={cn(onRowClick && 'cursor-pointer')}\n              data-state={isRowSelected(row[rowKey]) && 'selected'}\n            >\n              {hasCheckbox && (\n                <TableCell\n                  className={'w-12 p-3'}\n                  onClick={(evt) => evt.stopPropagation()}\n                >\n                  <Checkbox\n                    className={'mt-1'}\n                    checked={isRowSelected(row[rowKey])}\n                    onCheckedChange={(value) =>\n                      handleSelectRow(row[rowKey], !!value)\n                    }\n                    aria-label=\"Select row\"\n                  />\n                </TableCell>\n              )}\n              {hasNumbers && (\n                <TableCell className={'w-12 p-2'}>\n                  {((params.page as number) - 1) *\n                    ((params.limit || DEFAULT_LIMIT) as number) +\n                    index +\n                    1}\n                </TableCell>\n              )}\n              {columns\n                .filter((column) => !column.hidden)\n                .map((column) => (\n                  <TableCell\n                    className={'text-body-xs-medium max-w-xs p-2'}\n                    style={column.styles}\n                    key={`${index}-${column.key}`}\n                  >\n                    {column.render\n                      ? column.render(get(row, column.dataIndex), row)\n                      : get(row, column.dataIndex, '')}\n                  </TableCell>\n                ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow>\n            <TableCell\n              colSpan={\n                hasNumbers\n                  ? hasCheckbox\n                    ? columns.length + 2\n                    : columns.length + 1\n                  : columns.length\n              }\n            >\n              <Empty />\n            </TableCell>\n          </TableRow>\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n","import { RiArrowDownSLine, RiLayoutColumnLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport { cn } from 'dgz-ui/utils';\nimport { get, isEmpty } from 'lodash';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n  ExportData,\n  type ExportDataInterface,\n  type ExportDataProps,\n} from '../export';\nimport {\n  type FilterInterface,\n  FilterWrapper,\n  type FilterWrapperProps,\n  Search,\n  type SearchProps,\n} from '../filters';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n *   may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n *   (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n  /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n  docs?: TData[];\n  /** Zero-based index of the first item on the current page (if provided by API). */\n  offset?: number;\n  /** Page size (items per page). */\n  limit: number;\n  /** Total number of pages available. */\n  totalPages: number;\n  /** Total number of items across all pages (if available). */\n  total?: number;\n  /** Current page number (1-based). */\n  page: number;\n  /** Convenience counter for the first item index on the page (if provided). */\n  pagingCounter?: number;\n  /** Whether a previous page exists. */\n  hasPrevPage?: boolean;\n  /** Whether a next page exists. */\n  hasNextPage?: boolean;\n  /** Previous page number, if available. */\n  prevPage?: number;\n  /** Next page number, if available. */\n  nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n  TData,\n  TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n  /** Pagination data source. */\n  dataSource?: TPaginationData;\n  /** Callback for parameter changes (pagination, sorting, filtering). */\n  onParamChange?: (param: Record<string, unknown>) => void;\n  /** Whether to enable pagination. */\n  hasPagination?: true;\n  /** Options for the export data dropdown. */\n  exportOptions?: ExportDataInterface[];\n  /** Whether to enable search functionality. */\n  hasSearch?: true;\n  /** Whether the table data is loading. */\n  loading?: boolean;\n  /** Array of filters to display. */\n  filters?: FilterInterface[];\n  /** Array of actions to display. */\n  actions?: ActionInterface[];\n  /** Callback for filter changes. */\n  handleFilterChange?: (filters: Record<string, unknown>) => void;\n  /** Unique key for the table, used for column persistence. */\n  tableKey: string;\n  /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n  dataKey?: keyof TPaginationData;\n  /** Whether to show the columns visibility dropdown. */\n  hasColumnsVisibilityDropdown?: true;\n  /** Callback when columns are updated (e.g., visibility toggled). */\n  onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n  /** Whether the export action is loading. */\n  exportLoading?: boolean;\n  /** Props for the Actions component. */\n  actionProps?: Partial<ActionsProps>;\n  /** Props for the FilterWrapper component. */\n  filterWrapperProps?: Partial<FilterWrapperProps>;\n  /** Props for the ExportData component. */\n  exportOptionsProps?: Partial<ExportDataProps>;\n  searchProps?: Partial<SearchProps>;\n  paginationProps?: Partial<MyPaginationProps>;\n  /** Props for the columns visibility dropdown. */\n  columnsVisibilityProps?: DropdownContainerProps & {\n    title?: ReactNode;\n    resetText?: ReactNode;\n  };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n *   `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * Props Overview\n * - `dataSource` — Paginated data source object that contains rows (see `dataKey`) and pagination metadata.\n * - `columns` — Column definitions passed to `MyTable`.\n * - `onRowClick` — Callback when a row is clicked.\n * - `rowKey` — Property name used as a unique row key.\n * - `hasNumbers` — Whether to show the row numbers column.\n * - `hasSearch` — Set to `true` to display the search input in the header.\n * - `exportOptions` — Export menu options shown by `ExportData` (see `ExportDataInterface[]`).\n * - `exportLoading` — When `true`, shows a spinner in the Export button to indicate an export action is in progress.\n * - `hasCheckbox` — Whether to show the selection checkbox column.\n * - `hasPagination` — Set to `true` to render the pagination footer.\n * - `isStickyHeader` — Whether to keep the table header sticky.\n * - `onParamChange` — Emits parameter changes for pagination/sorting/search/filters.\n * - `dataKey` — Key within `dataSource` that contains the row array. Defaults to `\"docs\"`.\n * - `loading` — If `true`, shows a loading state instead of the table rows.\n * - `tableKey` — Unique key for persisting column visibility state.\n * - `filters` — Filter configurations to render in the header.\n * - `actions` — Header actions independent of selected rows.\n * - `handleFilterChange` — Callback executed when filter values change.\n * - `params` — Current list parameters (pagination, sort, search, filters).\n * - `hasColumnsVisibilityDropdown` — Set to `true` to show the columns customize dropdown.\n * - `onColumnsUpdate` — Notifies parent whenever the internal columns state changes (after formatting/visibility).\n * - `actionProps` — Props passed to the `Actions` component.\n * - `filterWrapperProps` — Props passed to the `FilterWrapper` component.\n * - `exportOptionsProps` — Props passed to the `ExportData` component.\n * - `columnsVisibilityProps` — Props passed to the columns visibility dropdown.\n * - `onSelectedItemsChange` — Callback when selected rows change (requires `hasCheckbox`).\n *\n * Accessibility\n * - Header controls and dropdowns reuse shared primitives that include keyboard and ARIA support.\n *\n * Internationalization\n * - Text such as \"Export\", \"Customize columns\", and \"Reset columns\" are resolved via `react-i18next`.\n *\n * Usage Examples\n * 1) Minimal paginated table (uses default `dataKey = \"docs\"`)\n * ```tsx\n * type User = { id: string; name: string };\n * const data = { docs: [{ id: '1', name: 'Ada' }], page: 1, limit: 10, totalPages: 1 };\n *\n * <DataTable<User>\n *   tableKey=\"users-table\"\n *   columns={[{ key: 'name', name: 'Name' }]}\n *   rowKey=\"id\"\n *   dataSource={data}\n *   hasPagination\n * />\n * ```\n *\n * 2) Custom `dataKey` and column visibility persistence\n * ```tsx\n * type Row = { id: number; title: string };\n * const payload = { items: [{ id: 1, title: 'Hello' }], page: 1, limit: 20, totalPages: 1 };\n *\n * <DataTable<Row>\n *   tableKey=\"posts\"\n *   columns={[{ key: 'title', name: 'Title' }]}\n *   rowKey=\"id\"\n *   dataSource={payload}\n *   dataKey=\"items\"\n *   hasColumnsVisibilityDropdown\n * />\n * ```\n *\n * 3) Responding to user interactions via `onParamChange`\n * ```tsx\n * const [params, setParams] = useState({ page: 1, limit: 10 });\n *\n * <DataTable\n *   tableKey=\"logs\"\n *   columns={[{ key: 'message', name: 'Message' }]}\n *   rowKey=\"id\"\n *   params={params}\n *   onParamChange={setParams}\n *   hasSearch\n *   hasPagination\n * />\n * ```\n *\n * Notes and Best Practices\n * - Ensure `rowKey` points to a stable unique field in `TData` to avoid key collisions.\n * - When arrays like `exportOptions`, `filters`, or `actions` are empty, their sections are not rendered.\n * - Sorting emits `{ sortField, sortOrder }` through `onParamChange` when the user toggles a column sort.\n *\n * Returns\n * - React element that renders a complete data table experience.\n */\nexport const DataTable = <\n  TData,\n  TPaginationData extends PaginationInterface<TData> =\n    PaginationInterface<TData>,\n>({\n  dataSource,\n  columns,\n  onRowClick,\n  rowKey,\n  hasNumbers,\n  hasSearch,\n  exportOptions,\n  hasCheckbox,\n  hasPagination,\n  isStickyHeader,\n  onParamChange,\n  dataKey = 'docs',\n  loading,\n  tableKey,\n  filters,\n  actions,\n  handleFilterChange,\n  params,\n  exportLoading = false,\n  onColumnsUpdate,\n  hasColumnsVisibilityDropdown,\n  onSelectedItemsChange,\n  actionProps,\n  filterWrapperProps,\n  exportOptionsProps,\n  columnsVisibilityProps,\n  paginationProps,\n  searchProps,\n  ...props\n}: DataTableProps<TData, TPaginationData>) => {\n  const { t } = useTranslation();\n  const [selectedRows, setSelectedRows] = useState<TData[keyof TData][]>([]);\n  const { formattedColumns, handleColumnsChange, resetColumns } =\n    useColumns<TData>({ key: tableKey, columns });\n\n  useEffect(() => {\n    onColumnsUpdate?.(formattedColumns);\n  }, [formattedColumns, onColumnsUpdate]);\n\n  useEffect(() => {\n    onSelectedItemsChange?.(selectedRows);\n  }, [selectedRows, onSelectedItemsChange]);\n\n  return (\n    <div\n      className={\n        'border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs'\n      }\n    >\n      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                inputProps={{\n                  ...searchProps?.inputProps,\n                  className: cn('h-8', searchProps?.inputProps?.className),\n                }}\n                className={cn(\n                  'max-w-78 [&_button]:-top-1',\n                  searchProps?.className\n                )}\n                defaultValue={get(params, 'search', '') as string}\n                onSearchChange={(search) =>\n                  onParamChange?.({ ...params, search, page: 1 })\n                }\n              />\n            )}\n          </div>\n          <div className={'flex shrink-0 items-center justify-end gap-3'}>\n            {exportOptions && (\n              <ExportData\n                {...exportOptionsProps}\n                options={exportOptions}\n                loading={exportLoading}\n              />\n            )}\n            {hasColumnsVisibilityDropdown && tableKey && (\n              <DropdownMenu>\n                <DropdownMenuTrigger\n                  asChild\n                  {...columnsVisibilityProps?.triggerProps}\n                >\n                  <Button\n                    variant=\"secondary\"\n                    size={'sm'}\n                    className={'ml-auto rounded-lg px-3'}\n                  >\n                    {columnsVisibilityProps?.title || (\n                      <>\n                        <RiLayoutColumnLine />{' '}\n                        <span className={'hidden lg:inline!'}>\n                          {t('Customize columns')}\n                        </span>\n                        <RiArrowDownSLine />\n                      </>\n                    )}\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  align=\"end\"\n                  {...columnsVisibilityProps?.contentProps}\n                >\n                  <DropdownMenuItem\n                    className=\"capitalize\"\n                    onClick={resetColumns}\n                  >\n                    <RefreshCw />{' '}\n                    {columnsVisibilityProps?.resetText || t('Reset columns')}\n                  </DropdownMenuItem>\n                  <DropdownMenuSeparator />\n                  {formattedColumns.map((column) => {\n                    return (\n                      <DropdownMenuCheckboxItem\n                        key={column.key}\n                        className=\"capitalize\"\n                        checked={!column.hidden}\n                        onCheckedChange={(value) =>\n                          handleColumnsChange(column, !value)\n                        }\n                      >\n                        {column.name}\n                      </DropdownMenuCheckboxItem>\n                    );\n                  })}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n            {actions && <Actions {...actionProps} actions={actions} />}\n            {filters && (\n              <FilterWrapper\n                {...filterWrapperProps}\n                filters={filters}\n                params={params}\n                onChange={handleFilterChange}\n                onFilter={(filter) => {\n                  onParamChange?.({ ...params, ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      <div className={'flex flex-col overflow-auto border-y'}>\n        {!loading ? (\n          <MyTable<TData>\n            {...props}\n            params={{\n              page: dataSource?.page || 1,\n              limit: dataSource?.limit,\n              ...params,\n            }}\n            rows={get(dataSource, dataKey, []) as TData[]}\n            rowKey={rowKey}\n            selectedItems={selectedRows}\n            isStickyHeader={isStickyHeader}\n            columns={formattedColumns}\n            hasCheckbox={hasCheckbox}\n            hasNumbers={hasNumbers}\n            onRowClick={onRowClick}\n            onSelectedItemsChange={setSelectedRows}\n            onSortOrderChange={({ sortField, sortOrder }) => {\n              onParamChange?.({ ...params, sortField, sortOrder });\n            }}\n          />\n        ) : (\n          <Loader />\n        )}\n      </div>\n      {hasPagination && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className=\"text-sm\">\n            <MyLimitSelect\n              onLimitChange={(limit) =>\n                onParamChange?.({ ...params, limit, page: 1 })\n              }\n              defaultValue={dataSource?.limit}\n            />\n          </div>\n          <div className=\"text-muted-foreground text-sm\">\n            {t('{{selectedCount}} of {{total}} row(s) selected', {\n              selectedCount: selectedRows.length,\n              total: dataSource?.total || 0,\n            })}\n          </div>\n          <div>\n            <MyPagination\n              {...paginationProps}\n              onPageChange={(page) => onParamChange?.({ ...params, page })}\n              currentPage={dataSource?.page}\n              totalPages={dataSource?.totalPages}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","_a","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}

package/dist/styles.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-semibold:600;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--primary:var(--color-neutral-950);--secondary:var(--color-neutral-alpha-13);--background:var(--color-neutral-0);--background-secondary:var(--color-neutral-50);--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:#30303033;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius-xs:.125rem;--color-neutral-alpha-0:rgb(from var(--color-neutral-alpha-base)r g b/.01%);--color-neutral-alpha-1:rgb(from var(--color-neutral-alpha-base)r g b/3%);--color-neutral-alpha-2:rgb(from var(--color-neutral-alpha-base)r g b/5%);--color-neutral-alpha-3:rgb(from var(--color-neutral-alpha-base)r g b/7%);--color-neutral-alpha-4:rgb(from var(--color-neutral-alpha-base)r g b/10%);--color-neutral-alpha-5:rgb(from var(--color-neutral-alpha-base)r g b/16%);--color-neutral-alpha-6:rgb(from var(--color-neutral-alpha-base)r g b/20%);--color-neutral-alpha-7:rgb(from var(--color-neutral-alpha-base)r g b/24%);--color-neutral-alpha-8:rgb(from var(--color-neutral-alpha-base)r g b/28%);--color-neutral-alpha-9:rgb(from var(--color-neutral-alpha-base)r g b/32%);--color-neutral-alpha-10:rgb(from var(--color-neutral-alpha-base)r g b/40%);--color-neutral-alpha-11:rgb(from var(--color-neutral-alpha-base)r g b/48%);--color-neutral-alpha-12:rgb(from var(--color-neutral-alpha-base)r g b/56%);--color-neutral-alpha-13:rgb(from var(--color-neutral-alpha-base)r g b/64%);--color-neutral-alpha-14:rgb(from var(--color-neutral-alpha-base)r g b/72%);--color-neutral-alpha-15:rgb(from var(--color-neutral-alpha-base)r g b/80%);--color-neutral-alpha-16:rgb(from var(--color-neutral-alpha-base)r g b/88%);--color-neutral-inverted-0:rgb(from var(--color-neutral-base)r g b/.01%);--color-neutral-inverted-1:rgb(from var(--color-neutral-base)r g b/3%);--color-neutral-inverted-2:rgb(from var(--color-neutral-base)r g b/5%);--color-neutral-inverted-3:rgb(from var(--color-neutral-base)r g b/7%);--color-neutral-inverted-4:rgb(from var(--color-neutral-base)r g b/10%);--color-neutral-inverted-5:rgb(from var(--color-neutral-base)r g b/16%);--color-neutral-inverted-6:rgb(from var(--color-neutral-base)r g b/20%);--color-neutral-inverted-7:rgb(from var(--color-neutral-base)r g b/24%);--color-neutral-inverted-8:rgb(from var(--color-neutral-base)r g b/28%);--color-neutral-inverted-9:rgb(from var(--color-neutral-base)r g b/32%);--color-neutral-inverted-10:rgb(from var(--color-neutral-base)r g b/40%);--color-neutral-inverted-11:rgb(from var(--color-neutral-base)r g b/48%);--color-neutral-inverted-12:rgb(from var(--color-neutral-base)r g b/56%);--color-neutral-inverted-13:rgb(from var(--color-neutral-base)r g b/64%);--color-neutral-inverted-14:rgb(from var(--color-neutral-base)r g b/72%);--color-neutral-inverted-15:rgb(from var(--color-neutral-base)r g b/80%);--color-neutral-inverted-16:rgb(from var(--color-neutral-base)r g b/88%);--color-item-primary:var(--color-neutral-950);--color-item-secondary:var(--color-neutral-alpha-13);--color-item-tertiary:var(--color-neutral-alpha-10);--color-item-quaternary:var(--color-neutral-alpha-7);--color-item-primary-primary:var(--color-blue-600);--color-item-primary-primary-hover:var(--color-blue-700);--color-item-primary-primary-active:var(--color-blue-600);--color-item-primary-primary-focus:var(--color-blue-200);--color-item-primary-secondary:var(--color-neutral-0);--color-item-primary-secondary-hover:var(--color-neutral-50);--color-item-primary-secondary-active:var(--color-neutral-100);--color-item-primary-tertiary:var(--color-neutral-alpha-1);--color-item-primary-tertiary-hover:var(--color-neutral-alpha-2);--color-item-primary-tertiary-active:var(--color-neutral-alpha-3);--color-item-primary-ghost:var(--color-neutral-alpha-0);--color-item-primary-ghost-hover:var(--color-neutral-alpha-2);--color-item-primary-ghost-active:var(--color-neutral-alpha-3);--color-item-primary-destructive:var(--color-red-600);--color-item-primary-destructive-hover:var(--color-red-700);--color-item-primary-destructive-active:var(--color-red-600);--color-item-primary-destructive-focus:var(--color-red-200);--color-item-inverted:var(--color-neutral-0);--color-item-inverted-secondary:var(--color-neutral-inverted-13);--color-item-inverted-tertiary:var(--color-neutral-inverted-10);--color-item-inverted-quaternary:var(--color-neutral-inverted-7);--color-item-fixed:#090a0c;--color-item-fixed-secondary:#16191da3;--color-item-fixed-tertiary:#16191d66;--color-item-fixed-quaternary:#16191d3d;--color-item-fixed-inverted:var(--color-neutral-0);--color-item-fixed-inverted-secondary:var(--color-neutral-inverted-13);--color-item-fixed-inverted-tertiary:var(--color-neutral-inverted-10);--color-item-fixed-inverted-quaternary:var(--color-neutral-inverted-7);--color-surface-base-primary:var(--color-neutral-0);--color-surface-base-secondary:var(--color-neutral-50);--color-surface-base-tertiary:var(--color-neutral-100);--color-surface-component-primary:var(--color-neutral-0);--color-surface-component-secondary:var(--color-neutral-0);--color-surface-component-tertiary:var(--color-neutral-0);--color-surface-base-inverted:var(--color-neutral-950);--color-surface-overlay:#343434;--color-surface-muted:var(--color-neutral-0);--color-surface-muted-hover:var(--color-neutral-50);--color-surface-muted-pressed:var(--color-neutral-100);--color-shadows-inner-0:rgba(var(--color-neutral-base),0);--color-shadows-inner-1:#16191d;--color-shadows-inner-2:#16191d;--color-shadows-drop-1:#16191d;--color-shadows-drop-2:#16191d;--color-shadows-drop-3:#16191d;--color-shadows-drop-4:#16191d;--color-shadows-highlight-1:var(--color-blue-200);--color-shadows-highlight-2:var(--color-blue-500);--color-shadows-danger-1:var(--color-red-200);--color-shadows-danger-2:#ee3a3a;--color-shadows-card-border:#16191d;--color-shadows-card-border-2:#16191d;--color-border-base:var(--border);--color-border-alpha-strong:var(--color-neutral-alpha-6);--color-border-alpha-light:var(--color-neutral-alpha-3);--color-border-alpha-subtle:var(--color-neutral-alpha-4);--color-border-light:var(--color-neutral-200)}.dark{--background:var(--color-neutral-0);--background-secondary:var(--color-neutral-alpha-base);--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:#fff3;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%;--sidebar:var(--background);--sidebar-foreground:#f4f4f5;--sidebar-primary:#1d4ed8;--sidebar-primary-foreground:#fff;--sidebar-accent:#27272a;--sidebar-accent-foreground:#f4f4f5;--sidebar-border:#27272a;--sidebar-ring:#3b82f6;--color-item-secondary:var(--color-neutral-inverted-13);--color-item-primary-tertiary:var(--color-neutral-inverted-2);--color-item-primary-tertiary-hover:var(--color-neutral-inverted-3);--color-item-primary-tertiary-active:var(--color-neutral-inverted-4);--color-surface-base-secondary:var(--color-neutral-inverted-2);--color-surface-base-tertiary:var(--color-neutral-200);--color-surface-component-primary:var(--color-neutral-100);--color-surface-component-secondary:var(--color-neutral-200);--color-surface-component-tertiary:#383838;--color-surface-base-inverted:var(--color-neutral-base);--color-surface-overlay:var(--color-neutral-inverted-3);--color-surface-muted:var(--color-neutral-100);--color-surface-muted-hover:var(--color-neutral-200);--color-surface-muted-pressed:#383838;--color-border-strong:var(--color-neutral-inverted-6);--color-shadow-inner-0:rgb(from var(--color-neutral-base)r g b/12%);--color-shadow-inner-1:rgb(from var(--color-neutral-base)r g b/8%);--color-shadow-inner-2:rgb(from var(--color-neutral-base)r g b/12%);--color-shadow-drop-1:#0000001f;--color-shadow-drop-2:#0003;--color-shadow-drop-3:#00000047;--color-shadow-drop-4:#0000005c;--color-shadow-card-border:rgb(from var(--color-neutral-base)r g b/12%);--color-shadow-card-border-2:rgb(from var(--color-neutral-base)r g b/0%);--color-border-alpha-strong:var(--color-neutral-inverted-6);--color-border-alpha-light:var(--color-neutral-inverted-4);--color-border-alpha-subtle:var(--color-neutral-inverted-5)}:root{--sidebar:var(--background-secondary);--sidebar-foreground:var(--primary);--sidebar-primary:#18181b;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f4f4f5;--sidebar-accent-foreground:#18181b;--sidebar-border:#e5e7eb;--sidebar-ring:#3b82f6}*{border-color:var(--color-border-alpha-light)}body{background-color:var(--background);font-family:var(--font-family-base);color:var(--color-item-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing)*2.5)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-8{right:calc(var(--spacing)*8)}.-bottom-5{bottom:calc(var(--spacing)*-5)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-auto{bottom:auto}.left-2{left:calc(var(--spacing)*2)}.z-1{z-index:1}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-0\!{margin:calc(var(--spacing)*0)!important}.mx-auto{margin-inline:auto}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-full{width:100%;height:100%}.h-8{height:calc(var(--spacing)*8)}.h-8\.5{height:calc(var(--spacing)*8.5)}.h-16{height:calc(var(--spacing)*16)}.h-\[1\.2rem\]{height:1.2rem}.h-full{height:100%}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.max-h-full{max-height:100%}.min-h-10{min-height:calc(var(--spacing)*10)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-17{width:calc(var(--spacing)*17)}.w-\[1\.2rem\]{width:1.2rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-60{max-width:calc(var(--spacing)*60)}.max-w-\[95\%\]{max-width:95%}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-20{min-width:calc(var(--spacing)*20)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-border-alpha-light{border-color:var(--color-border-alpha-light)}.border-item-primary{border-color:var(--color-item-primary-primary)}.border-transparent{border-color:#0000}.bg-bg,.bg-bg\/70{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-bg\/70{background-color:color-mix(in oklab,var(--background)70%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-transparent\!{background-color:#0000!important}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.text-center{text-align:center}.text-start{text-align:start}.text-body-sm-medium{font-size:.875rem;line-height:var(--tw-leading,1.25rem);font-weight:var(--tw-font-weight,500)}.text-body-xs-medium{font-size:.75rem;line-height:var(--tw-leading,1.125rem);font-weight:var(--tw-font-weight,500)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-foreground{color:var(--foreground)}.text-item-primary{color:var(--color-item-primary-primary)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-red-600{color:var(--color-red-600)}.text-secondary{color:var(--color-item-secondary)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.accent-foreground{accent-color:var(--foreground)}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:border-item-primary:hover{border-color:var(--color-item-primary-primary)}.hover\:opacity-80:hover{opacity:.8}}@media(min-width:64rem){.lg\:\!inline,.lg\:inline\!{display:inline!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:96rem){.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:scale-0:is(.dark *){--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:scale-100:is(.dark *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:-rotate-90:is(.dark *){rotate:-90deg}.dark\:rotate-0:is(.dark *){rotate:none}.\[\&\>tr\:nth-child\(even\)\]\:bg-bg-secondary>tr:nth-child(2n){background-color:var(--background-secondary)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--color-neutral-base:#fff;--color-neutral-0:var(--color-neutral-base);--color-neutral-50:#f9f9f9;--color-neutral-100:#f6f6f6;--color-neutral-200:#efefef;--color-neutral-300:#d8d8d8;--color-neutral-400:#a5a5a5;--color-neutral-500:#757575;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#252525;--color-neutral-900:#202020;--color-neutral-950:#171717;--color-neutral-alpha-base:#303030;--color-blue-50:#f0f7ff;--color-blue-100:#e5f2ff;--color-blue-200:#cce5ff;--color-blue-300:#9cf;--color-blue-400:#66b2ff;--color-blue-500:#1487fa;--color-blue-600:#1380ed;--color-blue-700:#1a79d8;--color-blue-800:#1d67b0;--color-blue-900:#1f558a;--color-blue-950:#173654;--color-green-50:#e8fcef;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#81eea8;--color-green-400:#41dd7a;--color-green-500:#22c55d;--color-green-600:#17a34a;--color-green-700:#1a8f44;--color-green-800:#176936;--color-green-900:#14532d;--color-green-950:#052e16;--color-lime-50:#f3fddd;--color-lime-100:#ecfbcb;--color-lime-200:#d6f995;--color-lime-300:#bff164;--color-lime-400:#a3e635;--color-lime-500:#84cc15;--color-lime-600:#6bad0d;--color-lime-700:#581;--color-lime-800:#426713;--color-lime-900:#365313;--color-lime-950:#1b2d06;--color-cyan-50:#ecfeff;--color-cyan-100:#cefafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#24d3ee;--color-cyan-500:#00c3e4;--color-cyan-600:#02abd3;--color-cyan-700:#0586a9;--color-cyan-800:#0d6783;--color-cyan-900:#164e63;--color-cyan-950:#093344;--color-orange-50:#fff7d6;--color-orange-100:#fef0b9;--color-orange-200:#fde277;--color-orange-300:#fbd44c;--color-orange-400:#fbbf24;--color-orange-500:#f59e0c;--color-orange-600:#d97708;--color-orange-700:#b4540a;--color-orange-800:#92400d;--color-orange-900:#78350f;--color-orange-950:#451b03;--color-red-50:#fef6f6;--color-red-100:#fee7e6;--color-red-200:#fed7d7;--color-red-300:#fdb9b9;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2625;--color-red-700:#c81e1d;--color-red-800:#a01c1c;--color-red-900:#7f1c1d;--color-red-950:#450a0a;--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-200:#ddd6fe;--color-purple-300:#c3b6fd;--color-purple-400:#a88bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-purple-800:#5b21b6;--color-purple-900:#4c1d95;--color-purple-950:#2e1065;--color-indigo-50:#eef2ff;--color-indigo-100:#ede9fe;--color-indigo-200:#ddd6fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b}.dark{--color-neutral-0:#131313;--color-neutral-50:#161616;--color-neutral-100:#202020;--color-neutral-200:#252525;--color-neutral-300:#404040;--color-neutral-400:#525252;--color-neutral-500:#757575;--color-neutral-600:#a3a3a3;--color-neutral-700:#e5e5e5;--color-neutral-800:#f5f5f5;--color-neutral-900:#f8f8f8;--color-neutral-950:#fff;--color-neutral-alpha-base:#202020;--color-blue-50:#11273c;--color-blue-100:#1d4f81;--color-blue-200:#1b61a6;--color-blue-300:#1b76d0;--color-blue-400:#1282f3;--color-blue-500:#0078f0;--color-blue-600:#5cadff;--color-blue-700:#8fc7ff;--color-blue-800:#c2e0ff;--color-blue-900:#dbedff;--color-blue-950:#e5f2ff;--color-green-50:#042512;--color-green-100:#124a28;--color-green-200:#176936;--color-green-300:#1a8f44;--color-green-400:#17a34a;--color-green-500:#20bb58;--color-green-600:#41dd7a;--color-green-700:#78eda2;--color-green-800:#adf5c6;--color-green-900:#d5fbe2;--color-green-950:#e4fcec;--color-lime-50:#1e3107;--color-lime-100:#333;--color-lime-200:#436813;--color-lime-300:#558910;--color-lime-400:#66a60d;--color-lime-500:#81c714;--color-lime-600:#9ce425;--color-lime-700:#b9f057;--color-lime-800:#d4f890;--color-lime-900:#e7fabd;--color-lime-950:#f2fdd8;--color-cyan-50:#072936;--color-cyan-100:#134558;--color-cyan-200:#0c5b74;--color-cyan-300:#047e9f;--color-cyan-400:#02a4ca;--color-cyan-500:#00bbdb;--color-cyan-600:#1cd1ed;--color-cyan-700:#5de7f9;--color-cyan-800:#9cf2fc;--color-cyan-900:#c8f9fe;--color-cyan-950:#e5feff;--color-orange-50:#3b1703;--color-orange-100:#6d300e;--color-orange-200:#883c0c;--color-orange-300:#a94f09;--color-orange-400:#cf7108;--color-orange-500:#eb970a;--color-orange-600:#fbba14;--color-orange-700:#fbcf37;--color-orange-800:#fde37d;--color-orange-900:#fef0b9;--color-orange-950:#fff6d1;--color-red-50:#430909;--color-red-100:#751a1b;--color-red-200:#8f1919;--color-red-300:#bb1c1b;--color-red-400:#dc2423;--color-red-500:#ee3a3a;--color-red-600:#f75959;--color-red-700:#fc7373;--color-red-800:#fec8c8;--color-red-900:#fee2e1;--color-red-950:#fef1f1;--color-purple-50:#2a0f5c;--color-purple-100:#481b8d;--color-purple-200:#561fad;--color-purple-300:#6825d0;--color-purple-400:#7936ed;--color-purple-500:#8756f6;--color-purple-600:#a385fa;--color-purple-700:#beb0fd;--color-purple-800:#dad2fe;--color-purple-900:#e7e2fe;--color-purple-950:#f2f0ff;--color-indigo-50:#1e1b4b;--color-indigo-100:#312e81;--color-indigo-200:#3730a3;--color-indigo-300:#4338ca;--color-indigo-400:#4f46e5;--color-indigo-500:#6366f1;--color-indigo-600:#818cf8;--color-indigo-700:#a5b4fc;--color-indigo-800:#ddd6fe;--color-indigo-900:#ede9fe;--color-indigo-950:#eef2ff}.Toastify__toast-container.Toastify__toast-container--bottom-left{display:none}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-semibold:600;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--primary:var(--color-neutral-950);--secondary:var(--color-neutral-alpha-13);--background:var(--color-neutral-0);--background-secondary:var(--color-neutral-50);--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:#30303033;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius-xs:.125rem;--color-neutral-alpha-0:rgb(from var(--color-neutral-alpha-base)r g b/.01%);--color-neutral-alpha-1:rgb(from var(--color-neutral-alpha-base)r g b/3%);--color-neutral-alpha-2:rgb(from var(--color-neutral-alpha-base)r g b/5%);--color-neutral-alpha-3:rgb(from var(--color-neutral-alpha-base)r g b/7%);--color-neutral-alpha-4:rgb(from var(--color-neutral-alpha-base)r g b/10%);--color-neutral-alpha-5:rgb(from var(--color-neutral-alpha-base)r g b/16%);--color-neutral-alpha-6:rgb(from var(--color-neutral-alpha-base)r g b/20%);--color-neutral-alpha-7:rgb(from var(--color-neutral-alpha-base)r g b/24%);--color-neutral-alpha-8:rgb(from var(--color-neutral-alpha-base)r g b/28%);--color-neutral-alpha-9:rgb(from var(--color-neutral-alpha-base)r g b/32%);--color-neutral-alpha-10:rgb(from var(--color-neutral-alpha-base)r g b/40%);--color-neutral-alpha-11:rgb(from var(--color-neutral-alpha-base)r g b/48%);--color-neutral-alpha-12:rgb(from var(--color-neutral-alpha-base)r g b/56%);--color-neutral-alpha-13:rgb(from var(--color-neutral-alpha-base)r g b/64%);--color-neutral-alpha-14:rgb(from var(--color-neutral-alpha-base)r g b/72%);--color-neutral-alpha-15:rgb(from var(--color-neutral-alpha-base)r g b/80%);--color-neutral-alpha-16:rgb(from var(--color-neutral-alpha-base)r g b/88%);--color-neutral-inverted-0:rgb(from var(--color-neutral-base)r g b/.01%);--color-neutral-inverted-1:rgb(from var(--color-neutral-base)r g b/3%);--color-neutral-inverted-2:rgb(from var(--color-neutral-base)r g b/5%);--color-neutral-inverted-3:rgb(from var(--color-neutral-base)r g b/7%);--color-neutral-inverted-4:rgb(from var(--color-neutral-base)r g b/10%);--color-neutral-inverted-5:rgb(from var(--color-neutral-base)r g b/16%);--color-neutral-inverted-6:rgb(from var(--color-neutral-base)r g b/20%);--color-neutral-inverted-7:rgb(from var(--color-neutral-base)r g b/24%);--color-neutral-inverted-8:rgb(from var(--color-neutral-base)r g b/28%);--color-neutral-inverted-9:rgb(from var(--color-neutral-base)r g b/32%);--color-neutral-inverted-10:rgb(from var(--color-neutral-base)r g b/40%);--color-neutral-inverted-11:rgb(from var(--color-neutral-base)r g b/48%);--color-neutral-inverted-12:rgb(from var(--color-neutral-base)r g b/56%);--color-neutral-inverted-13:rgb(from var(--color-neutral-base)r g b/64%);--color-neutral-inverted-14:rgb(from var(--color-neutral-base)r g b/72%);--color-neutral-inverted-15:rgb(from var(--color-neutral-base)r g b/80%);--color-neutral-inverted-16:rgb(from var(--color-neutral-base)r g b/88%);--color-item-primary:var(--color-neutral-950);--color-item-secondary:var(--color-neutral-alpha-13);--color-item-tertiary:var(--color-neutral-alpha-10);--color-item-quaternary:var(--color-neutral-alpha-7);--color-item-primary-primary:var(--color-blue-600);--color-item-primary-primary-hover:var(--color-blue-700);--color-item-primary-primary-active:var(--color-blue-600);--color-item-primary-primary-focus:var(--color-blue-200);--color-item-primary-secondary:var(--color-neutral-0);--color-item-primary-secondary-hover:var(--color-neutral-50);--color-item-primary-secondary-active:var(--color-neutral-100);--color-item-primary-tertiary:var(--color-neutral-alpha-1);--color-item-primary-tertiary-hover:var(--color-neutral-alpha-2);--color-item-primary-tertiary-active:var(--color-neutral-alpha-3);--color-item-primary-ghost:var(--color-neutral-alpha-0);--color-item-primary-ghost-hover:var(--color-neutral-alpha-2);--color-item-primary-ghost-active:var(--color-neutral-alpha-3);--color-item-primary-destructive:var(--color-red-600);--color-item-primary-destructive-hover:var(--color-red-700);--color-item-primary-destructive-active:var(--color-red-600);--color-item-primary-destructive-focus:var(--color-red-200);--color-item-inverted:var(--color-neutral-0);--color-item-inverted-secondary:var(--color-neutral-inverted-13);--color-item-inverted-tertiary:var(--color-neutral-inverted-10);--color-item-inverted-quaternary:var(--color-neutral-inverted-7);--color-item-fixed:#090a0c;--color-item-fixed-secondary:#16191da3;--color-item-fixed-tertiary:#16191d66;--color-item-fixed-quaternary:#16191d3d;--color-item-fixed-inverted:var(--color-neutral-0);--color-item-fixed-inverted-secondary:var(--color-neutral-inverted-13);--color-item-fixed-inverted-tertiary:var(--color-neutral-inverted-10);--color-item-fixed-inverted-quaternary:var(--color-neutral-inverted-7);--color-surface-base-primary:var(--color-neutral-0);--color-surface-base-secondary:var(--color-neutral-50);--color-surface-base-tertiary:var(--color-neutral-100);--color-surface-component-primary:var(--color-neutral-0);--color-surface-component-secondary:var(--color-neutral-0);--color-surface-component-tertiary:var(--color-neutral-0);--color-surface-base-inverted:var(--color-neutral-950);--color-surface-overlay:#343434;--color-surface-muted:var(--color-neutral-0);--color-surface-muted-hover:var(--color-neutral-50);--color-surface-muted-pressed:var(--color-neutral-100);--color-shadows-inner-0:rgba(var(--color-neutral-base),0);--color-shadows-inner-1:#16191d;--color-shadows-inner-2:#16191d;--color-shadows-drop-1:#16191d;--color-shadows-drop-2:#16191d;--color-shadows-drop-3:#16191d;--color-shadows-drop-4:#16191d;--color-shadows-highlight-1:var(--color-blue-200);--color-shadows-highlight-2:var(--color-blue-500);--color-shadows-danger-1:var(--color-red-200);--color-shadows-danger-2:#ee3a3a;--color-shadows-card-border:#16191d;--color-shadows-card-border-2:#16191d;--color-border-base:var(--border);--color-border-alpha-strong:var(--color-neutral-alpha-6);--color-border-alpha-light:var(--color-neutral-alpha-3);--color-border-alpha-subtle:var(--color-neutral-alpha-4);--color-border-light:var(--color-neutral-200)}.dark{--background:var(--color-neutral-0);--background-secondary:var(--color-neutral-alpha-base);--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:#fff3;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%;--sidebar:var(--background);--sidebar-foreground:#f4f4f5;--sidebar-primary:#1d4ed8;--sidebar-primary-foreground:#fff;--sidebar-accent:#27272a;--sidebar-accent-foreground:#f4f4f5;--sidebar-border:#27272a;--sidebar-ring:#3b82f6;--color-item-secondary:var(--color-neutral-inverted-13);--color-item-primary-tertiary:var(--color-neutral-inverted-2);--color-item-primary-tertiary-hover:var(--color-neutral-inverted-3);--color-item-primary-tertiary-active:var(--color-neutral-inverted-4);--color-surface-base-secondary:var(--color-neutral-inverted-2);--color-surface-base-tertiary:var(--color-neutral-200);--color-surface-component-primary:var(--color-neutral-100);--color-surface-component-secondary:var(--color-neutral-200);--color-surface-component-tertiary:#383838;--color-surface-base-inverted:var(--color-neutral-base);--color-surface-overlay:var(--color-neutral-inverted-3);--color-surface-muted:var(--color-neutral-100);--color-surface-muted-hover:var(--color-neutral-200);--color-surface-muted-pressed:#383838;--color-border-strong:var(--color-neutral-inverted-6);--color-shadow-inner-0:rgb(from var(--color-neutral-base)r g b/12%);--color-shadow-inner-1:rgb(from var(--color-neutral-base)r g b/8%);--color-shadow-inner-2:rgb(from var(--color-neutral-base)r g b/12%);--color-shadow-drop-1:#0000001f;--color-shadow-drop-2:#0003;--color-shadow-drop-3:#00000047;--color-shadow-drop-4:#0000005c;--color-shadow-card-border:rgb(from var(--color-neutral-base)r g b/12%);--color-shadow-card-border-2:rgb(from var(--color-neutral-base)r g b/0%);--color-border-alpha-strong:var(--color-neutral-inverted-6);--color-border-alpha-light:var(--color-neutral-inverted-4);--color-border-alpha-subtle:var(--color-neutral-inverted-5)}:root{--sidebar:var(--background-secondary);--sidebar-foreground:var(--primary);--sidebar-primary:#18181b;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f4f4f5;--sidebar-accent-foreground:#18181b;--sidebar-border:#e5e7eb;--sidebar-ring:#3b82f6}*{border-color:var(--color-border-alpha-light)}body{background-color:var(--background);font-family:var(--font-family-base);color:var(--color-item-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing)*2.5)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-8{right:calc(var(--spacing)*8)}.-bottom-5{bottom:calc(var(--spacing)*-5)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-auto{bottom:auto}.left-2{left:calc(var(--spacing)*2)}.z-1{z-index:1}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-0\!{margin:calc(var(--spacing)*0)!important}.mx-auto{margin-inline:auto}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-full{width:100%;height:100%}.h-8{height:calc(var(--spacing)*8)}.h-8\.5{height:calc(var(--spacing)*8.5)}.h-16{height:calc(var(--spacing)*16)}.h-\[1\.2rem\]{height:1.2rem}.h-full{height:100%}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.max-h-full{max-height:100%}.min-h-10{min-height:calc(var(--spacing)*10)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-17{width:calc(var(--spacing)*17)}.w-\[1\.2rem\]{width:1.2rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-78{max-width:calc(var(--spacing)*78)}.max-w-\[95\%\]{max-width:95%}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-20{min-width:calc(var(--spacing)*20)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-border-alpha-light{border-color:var(--color-border-alpha-light)}.border-item-primary{border-color:var(--color-item-primary-primary)}.border-transparent{border-color:#0000}.bg-bg,.bg-bg\/70{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-bg\/70{background-color:color-mix(in oklab,var(--background)70%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-transparent\!{background-color:#0000!important}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.text-center{text-align:center}.text-start{text-align:start}.text-body-sm-medium{font-size:.875rem;line-height:var(--tw-leading,1.25rem);font-weight:var(--tw-font-weight,500)}.text-body-xs-medium{font-size:.75rem;line-height:var(--tw-leading,1.125rem);font-weight:var(--tw-font-weight,500)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-foreground{color:var(--foreground)}.text-item-primary{color:var(--color-item-primary-primary)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-red-600{color:var(--color-red-600)}.text-secondary{color:var(--color-item-secondary)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.accent-foreground{accent-color:var(--foreground)}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:border-item-primary:hover{border-color:var(--color-item-primary-primary)}.hover\:opacity-80:hover{opacity:.8}}@media(min-width:64rem){.lg\:\!inline,.lg\:inline\!{display:inline!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:96rem){.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:scale-0:is(.dark *){--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:scale-100:is(.dark *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:-rotate-90:is(.dark *){rotate:-90deg}.dark\:rotate-0:is(.dark *){rotate:none}.\[\&_button\]\:-top-1 button{top:calc(var(--spacing)*-1)}.\[\&\>tr\:nth-child\(even\)\]\:bg-bg-secondary>tr:nth-child(2n){background-color:var(--background-secondary)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--color-neutral-base:#fff;--color-neutral-0:var(--color-neutral-base);--color-neutral-50:#f9f9f9;--color-neutral-100:#f6f6f6;--color-neutral-200:#efefef;--color-neutral-300:#d8d8d8;--color-neutral-400:#a5a5a5;--color-neutral-500:#757575;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#252525;--color-neutral-900:#202020;--color-neutral-950:#171717;--color-neutral-alpha-base:#303030;--color-blue-50:#f0f7ff;--color-blue-100:#e5f2ff;--color-blue-200:#cce5ff;--color-blue-300:#9cf;--color-blue-400:#66b2ff;--color-blue-500:#1487fa;--color-blue-600:#1380ed;--color-blue-700:#1a79d8;--color-blue-800:#1d67b0;--color-blue-900:#1f558a;--color-blue-950:#173654;--color-green-50:#e8fcef;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#81eea8;--color-green-400:#41dd7a;--color-green-500:#22c55d;--color-green-600:#17a34a;--color-green-700:#1a8f44;--color-green-800:#176936;--color-green-900:#14532d;--color-green-950:#052e16;--color-lime-50:#f3fddd;--color-lime-100:#ecfbcb;--color-lime-200:#d6f995;--color-lime-300:#bff164;--color-lime-400:#a3e635;--color-lime-500:#84cc15;--color-lime-600:#6bad0d;--color-lime-700:#581;--color-lime-800:#426713;--color-lime-900:#365313;--color-lime-950:#1b2d06;--color-cyan-50:#ecfeff;--color-cyan-100:#cefafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#24d3ee;--color-cyan-500:#00c3e4;--color-cyan-600:#02abd3;--color-cyan-700:#0586a9;--color-cyan-800:#0d6783;--color-cyan-900:#164e63;--color-cyan-950:#093344;--color-orange-50:#fff7d6;--color-orange-100:#fef0b9;--color-orange-200:#fde277;--color-orange-300:#fbd44c;--color-orange-400:#fbbf24;--color-orange-500:#f59e0c;--color-orange-600:#d97708;--color-orange-700:#b4540a;--color-orange-800:#92400d;--color-orange-900:#78350f;--color-orange-950:#451b03;--color-red-50:#fef6f6;--color-red-100:#fee7e6;--color-red-200:#fed7d7;--color-red-300:#fdb9b9;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2625;--color-red-700:#c81e1d;--color-red-800:#a01c1c;--color-red-900:#7f1c1d;--color-red-950:#450a0a;--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-200:#ddd6fe;--color-purple-300:#c3b6fd;--color-purple-400:#a88bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-purple-800:#5b21b6;--color-purple-900:#4c1d95;--color-purple-950:#2e1065;--color-indigo-50:#eef2ff;--color-indigo-100:#ede9fe;--color-indigo-200:#ddd6fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b}.dark{--color-neutral-0:#131313;--color-neutral-50:#161616;--color-neutral-100:#202020;--color-neutral-200:#252525;--color-neutral-300:#404040;--color-neutral-400:#525252;--color-neutral-500:#757575;--color-neutral-600:#a3a3a3;--color-neutral-700:#e5e5e5;--color-neutral-800:#f5f5f5;--color-neutral-900:#f8f8f8;--color-neutral-950:#fff;--color-neutral-alpha-base:#202020;--color-blue-50:#11273c;--color-blue-100:#1d4f81;--color-blue-200:#1b61a6;--color-blue-300:#1b76d0;--color-blue-400:#1282f3;--color-blue-500:#0078f0;--color-blue-600:#5cadff;--color-blue-700:#8fc7ff;--color-blue-800:#c2e0ff;--color-blue-900:#dbedff;--color-blue-950:#e5f2ff;--color-green-50:#042512;--color-green-100:#124a28;--color-green-200:#176936;--color-green-300:#1a8f44;--color-green-400:#17a34a;--color-green-500:#20bb58;--color-green-600:#41dd7a;--color-green-700:#78eda2;--color-green-800:#adf5c6;--color-green-900:#d5fbe2;--color-green-950:#e4fcec;--color-lime-50:#1e3107;--color-lime-100:#333;--color-lime-200:#436813;--color-lime-300:#558910;--color-lime-400:#66a60d;--color-lime-500:#81c714;--color-lime-600:#9ce425;--color-lime-700:#b9f057;--color-lime-800:#d4f890;--color-lime-900:#e7fabd;--color-lime-950:#f2fdd8;--color-cyan-50:#072936;--color-cyan-100:#134558;--color-cyan-200:#0c5b74;--color-cyan-300:#047e9f;--color-cyan-400:#02a4ca;--color-cyan-500:#00bbdb;--color-cyan-600:#1cd1ed;--color-cyan-700:#5de7f9;--color-cyan-800:#9cf2fc;--color-cyan-900:#c8f9fe;--color-cyan-950:#e5feff;--color-orange-50:#3b1703;--color-orange-100:#6d300e;--color-orange-200:#883c0c;--color-orange-300:#a94f09;--color-orange-400:#cf7108;--color-orange-500:#eb970a;--color-orange-600:#fbba14;--color-orange-700:#fbcf37;--color-orange-800:#fde37d;--color-orange-900:#fef0b9;--color-orange-950:#fff6d1;--color-red-50:#430909;--color-red-100:#751a1b;--color-red-200:#8f1919;--color-red-300:#bb1c1b;--color-red-400:#dc2423;--color-red-500:#ee3a3a;--color-red-600:#f75959;--color-red-700:#fc7373;--color-red-800:#fec8c8;--color-red-900:#fee2e1;--color-red-950:#fef1f1;--color-purple-50:#2a0f5c;--color-purple-100:#481b8d;--color-purple-200:#561fad;--color-purple-300:#6825d0;--color-purple-400:#7936ed;--color-purple-500:#8756f6;--color-purple-600:#a385fa;--color-purple-700:#beb0fd;--color-purple-800:#dad2fe;--color-purple-900:#e7e2fe;--color-purple-950:#f2f0ff;--color-indigo-50:#1e1b4b;--color-indigo-100:#312e81;--color-indigo-200:#3730a3;--color-indigo-300:#4338ca;--color-indigo-400:#4f46e5;--color-indigo-500:#6366f1;--color-indigo-600:#818cf8;--color-indigo-700:#a5b4fc;--color-indigo-800:#ddd6fe;--color-indigo-900:#ede9fe;--color-indigo-950:#eef2ff}.Toastify__toast-container.Toastify__toast-container--bottom-left{display:none}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/types/components/datatable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/DataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/DataTable.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dgz-ui-shared",
-  "version": "1.2.12",
+  "version": "1.2.14",
   "description": "Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library",
   "keywords": [
     "dgz-ui",
@@ -175,6 +175,7 @@
   "dependencies": {
     "@hookform/resolvers": "^5.0.1",
     "dayjs": "^1.11.19",
+    "dgz-ui": "^1.4.7",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.21",
     "lucide-react": "^0.563.0",
@@ -216,7 +217,7 @@
     "vitest": "^3.1.4"
   },
   "peerDependencies": {
-    "dgz-ui": "^1.4.6",
+    "dgz-ui": "^1.4.7",
     "i18next": "^25.8.0",
     "react": "^19.0.1",
     "react-dom": "^19.0.1",