@mage-ui/components 1.0.146 → 1.0.148

package/dist/components/data-display/datatables/DataTable.d.mts

@@ -84,6 +84,7 @@ type DataTableProps<Data> = {
   classNames?: DataTableClassNames;
   options?: DataTableManagedOptions<Data>;
   labels?: Partial<DataTableLabels>;
+  getRowClassName?: (row: Data) => string | undefined;
 } & DataTableTableConfig;
 declare const DataTable: <Data>({
   classNames,
@@ -100,6 +101,7 @@ declare const DataTable: <Data>({
   onRefresh,
   options,
   labels,
+  getRowClassName,
   ...tableProps
 }: DataTableProps<Data>) => ReactNode;
 //#endregion

package/dist/components/data-display/datatables/DataTable.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTable.tsx"],"mappings":";;;;;;;;KA+BY,eAAA,GAAkB,MAAA;AAAA,KAElB,sBAAA;EACV,KAAA,EAAO,YAAA;EACP,QAAA,EAAU,UAAA,CAAW,YAAA;AAAA;AAAA,KAGX,yBAAA;EACV,WAAA;EACA,QAAA;EACA,QAAA,EAAU,UAAA,CAAW,eAAA;EACrB,SAAA;EACA,QAAA;AAAA;AAAA,KAGU,mBAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;EAAA;EAEF,OAAA,IACE,GAAA,WACA,QAAA,UACA,IAAA;AAAA;AAAA,KAIQ,wBAAA;EACV,KAAA,EAAO,iBAAA;EACP,QAAA,EAAU,UAAA,CAAW,iBAAA;EACrB,QAAA,IAAY,GAAA,EAAK,IAAA;EACjB,aAAA,IAAiB,GAAA,EAAK,IAAA;EACtB,WAAA,IAAe,WAAA,eAA0B,SAAA;EACzC,eAAA,GAAkB,OAAA,CAAQ,SAAA,CAAU,IAAA;AAAA;AAAA,KAG1B,wBAAA;EACV,KAAA,EAAO,aAAA;EACP,QAAA,EAAU,UAAA,CAAW,aAAA;EACrB,aAAA,GAAgB,GAAA,EAAK,IAAA,KAAS,SAAA;EAC9B,eAAA,GAAkB,OAAA,CAAQ,SAAA,CAAU,IAAA;AAAA;AAAA,KAG1B,qBAAA;EACV,WAAA;EACA,KAAA;AAAA;AAAA,KAGU,sBAAA;EACV,OAAA,EAAS,MAAA;EACT,MAAA,GACE,OAAA,EAAS,MAAA,mBACT,QAAA,GAAW,IAAA,EAAM,MAAA,+BACd,SAAA;AAAA;AAAA,KAGK,oBAAA,GAAuB,IAAA,CAAK,UAAA;AAAA,KAE5B,mBAAA;EACV,SAAA;EACA,IAAA;EACA,QAAA;EACA,MAAA;EACA,UAAA;EACA,aAAA;EACA,YAAA;EACA,OAAA;EACA,OAAA,GAAU,0BAAA;EACV,OAAA;EACA,KAAA;EACA,eAAA;EACA,QAAA;EACA,KAAA,GAAQ,eAAA;AAAA;AAAA,KAGL,uBAAA,SAAgC,OAAA,CACnC,IAAA,CACE,YAAA,CAAa,IAAA;AAAA,KAUL,0BAAA;EACV,MAAA,EAAQ,SAAA,CAAU,IAAA;EAClB,QAAA;AAAA;AAAA,KAGU,cAAA;EACV,IAAA,EAAM,IAAA;EACN,OAAA,EAAS,SAAA,CAAU,IAAA;EACnB,YAAA,GAAe,0BAAA,CAA2B,IAAA;EAC1C,OAAA,GAAU,sBAAA;EACV,UAAA,GAAa,yBAAA;EACb,SAAA,GAAY,wBAAA,CAAyB,IAAA;EACrC,SAAA,GAAY,wBAAA,CAAyB,IAAA;EACrC,OAAA;EACA,QAAA;EACA,SAAA,gBAAyB,OAAA;EACzB,KAAA,GAAQ,cAAA;EACR,UAAA,GAAa,mBAAA;EACb,OAAA,GAAU,uBAAA,CAAwB,IAAA;EAClC,MAAA,GAAS,OAAA,CAAQ,eAAA;AAAA,IACf,oBAAA;AAAA,cAES,SAAA;EAAoB,UAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,OAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAgB9B,cAAA,CAAe,IAAA,MAAQ,SAAA"}
+{"version":3,"file":"DataTable.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTable.tsx"],"mappings":";;;;;;;;KA+BY,eAAA,GAAkB,MAAA;AAAA,KAElB,sBAAA;EACV,KAAA,EAAO,YAAA;EACP,QAAA,EAAU,UAAA,CAAW,YAAA;AAAA;AAAA,KAGX,yBAAA;EACV,WAAA;EACA,QAAA;EACA,QAAA,EAAU,UAAA,CAAW,eAAA;EACrB,SAAA;EACA,QAAA;AAAA;AAAA,KAGU,mBAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;EAAA;EAEF,OAAA,IACE,GAAA,WACA,QAAA,UACA,IAAA;AAAA;AAAA,KAIQ,wBAAA;EACV,KAAA,EAAO,iBAAA;EACP,QAAA,EAAU,UAAA,CAAW,iBAAA;EACrB,QAAA,IAAY,GAAA,EAAK,IAAA;EACjB,aAAA,IAAiB,GAAA,EAAK,IAAA;EACtB,WAAA,IAAe,WAAA,eAA0B,SAAA;EACzC,eAAA,GAAkB,OAAA,CAAQ,SAAA,CAAU,IAAA;AAAA;AAAA,KAG1B,wBAAA;EACV,KAAA,EAAO,aAAA;EACP,QAAA,EAAU,UAAA,CAAW,aAAA;EACrB,aAAA,GAAgB,GAAA,EAAK,IAAA,KAAS,SAAA;EAC9B,eAAA,GAAkB,OAAA,CAAQ,SAAA,CAAU,IAAA;AAAA;AAAA,KAG1B,qBAAA;EACV,WAAA;EACA,KAAA;AAAA;AAAA,KAGU,sBAAA;EACV,OAAA,EAAS,MAAA;EACT,MAAA,GACE,OAAA,EAAS,MAAA,mBACT,QAAA,GAAW,IAAA,EAAM,MAAA,+BACd,SAAA;AAAA;AAAA,KAGK,oBAAA,GAAuB,IAAA,CAAK,UAAA;AAAA,KAE5B,mBAAA;EACV,SAAA;EACA,IAAA;EACA,QAAA;EACA,MAAA;EACA,UAAA;EACA,aAAA;EACA,YAAA;EACA,OAAA;EACA,OAAA,GAAU,0BAAA;EACV,OAAA;EACA,KAAA;EACA,eAAA;EACA,QAAA;EACA,KAAA,GAAQ,eAAA;AAAA;AAAA,KAGL,uBAAA,SAAgC,OAAA,CACnC,IAAA,CACE,YAAA,CAAa,IAAA;AAAA,KAUL,0BAAA;EACV,MAAA,EAAQ,SAAA,CAAU,IAAA;EAClB,QAAA;AAAA;AAAA,KAGU,cAAA;EACV,IAAA,EAAM,IAAA;EACN,OAAA,EAAS,SAAA,CAAU,IAAA;EACnB,YAAA,GAAe,0BAAA,CAA2B,IAAA;EAC1C,OAAA,GAAU,sBAAA;EACV,UAAA,GAAa,yBAAA;EACb,SAAA,GAAY,wBAAA,CAAyB,IAAA;EACrC,SAAA,GAAY,wBAAA,CAAyB,IAAA;EACrC,OAAA;EACA,QAAA;EACA,SAAA,gBAAyB,OAAA;EACzB,KAAA,GAAQ,cAAA;EACR,UAAA,GAAa,mBAAA;EACb,OAAA,GAAU,uBAAA,CAAwB,IAAA;EAClC,MAAA,GAAS,OAAA,CAAQ,eAAA;EACjB,eAAA,IAAmB,GAAA,EAAK,IAAA;AAAA,IACtB,oBAAA;AAAA,cAES,SAAA;EAAoB,UAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,OAAA;EAAA,MAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAiB9B,cAAA,CAAe,IAAA,MAAQ,SAAA"}

package/dist/components/data-display/datatables/DataTable.mjs

@@ -1,2 +1,2 @@
-import{Table as e}from"../table/Table.mjs";import{DataTableBody as t}from"./DataTableBody.mjs";import{DataTableContextProvider as n}from"./useDataTableContext.mjs";import{DataTableBulkBar as r}from"./DataTableBulkBar.mjs";import{DataTableColGroup as i}from"./DataTableColGroup.mjs";import{DataTableHeader as a}from"./DataTableHeader.mjs";import{DataTableRootContainer as o}from"./DataTableRootContainer.mjs";import{DataTableSkeleton as s}from"./DataTableSkeleton.mjs";import{DataTableSlotRow as c}from"./DataTableSlotRow.mjs";import{DataTableViewport as l}from"./DataTableViewport.mjs";import{useDataTable as u}from"./useDataTable.mjs";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({classNames:p,slots:m,loading:h,skeleton:g,pagination:_,selection:v,expansion:y,data:b,columns:x,extraColumns:S,sorting:C,onRefresh:w,options:T,labels:E,...D})=>{let{layout:O,contextValue:k,table:A,explicitSizeIds:j,columnHeaderClasses:M}=u({data:b,columns:x,extraColumns:S,sorting:C,onRefresh:w,options:T,labels:E,classNames:p,loading:h,skeleton:g,pagination:_,selection:v,expansion:y,...D});return d(n,{value:k,children:f(o,{busy:h,classNames:p,children:[d(c,{classNames:{root:p?.slotRow},children:m?.top}),d(l,{className:p?.viewport,children:g!=null&&b.length===0?d(s,{rows:g,className:p?.skeleton}):f(e,{...D,layout:O,classNames:p?.table,children:[d(i,{columns:A.getVisibleLeafColumns(),explicitSizeIds:j,columnHeaderClasses:M}),d(a,{loading:h,classNames:p,headerGroups:A.getHeaderGroups(),explicitSizeIds:j}),d(t,{rows:A.getRowModel().rows,colCount:A.getVisibleLeafColumns().length,loading:h,empty:m?.empty,emptyClassName:p?.empty,expandedContentClassName:p?.expandedContent,expansion:y,selection:v})]})}),d(c,{classNames:{root:p?.slotRow},children:m?.bottom}),d(r,{selectedIds:k.selectedIds,className:p?.bulkBar,selection:v})]})})};export{p as DataTable};
+import{Table as e}from"../table/Table.mjs";import{DataTableBody as t}from"./DataTableBody.mjs";import{DataTableContextProvider as n}from"./useDataTableContext.mjs";import{DataTableBulkBar as r}from"./DataTableBulkBar.mjs";import{DataTableColGroup as i}from"./DataTableColGroup.mjs";import{DataTableHeader as a}from"./DataTableHeader.mjs";import{DataTableRootContainer as o}from"./DataTableRootContainer.mjs";import{DataTableSkeleton as s}from"./DataTableSkeleton.mjs";import{DataTableSlotRow as c}from"./DataTableSlotRow.mjs";import{DataTableViewport as l}from"./DataTableViewport.mjs";import{useDataTable as u}from"./useDataTable.mjs";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({classNames:p,slots:m,loading:h,skeleton:g,pagination:_,selection:v,expansion:y,data:b,columns:x,extraColumns:S,sorting:C,onRefresh:w,options:T,labels:E,getRowClassName:D,...O})=>{let{layout:k,contextValue:A,table:j,explicitSizeIds:M,columnHeaderClasses:N}=u({data:b,columns:x,extraColumns:S,sorting:C,onRefresh:w,options:T,labels:E,classNames:p,loading:h,skeleton:g,pagination:_,selection:v,expansion:y,...O});return d(n,{value:A,children:f(o,{busy:h,classNames:p,children:[d(c,{classNames:{root:p?.slotRow},children:m?.top}),d(l,{className:p?.viewport,children:g!=null&&b.length===0?d(s,{rows:g,className:p?.skeleton}):f(e,{...O,layout:k,classNames:p?.table,children:[d(i,{columns:j.getVisibleLeafColumns(),explicitSizeIds:M,columnHeaderClasses:N}),d(a,{loading:h,classNames:p,headerGroups:j.getHeaderGroups(),explicitSizeIds:M}),d(t,{rows:j.getRowModel().rows,colCount:j.getVisibleLeafColumns().length,loading:h,empty:m?.empty,emptyClassName:p?.empty,expandedContentClassName:p?.expandedContent,expansion:y,selection:v,getRowClassName:D})]})}),d(c,{classNames:{root:p?.slotRow},children:m?.bottom}),d(r,{selectedIds:A.selectedIds,className:p?.bulkBar,selection:v})]})})};export{p as DataTable};
 //# sourceMappingURL=DataTable.mjs.map

package/dist/components/data-display/datatables/DataTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTable.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type {\n  ColumnDef,\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  RowSelectionState,\n  SortingState,\n  TableOptions,\n} from '@tanstack/react-table';\n\nimport { Table, type TableClassNames, type TableProps } from '../table/Table';\nimport { DataTableBody } from './DataTableBody';\nimport {\n  DataTableBulkBar,\n  type DataTableBulkBarClassNames,\n} from './DataTableBulkBar';\nimport { DataTableColGroup } from './DataTableColGroup';\nimport { DataTableHeader } from './DataTableHeader';\nimport { DataTableRootContainer } from './DataTableRootContainer';\nimport { DataTableSkeleton } from './DataTableSkeleton';\nimport { DataTableSlotRow, type DataTableSlots } from './DataTableSlotRow';\nimport { DataTableViewport } from './DataTableViewport';\nimport { useDataTable } from './useDataTable';\nimport {\n  DataTableContextProvider,\n  type DataTableContextValue,\n  type DataTableLabels,\n} from './useDataTableContext';\n\nexport type DataTableRecord = Record<string, unknown>;\n\nexport type DataTableSortingConfig = {\n  state: SortingState;\n  onChange: OnChangeFn<SortingState>;\n};\n\nexport type DataTablePaginationConfig = {\n  currentPage: number;\n  pageSize: number;\n  onChange: OnChangeFn<PaginationState>;\n  pageCount: number;\n  rowCount?: number;\n};\n\nexport type DataTableColumnMeta = {\n  classNames?: {\n    header?: string;\n    cell?: string;\n  };\n  rowSpan?: (\n    row: unknown,\n    rowIndex: number,\n    rows: unknown[],\n  ) => number | undefined;\n};\n\nexport type DataTableSelectionConfig<Data = unknown> = {\n  state: RowSelectionState;\n  onChange: OnChangeFn<RowSelectionState>;\n  getRowId?: (row: Data) => string;\n  isRowDisabled?: (row: Data) => boolean;\n  bulkActions?: (selectedIds: string[]) => ReactNode;\n  columnOverrides?: Partial<ColumnDef<Data, unknown>>;\n};\n\nexport type DataTableExpansionConfig<Data = unknown> = {\n  state: ExpandedState;\n  onChange: OnChangeFn<ExpandedState>;\n  renderContent: (row: Data) => ReactNode;\n  columnOverrides?: Partial<ColumnDef<Data, unknown>>;\n};\n\nexport type DataTableSearchConfig = {\n  placeholder?: string;\n  label?: string;\n};\n\nexport type DataTableFiltersConfig = {\n  initial: Record<string, unknown>;\n  render: (\n    filters: Record<string, unknown>,\n    onChange: (next: Record<string, unknown>) => void,\n  ) => ReactNode;\n};\n\nexport type DataTableTableConfig = Omit<TableProps, 'children' | 'classNames'>;\n\nexport type DataTableClassNames = {\n  dataTable?: string;\n  root?: string;\n  viewport?: string;\n  header?: string;\n  sortButton?: string;\n  sortIndicator?: string;\n  expandButton?: string;\n  slotRow?: string;\n  bulkBar?: DataTableBulkBarClassNames;\n  loading?: string;\n  empty?: string;\n  expandedContent?: string;\n  skeleton?: string;\n  table?: TableClassNames;\n};\n\ntype DataTableManagedOptions<Data> = Partial<\n  Omit<\n    TableOptions<Data>,\n    | 'columns'\n    | 'data'\n    | 'onExpandedChange'\n    | 'onPaginationChange'\n    | 'onRowSelectionChange'\n    | 'onSortingChange'\n  >\n>;\n\nexport type DataTableExtraColumnConfig<Data> = {\n  column: ColumnDef<Data, unknown>;\n  position?: number;\n};\n\nexport type DataTableProps<Data> = {\n  data: Data[];\n  columns: ColumnDef<Data, unknown>[];\n  extraColumns?: DataTableExtraColumnConfig<Data>[];\n  sorting?: DataTableSortingConfig;\n  pagination?: DataTablePaginationConfig;\n  selection?: DataTableSelectionConfig<Data>;\n  expansion?: DataTableExpansionConfig<Data>;\n  loading?: boolean;\n  skeleton?: number;\n  onRefresh?: () => void | Promise<void>;\n  slots?: DataTableSlots;\n  classNames?: DataTableClassNames;\n  options?: DataTableManagedOptions<Data>;\n  labels?: Partial<DataTableLabels>;\n} & DataTableTableConfig;\n\nexport const DataTable = <Data,>({\n  classNames,\n  slots,\n  loading,\n  skeleton,\n  pagination,\n  selection,\n  expansion,\n  data,\n  columns,\n  extraColumns,\n  sorting,\n  onRefresh,\n  options,\n  labels,\n  ...tableProps\n}: DataTableProps<Data>): ReactNode => {\n  const { layout, contextValue, table, explicitSizeIds, columnHeaderClasses } =\n    useDataTable({\n      data,\n      columns,\n      extraColumns,\n      sorting,\n      onRefresh,\n      options,\n      labels,\n      classNames,\n      loading,\n      skeleton,\n      pagination,\n      selection,\n      expansion,\n      ...tableProps,\n    });\n\n  return (\n    <DataTableContextProvider\n      value={contextValue as DataTableContextValue<unknown>}\n    >\n      <DataTableRootContainer busy={loading} classNames={classNames}>\n        <DataTableSlotRow classNames={{ root: classNames?.slotRow }}>\n          {slots?.top}\n        </DataTableSlotRow>\n\n        <DataTableViewport className={classNames?.viewport}>\n          {skeleton != null && data.length === 0 ? (\n            <DataTableSkeleton\n              rows={skeleton}\n              className={classNames?.skeleton}\n            />\n          ) : (\n            <Table\n              {...tableProps}\n              layout={layout}\n              classNames={classNames?.table}\n            >\n              <DataTableColGroup\n                columns={table.getVisibleLeafColumns()}\n                explicitSizeIds={explicitSizeIds}\n                columnHeaderClasses={columnHeaderClasses}\n              />\n              <DataTableHeader\n                loading={loading}\n                classNames={classNames}\n                headerGroups={table.getHeaderGroups()}\n                explicitSizeIds={explicitSizeIds}\n              />\n              <DataTableBody\n                rows={table.getRowModel().rows}\n                colCount={table.getVisibleLeafColumns().length}\n                loading={loading}\n                empty={slots?.empty}\n                emptyClassName={classNames?.empty}\n                expandedContentClassName={classNames?.expandedContent}\n                expansion={expansion}\n                selection={selection}\n              />\n            </Table>\n          )}\n        </DataTableViewport>\n\n        <DataTableSlotRow classNames={{ root: classNames?.slotRow }}>\n          {slots?.bottom}\n        </DataTableSlotRow>\n\n        <DataTableBulkBar\n          selectedIds={contextValue.selectedIds}\n          className={classNames?.bulkBar}\n          selection={selection}\n        />\n      </DataTableRootContainer>\n    </DataTableContextProvider>\n  );\n};\n"],"mappings":"8qBA4IA,MAAa,GAAoB,CAC/B,aACA,QACA,UACA,WACA,aACA,YACA,YACA,OACA,UACA,eACA,UACA,YACA,UACA,SACA,GAAG,KACkC,CACrC,GAAM,CAAE,SAAQ,eAAc,QAAO,kBAAiB,uBACpD,EAAa,CACX,OACA,UACA,eACA,UACA,YACA,UACA,SACA,aACA,UACA,WACA,aACA,YACA,YACA,GAAG,EACJ,CAAC,CAEJ,OACE,EAAC,EAAD,CACE,MAAO,WAEP,EAAC,EAAD,CAAwB,KAAM,EAAqB,sBAAnD,CACE,EAAC,EAAD,CAAkB,WAAY,CAAE,KAAM,GAAY,QAAS,UACxD,GAAO,IACS,CAAA,CAEnB,EAAC,EAAD,CAAmB,UAAW,GAAY,kBACvC,GAAY,MAAQ,EAAK,SAAW,EACnC,EAAC,EAAD,CACE,KAAM,EACN,UAAW,GAAY,SACvB,CAAA,CAEF,EAAC,EAAD,CACE,GAAI,EACI,SACR,WAAY,GAAY,eAH1B,CAKE,EAAC,EAAD,CACE,QAAS,EAAM,uBAAuB,CACrB,kBACI,sBACrB,CAAA,CACF,EAAC,EAAD,CACW,UACG,aACZ,aAAc,EAAM,iBAAiB,CACpB,kBACjB,CAAA,CACF,EAAC,EAAD,CACE,KAAM,EAAM,aAAa,CAAC,KAC1B,SAAU,EAAM,uBAAuB,CAAC,OAC/B,UACT,MAAO,GAAO,MACd,eAAgB,GAAY,MAC5B,yBAA0B,GAAY,gBAC3B,YACA,YACX,CAAA,CACI,GAEQ,CAAA,CAEpB,EAAC,EAAD,CAAkB,WAAY,CAAE,KAAM,GAAY,QAAS,UACxD,GAAO,OACS,CAAA,CAEnB,EAAC,EAAD,CACE,YAAa,EAAa,YAC1B,UAAW,GAAY,QACZ,YACX,CAAA,CACqB,GACA,CAAA"}
+{"version":3,"file":"DataTable.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTable.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type {\n  ColumnDef,\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  RowSelectionState,\n  SortingState,\n  TableOptions,\n} from '@tanstack/react-table';\n\nimport { Table, type TableClassNames, type TableProps } from '../table/Table';\nimport { DataTableBody } from './DataTableBody';\nimport {\n  DataTableBulkBar,\n  type DataTableBulkBarClassNames,\n} from './DataTableBulkBar';\nimport { DataTableColGroup } from './DataTableColGroup';\nimport { DataTableHeader } from './DataTableHeader';\nimport { DataTableRootContainer } from './DataTableRootContainer';\nimport { DataTableSkeleton } from './DataTableSkeleton';\nimport { DataTableSlotRow, type DataTableSlots } from './DataTableSlotRow';\nimport { DataTableViewport } from './DataTableViewport';\nimport { useDataTable } from './useDataTable';\nimport {\n  DataTableContextProvider,\n  type DataTableContextValue,\n  type DataTableLabels,\n} from './useDataTableContext';\n\nexport type DataTableRecord = Record<string, unknown>;\n\nexport type DataTableSortingConfig = {\n  state: SortingState;\n  onChange: OnChangeFn<SortingState>;\n};\n\nexport type DataTablePaginationConfig = {\n  currentPage: number;\n  pageSize: number;\n  onChange: OnChangeFn<PaginationState>;\n  pageCount: number;\n  rowCount?: number;\n};\n\nexport type DataTableColumnMeta = {\n  classNames?: {\n    header?: string;\n    cell?: string;\n  };\n  rowSpan?: (\n    row: unknown,\n    rowIndex: number,\n    rows: unknown[],\n  ) => number | undefined;\n};\n\nexport type DataTableSelectionConfig<Data = unknown> = {\n  state: RowSelectionState;\n  onChange: OnChangeFn<RowSelectionState>;\n  getRowId?: (row: Data) => string;\n  isRowDisabled?: (row: Data) => boolean;\n  bulkActions?: (selectedIds: string[]) => ReactNode;\n  columnOverrides?: Partial<ColumnDef<Data, unknown>>;\n};\n\nexport type DataTableExpansionConfig<Data = unknown> = {\n  state: ExpandedState;\n  onChange: OnChangeFn<ExpandedState>;\n  renderContent: (row: Data) => ReactNode;\n  columnOverrides?: Partial<ColumnDef<Data, unknown>>;\n};\n\nexport type DataTableSearchConfig = {\n  placeholder?: string;\n  label?: string;\n};\n\nexport type DataTableFiltersConfig = {\n  initial: Record<string, unknown>;\n  render: (\n    filters: Record<string, unknown>,\n    onChange: (next: Record<string, unknown>) => void,\n  ) => ReactNode;\n};\n\nexport type DataTableTableConfig = Omit<TableProps, 'children' | 'classNames'>;\n\nexport type DataTableClassNames = {\n  dataTable?: string;\n  root?: string;\n  viewport?: string;\n  header?: string;\n  sortButton?: string;\n  sortIndicator?: string;\n  expandButton?: string;\n  slotRow?: string;\n  bulkBar?: DataTableBulkBarClassNames;\n  loading?: string;\n  empty?: string;\n  expandedContent?: string;\n  skeleton?: string;\n  table?: TableClassNames;\n};\n\ntype DataTableManagedOptions<Data> = Partial<\n  Omit<\n    TableOptions<Data>,\n    | 'columns'\n    | 'data'\n    | 'onExpandedChange'\n    | 'onPaginationChange'\n    | 'onRowSelectionChange'\n    | 'onSortingChange'\n  >\n>;\n\nexport type DataTableExtraColumnConfig<Data> = {\n  column: ColumnDef<Data, unknown>;\n  position?: number;\n};\n\nexport type DataTableProps<Data> = {\n  data: Data[];\n  columns: ColumnDef<Data, unknown>[];\n  extraColumns?: DataTableExtraColumnConfig<Data>[];\n  sorting?: DataTableSortingConfig;\n  pagination?: DataTablePaginationConfig;\n  selection?: DataTableSelectionConfig<Data>;\n  expansion?: DataTableExpansionConfig<Data>;\n  loading?: boolean;\n  skeleton?: number;\n  onRefresh?: () => void | Promise<void>;\n  slots?: DataTableSlots;\n  classNames?: DataTableClassNames;\n  options?: DataTableManagedOptions<Data>;\n  labels?: Partial<DataTableLabels>;\n  getRowClassName?: (row: Data) => string | undefined;\n} & DataTableTableConfig;\n\nexport const DataTable = <Data,>({\n  classNames,\n  slots,\n  loading,\n  skeleton,\n  pagination,\n  selection,\n  expansion,\n  data,\n  columns,\n  extraColumns,\n  sorting,\n  onRefresh,\n  options,\n  labels,\n  getRowClassName,\n  ...tableProps\n}: DataTableProps<Data>): ReactNode => {\n  const { layout, contextValue, table, explicitSizeIds, columnHeaderClasses } =\n    useDataTable({\n      data,\n      columns,\n      extraColumns,\n      sorting,\n      onRefresh,\n      options,\n      labels,\n      classNames,\n      loading,\n      skeleton,\n      pagination,\n      selection,\n      expansion,\n      ...tableProps,\n    });\n\n  return (\n    <DataTableContextProvider\n      value={contextValue as DataTableContextValue<unknown>}\n    >\n      <DataTableRootContainer busy={loading} classNames={classNames}>\n        <DataTableSlotRow classNames={{ root: classNames?.slotRow }}>\n          {slots?.top}\n        </DataTableSlotRow>\n\n        <DataTableViewport className={classNames?.viewport}>\n          {skeleton != null && data.length === 0 ? (\n            <DataTableSkeleton\n              rows={skeleton}\n              className={classNames?.skeleton}\n            />\n          ) : (\n            <Table\n              {...tableProps}\n              layout={layout}\n              classNames={classNames?.table}\n            >\n              <DataTableColGroup\n                columns={table.getVisibleLeafColumns()}\n                explicitSizeIds={explicitSizeIds}\n                columnHeaderClasses={columnHeaderClasses}\n              />\n              <DataTableHeader\n                loading={loading}\n                classNames={classNames}\n                headerGroups={table.getHeaderGroups()}\n                explicitSizeIds={explicitSizeIds}\n              />\n              <DataTableBody\n                rows={table.getRowModel().rows}\n                colCount={table.getVisibleLeafColumns().length}\n                loading={loading}\n                empty={slots?.empty}\n                emptyClassName={classNames?.empty}\n                expandedContentClassName={classNames?.expandedContent}\n                expansion={expansion}\n                selection={selection}\n                getRowClassName={getRowClassName}\n              />\n            </Table>\n          )}\n        </DataTableViewport>\n\n        <DataTableSlotRow classNames={{ root: classNames?.slotRow }}>\n          {slots?.bottom}\n        </DataTableSlotRow>\n\n        <DataTableBulkBar\n          selectedIds={contextValue.selectedIds}\n          className={classNames?.bulkBar}\n          selection={selection}\n        />\n      </DataTableRootContainer>\n    </DataTableContextProvider>\n  );\n};\n"],"mappings":"8qBA6IA,MAAa,GAAoB,CAC/B,aACA,QACA,UACA,WACA,aACA,YACA,YACA,OACA,UACA,eACA,UACA,YACA,UACA,SACA,kBACA,GAAG,KACkC,CACrC,GAAM,CAAE,SAAQ,eAAc,QAAO,kBAAiB,uBACpD,EAAa,CACX,OACA,UACA,eACA,UACA,YACA,UACA,SACA,aACA,UACA,WACA,aACA,YACA,YACA,GAAG,EACJ,CAAC,CAEJ,OACE,EAAC,EAAD,CACE,MAAO,WAEP,EAAC,EAAD,CAAwB,KAAM,EAAqB,sBAAnD,CACE,EAAC,EAAD,CAAkB,WAAY,CAAE,KAAM,GAAY,QAAS,UACxD,GAAO,IACS,CAAA,CAEnB,EAAC,EAAD,CAAmB,UAAW,GAAY,kBACvC,GAAY,MAAQ,EAAK,SAAW,EACnC,EAAC,EAAD,CACE,KAAM,EACN,UAAW,GAAY,SACvB,CAAA,CAEF,EAAC,EAAD,CACE,GAAI,EACI,SACR,WAAY,GAAY,eAH1B,CAKE,EAAC,EAAD,CACE,QAAS,EAAM,uBAAuB,CACrB,kBACI,sBACrB,CAAA,CACF,EAAC,EAAD,CACW,UACG,aACZ,aAAc,EAAM,iBAAiB,CACpB,kBACjB,CAAA,CACF,EAAC,EAAD,CACE,KAAM,EAAM,aAAa,CAAC,KAC1B,SAAU,EAAM,uBAAuB,CAAC,OAC/B,UACT,MAAO,GAAO,MACd,eAAgB,GAAY,MAC5B,yBAA0B,GAAY,gBAC3B,YACA,YACM,kBACjB,CAAA,CACI,GAEQ,CAAA,CAEpB,EAAC,EAAD,CAAkB,WAAY,CAAE,KAAM,GAAY,QAAS,UACxD,GAAO,OACS,CAAA,CAEnB,EAAC,EAAD,CACE,YAAa,EAAa,YAC1B,UAAW,GAAY,QACZ,YACX,CAAA,CACqB,GACA,CAAA"}

package/dist/components/data-display/datatables/DataTableBody.mjs

@@ -1,2 +1,2 @@
-import{Table as e}from"../table/Table.mjs";import{dataTableEmpty as t,dataTableExpandedContent as n}from"@mage-ui/styled-system/recipes";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{useMemo as o}from"react";import{flexRender as s}from"@tanstack/react-table";const c=({cell:t,rowSpan:n})=>{let r=t.column.columnDef.meta;return i(e.Cell,{rowSpan:n,classNames:r?.classNames?.cell?{td:r.classNames.cell}:void 0,children:s(t.column.columnDef.cell,t.getContext())})},l=({row:t,colCount:r,className:a,expansion:o})=>i(e.Row,{id:`data-table-expanded-${t.id}`,children:i(e.Cell,{colSpan:r,classNames:{td:a??n()},children:o.renderContent(t.original)})}),u=({row:t,rowIndex:n,rowspanData:o,colCount:s,expandedContentClassName:u,expansion:d,selection:f})=>a(r,{children:[i(e.Row,{"data-selected":t.getIsSelected()||void 0,"data-disabled":f&&!t.getCanSelect()||void 0,"data-expanded":t.getIsExpanded()||void 0,children:t.getVisibleCells().map(e=>{let t=`${n}:${e.column.id}`,r=o.get(t);return r?.hidden?null:i(c,{cell:e,rowSpan:r?.rowSpan},e.id)})}),d&&t.getIsExpanded()?i(l,{row:t,colCount:s,className:u,expansion:d}):null]}),d=({colCount:n,className:r,children:a})=>i(e.Row,{children:i(e.Cell,{colSpan:n,classNames:{td:r??t()},children:a})}),f=({rows:t,colCount:n,loading:r,empty:a,emptyClassName:s,expandedContentClassName:c,expansion:l,selection:f})=>{let p=!r&&t.length===0,m=o(()=>{let e=new Map,n=t.map(e=>e.original);return t.forEach((t,r)=>{t.getVisibleCells().forEach(i=>{let a=`${r}:${i.column.id}`;if(e.has(a))return;let o=i.column.columnDef.meta?.rowSpan?.(t.original,r,n);if(o&&o>1){e.set(a,{rowSpan:o,hidden:!1});for(let t=1;t<o;t++)e.set(`${r+t}:${i.column.id}`,{hidden:!0})}})}),e},[t]);return i(e.Body,{children:p?i(d,{colCount:n,className:s,children:a}):t.map((e,t)=>i(u,{row:e,rowIndex:t,rowspanData:m,colCount:n,expandedContentClassName:c,expansion:l,selection:f},e.id))})};export{f as DataTableBody};
+import{Table as e}from"../table/Table.mjs";import{dataTableEmpty as t,dataTableExpandedContent as n}from"@mage-ui/styled-system/recipes";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{useMemo as o}from"react";import{flexRender as s}from"@tanstack/react-table";const c=({cell:t,rowSpan:n})=>{let r=t.column.columnDef.meta;return i(e.Cell,{rowSpan:n,classNames:r?.classNames?.cell?{td:r.classNames.cell}:void 0,children:s(t.column.columnDef.cell,t.getContext())})},l=({row:t,colCount:r,className:a,expansion:o})=>i(e.Row,{id:`data-table-expanded-${t.id}`,children:i(e.Cell,{colSpan:r,classNames:{td:a??n()},children:o.renderContent(t.original)})}),u=({row:t,rowIndex:n,rowspanData:o,colCount:s,expandedContentClassName:u,expansion:d,selection:f,getRowClassName:p})=>a(r,{children:[i(e.Row,{"data-selected":t.getIsSelected()||void 0,"data-disabled":f&&!t.getCanSelect()||void 0,"data-expanded":t.getIsExpanded()||void 0,classNames:{tr:p?.(t.original)},children:t.getVisibleCells().map(e=>{let t=`${n}:${e.column.id}`,r=o.get(t);return r?.hidden?null:i(c,{cell:e,rowSpan:r?.rowSpan},e.id)})}),d&&t.getIsExpanded()?i(l,{row:t,colCount:s,className:u,expansion:d}):null]}),d=({colCount:n,className:r,children:a})=>i(e.Row,{children:i(e.Cell,{colSpan:n,classNames:{td:r??t()},children:a})}),f=({rows:t,colCount:n,loading:r,empty:a,emptyClassName:s,expandedContentClassName:c,expansion:l,selection:f,getRowClassName:p})=>{let m=!r&&t.length===0,h=o(()=>{let e=new Map,n=t.map(e=>e.original);return t.forEach((t,r)=>{t.getVisibleCells().forEach(i=>{let a=`${r}:${i.column.id}`;if(e.has(a))return;let o=i.column.columnDef.meta?.rowSpan?.(t.original,r,n);if(o&&o>1){e.set(a,{rowSpan:o,hidden:!1});for(let t=1;t<o;t++)e.set(`${r+t}:${i.column.id}`,{hidden:!0})}})}),e},[t]);return i(e.Body,{children:m?i(d,{colCount:n,className:s,children:a}):t.map((e,t)=>i(u,{row:e,rowIndex:t,rowspanData:h,colCount:n,expandedContentClassName:c,expansion:l,selection:f,getRowClassName:p},e.id))})};export{f as DataTableBody};
 //# sourceMappingURL=DataTableBody.mjs.map

package/dist/components/data-display/datatables/DataTableBody.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableBody.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableBody.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from 'react';\n\nimport {\n  dataTableEmpty,\n  dataTableExpandedContent,\n} from '@mage-ui/styled-system/recipes';\nimport { flexRender, type Row } from '@tanstack/react-table';\n\nimport { Table } from '../table/Table';\nimport type {\n  DataTableColumnMeta,\n  DataTableExpansionConfig,\n  DataTableProps,\n  DataTableSelectionConfig,\n} from './DataTable';\n\ntype DataTableBodyProps<Data> = Pick<\n  DataTableProps<Data>,\n  'loading' | 'expansion' | 'selection'\n> & {\n  rows: Row<Data>[];\n  colCount: number;\n  empty?: ReactNode;\n  emptyClassName?: string;\n  expandedContentClassName?: string;\n};\n\ntype CellSpan = { rowSpan?: number; hidden: boolean };\n\nconst BodyCell = <Data,>({\n  cell,\n  rowSpan,\n}: {\n  cell: import('@tanstack/react-table').Cell<Data, unknown>;\n  rowSpan?: number;\n}): ReactNode => {\n  const columnMeta = cell.column.columnDef.meta as\n    | DataTableColumnMeta\n    | undefined;\n\n  return (\n    <Table.Cell\n      rowSpan={rowSpan}\n      classNames={\n        columnMeta?.classNames?.cell\n          ? { td: columnMeta.classNames.cell }\n          : undefined\n      }\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  );\n};\n\nconst ExpandedRow = <Data,>({\n  row,\n  colCount,\n  className,\n  expansion,\n}: {\n  row: Row<Data>;\n  colCount: number;\n  className?: string;\n  expansion: DataTableExpansionConfig<Data>;\n}): ReactNode => (\n  <Table.Row id={`data-table-expanded-${row.id}`}>\n    <Table.Cell\n      colSpan={colCount}\n      classNames={{ td: className ?? dataTableExpandedContent() }}\n    >\n      {expansion.renderContent(row.original)}\n    </Table.Cell>\n  </Table.Row>\n);\n\nconst BodyRow = <Data,>({\n  row,\n  rowIndex,\n  rowspanData,\n  colCount,\n  expandedContentClassName,\n  expansion,\n  selection,\n}: {\n  row: Row<Data>;\n  rowIndex: number;\n  rowspanData: Map<string, CellSpan>;\n  colCount: number;\n  expandedContentClassName?: string;\n  expansion?: DataTableExpansionConfig<Data>;\n  selection?: DataTableSelectionConfig<Data>;\n}): ReactNode => (\n  <>\n    <Table.Row\n      data-selected={row.getIsSelected() || undefined}\n      data-disabled={(selection && !row.getCanSelect()) || undefined}\n      data-expanded={row.getIsExpanded() || undefined}\n    >\n      {row.getVisibleCells().map((cell) => {\n        const cellKey = `${rowIndex}:${cell.column.id}`;\n        const cellSpan = rowspanData.get(cellKey);\n        if (cellSpan?.hidden) return null;\n        return (\n          <BodyCell key={cell.id} cell={cell} rowSpan={cellSpan?.rowSpan} />\n        );\n      })}\n    </Table.Row>\n    {expansion && row.getIsExpanded() ? (\n      <ExpandedRow\n        row={row}\n        colCount={colCount}\n        className={expandedContentClassName}\n        expansion={expansion}\n      />\n    ) : null}\n  </>\n);\n\nconst EmptyRow = ({\n  colCount,\n  className,\n  children,\n}: {\n  colCount: number;\n  className?: string;\n  children?: ReactNode;\n}): ReactNode => (\n  <Table.Row>\n    <Table.Cell\n      colSpan={colCount}\n      classNames={{ td: className ?? dataTableEmpty() }}\n    >\n      {children}\n    </Table.Cell>\n  </Table.Row>\n);\n\nexport const DataTableBody = <Data,>({\n  rows,\n  colCount,\n  loading,\n  empty,\n  emptyClassName,\n  expandedContentClassName,\n  expansion,\n  selection,\n}: DataTableBodyProps<Data>): ReactNode => {\n  const showEmptyState = !loading && rows.length === 0;\n\n  const rowspanData = useMemo(() => {\n    const map = new Map<string, CellSpan>();\n    const originals = rows.map((r) => r.original);\n\n    rows.forEach((row, rowIndex) => {\n      row.getVisibleCells().forEach((cell) => {\n        const key = `${rowIndex}:${cell.column.id}`;\n        if (map.has(key)) return;\n\n        const meta = cell.column.columnDef.meta as\n          | DataTableColumnMeta\n          | undefined;\n        const span = meta?.rowSpan?.(row.original, rowIndex, originals);\n\n        if (span && span > 1) {\n          map.set(key, { rowSpan: span, hidden: false });\n          for (let i = 1; i < span; i++) {\n            map.set(`${rowIndex + i}:${cell.column.id}`, { hidden: true });\n          }\n        }\n      });\n    });\n\n    return map;\n  }, [rows]);\n\n  return (\n    <Table.Body>\n      {showEmptyState ? (\n        <EmptyRow colCount={colCount} className={emptyClassName}>\n          {empty}\n        </EmptyRow>\n      ) : (\n        rows.map((row, rowIndex) => (\n          <BodyRow\n            key={row.id}\n            row={row}\n            rowIndex={rowIndex}\n            rowspanData={rowspanData}\n            colCount={colCount}\n            expandedContentClassName={expandedContentClassName}\n            expansion={expansion}\n            selection={selection}\n          />\n        ))\n      )}\n    </Table.Body>\n  );\n};\n"],"mappings":"4RA6BA,MAAM,GAAmB,CACvB,OACA,aAIe,CACf,IAAM,EAAa,EAAK,OAAO,UAAU,KAIzC,OACE,EAAC,EAAM,KAAP,CACW,UACT,WACE,GAAY,YAAY,KACpB,CAAE,GAAI,EAAW,WAAW,KAAM,CAClC,IAAA,YAGL,EAAW,EAAK,OAAO,UAAU,KAAM,EAAK,YAAY,CAAC,CAC/C,CAAA,EAIX,GAAsB,CAC1B,MACA,WACA,YACA,eAOA,EAAC,EAAM,IAAP,CAAW,GAAI,uBAAuB,EAAI,cACxC,EAAC,EAAM,KAAP,CACE,QAAS,EACT,WAAY,CAAE,GAAI,GAAa,GAA0B,CAAE,UAE1D,EAAU,cAAc,EAAI,SAAS,CAC3B,CAAA,CACH,CAAA,CAGR,GAAkB,CACtB,MACA,WACA,cACA,WACA,2BACA,YACA,eAUA,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAM,IAAP,CACE,gBAAe,EAAI,eAAe,EAAI,IAAA,GACtC,gBAAgB,GAAa,CAAC,EAAI,cAAc,EAAK,IAAA,GACrD,gBAAe,EAAI,eAAe,EAAI,IAAA,YAErC,EAAI,iBAAiB,CAAC,IAAK,GAAS,CACnC,IAAM,EAAU,GAAG,EAAS,GAAG,EAAK,OAAO,KACrC,EAAW,EAAY,IAAI,EAAQ,CAEzC,OADI,GAAU,OAAe,KAE3B,EAAC,EAAD,CAA8B,OAAM,QAAS,GAAU,QAAW,CAAnD,EAAK,GAA8C,EAEpE,CACQ,CAAA,CACX,GAAa,EAAI,eAAe,CAC/B,EAAC,EAAD,CACO,MACK,WACV,UAAW,EACA,YACX,CAAA,CACA,KACH,CAAA,CAAA,CAGC,GAAY,CAChB,WACA,YACA,cAMA,EAAC,EAAM,IAAP,CAAA,SACE,EAAC,EAAM,KAAP,CACE,QAAS,EACT,WAAY,CAAE,GAAI,GAAa,GAAgB,CAAE,CAEhD,WACU,CAAA,CACH,CAAA,CAGD,GAAwB,CACnC,OACA,WACA,UACA,QACA,iBACA,2BACA,YACA,eACyC,CACzC,IAAM,EAAiB,CAAC,GAAW,EAAK,SAAW,EAE7C,EAAc,MAAc,CAChC,IAAM,EAAM,IAAI,IACV,EAAY,EAAK,IAAK,GAAM,EAAE,SAAS,CAqB7C,OAnBA,EAAK,SAAS,EAAK,IAAa,CAC9B,EAAI,iBAAiB,CAAC,QAAS,GAAS,CACtC,IAAM,EAAM,GAAG,EAAS,GAAG,EAAK,OAAO,KACvC,GAAI,EAAI,IAAI,EAAI,CAAE,OAKlB,IAAM,EAHO,EAAK,OAAO,UAAU,MAGhB,UAAU,EAAI,SAAU,EAAU,EAAU,CAE/D,GAAI,GAAQ,EAAO,EAAG,CACpB,EAAI,IAAI,EAAK,CAAE,QAAS,EAAM,OAAQ,GAAO,CAAC,CAC9C,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,IACxB,EAAI,IAAI,GAAG,EAAW,EAAE,GAAG,EAAK,OAAO,KAAM,CAAE,OAAQ,GAAM,CAAC,GAGlE,EACF,CAEK,GACN,CAAC,EAAK,CAAC,CAEV,OACE,EAAC,EAAM,KAAP,CAAA,SACG,EACC,EAAC,EAAD,CAAoB,WAAU,UAAW,WACtC,EACQ,CAAA,CAEX,EAAK,KAAK,EAAK,IACb,EAAC,EAAD,CAEO,MACK,WACG,cACH,WACgB,2BACf,YACA,YACX,CARK,EAAI,GAQT,CACF,CAEO,CAAA"}
+{"version":3,"file":"DataTableBody.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableBody.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from 'react';\n\nimport {\n  dataTableEmpty,\n  dataTableExpandedContent,\n} from '@mage-ui/styled-system/recipes';\nimport { flexRender, type Row } from '@tanstack/react-table';\n\nimport { Table } from '../table/Table';\nimport type {\n  DataTableColumnMeta,\n  DataTableExpansionConfig,\n  DataTableProps,\n  DataTableSelectionConfig,\n} from './DataTable';\n\ntype DataTableBodyProps<Data> = Pick<\n  DataTableProps<Data>,\n  'loading' | 'expansion' | 'selection' | 'getRowClassName'\n> & {\n  rows: Row<Data>[];\n  colCount: number;\n  empty?: ReactNode;\n  emptyClassName?: string;\n  expandedContentClassName?: string;\n};\n\ntype CellSpan = { rowSpan?: number; hidden: boolean };\n\nconst BodyCell = <Data,>({\n  cell,\n  rowSpan,\n}: {\n  cell: import('@tanstack/react-table').Cell<Data, unknown>;\n  rowSpan?: number;\n}): ReactNode => {\n  const columnMeta = cell.column.columnDef.meta as\n    | DataTableColumnMeta\n    | undefined;\n\n  return (\n    <Table.Cell\n      rowSpan={rowSpan}\n      classNames={\n        columnMeta?.classNames?.cell\n          ? { td: columnMeta.classNames.cell }\n          : undefined\n      }\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  );\n};\n\nconst ExpandedRow = <Data,>({\n  row,\n  colCount,\n  className,\n  expansion,\n}: {\n  row: Row<Data>;\n  colCount: number;\n  className?: string;\n  expansion: DataTableExpansionConfig<Data>;\n}): ReactNode => (\n  <Table.Row id={`data-table-expanded-${row.id}`}>\n    <Table.Cell\n      colSpan={colCount}\n      classNames={{ td: className ?? dataTableExpandedContent() }}\n    >\n      {expansion.renderContent(row.original)}\n    </Table.Cell>\n  </Table.Row>\n);\n\nconst BodyRow = <Data,>({\n  row,\n  rowIndex,\n  rowspanData,\n  colCount,\n  expandedContentClassName,\n  expansion,\n  selection,\n  getRowClassName,\n}: {\n  row: Row<Data>;\n  rowIndex: number;\n  rowspanData: Map<string, CellSpan>;\n  colCount: number;\n  expandedContentClassName?: string;\n  expansion?: DataTableExpansionConfig<Data>;\n  selection?: DataTableSelectionConfig<Data>;\n  getRowClassName?: (row: Data) => string | undefined;\n}): ReactNode => (\n  <>\n    <Table.Row\n      data-selected={row.getIsSelected() || undefined}\n      data-disabled={(selection && !row.getCanSelect()) || undefined}\n      data-expanded={row.getIsExpanded() || undefined}\n      classNames={{ tr: getRowClassName?.(row.original) }}\n    >\n      {row.getVisibleCells().map((cell) => {\n        const cellKey = `${rowIndex}:${cell.column.id}`;\n        const cellSpan = rowspanData.get(cellKey);\n        if (cellSpan?.hidden) return null;\n        return (\n          <BodyCell key={cell.id} cell={cell} rowSpan={cellSpan?.rowSpan} />\n        );\n      })}\n    </Table.Row>\n    {expansion && row.getIsExpanded() ? (\n      <ExpandedRow\n        row={row}\n        colCount={colCount}\n        className={expandedContentClassName}\n        expansion={expansion}\n      />\n    ) : null}\n  </>\n);\n\nconst EmptyRow = ({\n  colCount,\n  className,\n  children,\n}: {\n  colCount: number;\n  className?: string;\n  children?: ReactNode;\n}): ReactNode => (\n  <Table.Row>\n    <Table.Cell\n      colSpan={colCount}\n      classNames={{ td: className ?? dataTableEmpty() }}\n    >\n      {children}\n    </Table.Cell>\n  </Table.Row>\n);\n\nexport const DataTableBody = <Data,>({\n  rows,\n  colCount,\n  loading,\n  empty,\n  emptyClassName,\n  expandedContentClassName,\n  expansion,\n  selection,\n  getRowClassName,\n}: DataTableBodyProps<Data>): ReactNode => {\n  const showEmptyState = !loading && rows.length === 0;\n\n  const rowspanData = useMemo(() => {\n    const map = new Map<string, CellSpan>();\n    const originals = rows.map((r) => r.original);\n\n    rows.forEach((row, rowIndex) => {\n      row.getVisibleCells().forEach((cell) => {\n        const key = `${rowIndex}:${cell.column.id}`;\n        if (map.has(key)) return;\n\n        const meta = cell.column.columnDef.meta as\n          | DataTableColumnMeta\n          | undefined;\n        const span = meta?.rowSpan?.(row.original, rowIndex, originals);\n\n        if (span && span > 1) {\n          map.set(key, { rowSpan: span, hidden: false });\n          for (let i = 1; i < span; i++) {\n            map.set(`${rowIndex + i}:${cell.column.id}`, { hidden: true });\n          }\n        }\n      });\n    });\n\n    return map;\n  }, [rows]);\n\n  return (\n    <Table.Body>\n      {showEmptyState ? (\n        <EmptyRow colCount={colCount} className={emptyClassName}>\n          {empty}\n        </EmptyRow>\n      ) : (\n        rows.map((row, rowIndex) => (\n          <BodyRow\n            key={row.id}\n            row={row}\n            rowIndex={rowIndex}\n            rowspanData={rowspanData}\n            colCount={colCount}\n            expandedContentClassName={expandedContentClassName}\n            expansion={expansion}\n            selection={selection}\n            getRowClassName={getRowClassName}\n          />\n        ))\n      )}\n    </Table.Body>\n  );\n};\n"],"mappings":"4RA6BA,MAAM,GAAmB,CACvB,OACA,aAIe,CACf,IAAM,EAAa,EAAK,OAAO,UAAU,KAIzC,OACE,EAAC,EAAM,KAAP,CACW,UACT,WACE,GAAY,YAAY,KACpB,CAAE,GAAI,EAAW,WAAW,KAAM,CAClC,IAAA,YAGL,EAAW,EAAK,OAAO,UAAU,KAAM,EAAK,YAAY,CAAC,CAC/C,CAAA,EAIX,GAAsB,CAC1B,MACA,WACA,YACA,eAOA,EAAC,EAAM,IAAP,CAAW,GAAI,uBAAuB,EAAI,cACxC,EAAC,EAAM,KAAP,CACE,QAAS,EACT,WAAY,CAAE,GAAI,GAAa,GAA0B,CAAE,UAE1D,EAAU,cAAc,EAAI,SAAS,CAC3B,CAAA,CACH,CAAA,CAGR,GAAkB,CACtB,MACA,WACA,cACA,WACA,2BACA,YACA,YACA,qBAWA,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAM,IAAP,CACE,gBAAe,EAAI,eAAe,EAAI,IAAA,GACtC,gBAAgB,GAAa,CAAC,EAAI,cAAc,EAAK,IAAA,GACrD,gBAAe,EAAI,eAAe,EAAI,IAAA,GACtC,WAAY,CAAE,GAAI,IAAkB,EAAI,SAAS,CAAE,UAElD,EAAI,iBAAiB,CAAC,IAAK,GAAS,CACnC,IAAM,EAAU,GAAG,EAAS,GAAG,EAAK,OAAO,KACrC,EAAW,EAAY,IAAI,EAAQ,CAEzC,OADI,GAAU,OAAe,KAE3B,EAAC,EAAD,CAA8B,OAAM,QAAS,GAAU,QAAW,CAAnD,EAAK,GAA8C,EAEpE,CACQ,CAAA,CACX,GAAa,EAAI,eAAe,CAC/B,EAAC,EAAD,CACO,MACK,WACV,UAAW,EACA,YACX,CAAA,CACA,KACH,CAAA,CAAA,CAGC,GAAY,CAChB,WACA,YACA,cAMA,EAAC,EAAM,IAAP,CAAA,SACE,EAAC,EAAM,KAAP,CACE,QAAS,EACT,WAAY,CAAE,GAAI,GAAa,GAAgB,CAAE,CAEhD,WACU,CAAA,CACH,CAAA,CAGD,GAAwB,CACnC,OACA,WACA,UACA,QACA,iBACA,2BACA,YACA,YACA,qBACyC,CACzC,IAAM,EAAiB,CAAC,GAAW,EAAK,SAAW,EAE7C,EAAc,MAAc,CAChC,IAAM,EAAM,IAAI,IACV,EAAY,EAAK,IAAK,GAAM,EAAE,SAAS,CAqB7C,OAnBA,EAAK,SAAS,EAAK,IAAa,CAC9B,EAAI,iBAAiB,CAAC,QAAS,GAAS,CACtC,IAAM,EAAM,GAAG,EAAS,GAAG,EAAK,OAAO,KACvC,GAAI,EAAI,IAAI,EAAI,CAAE,OAKlB,IAAM,EAHO,EAAK,OAAO,UAAU,MAGhB,UAAU,EAAI,SAAU,EAAU,EAAU,CAE/D,GAAI,GAAQ,EAAO,EAAG,CACpB,EAAI,IAAI,EAAK,CAAE,QAAS,EAAM,OAAQ,GAAO,CAAC,CAC9C,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,IACxB,EAAI,IAAI,GAAG,EAAW,EAAE,GAAG,EAAK,OAAO,KAAM,CAAE,OAAQ,GAAM,CAAC,GAGlE,EACF,CAEK,GACN,CAAC,EAAK,CAAC,CAEV,OACE,EAAC,EAAM,KAAP,CAAA,SACG,EACC,EAAC,EAAD,CAAoB,WAAU,UAAW,WACtC,EACQ,CAAA,CAEX,EAAK,KAAK,EAAK,IACb,EAAC,EAAD,CAEO,MACK,WACG,cACH,WACgB,2BACf,YACA,YACM,kBACjB,CATK,EAAI,GAST,CACF,CAEO,CAAA"}

package/dist/components/forms/Form.d.mts

@@ -103,6 +103,7 @@ declare const Form: {
   Checkbox: {
     ({
       $rule,
+      defaultValue,
       isSubmitting,
       name,
       ...props

package/dist/components/forms/controls/FormCheckbox.d.mts

@@ -2,6 +2,7 @@ import { CheckboxProps } from "../../controls/checkbox/Checkbox.mjs";
 //#region src/components/forms/controls/FormCheckbox.d.ts
 type FormCheckboxProps = CheckboxProps & {
   $rule?: string;
+  defaultValue?: boolean;
   error?: string;
   isSubmitting?: boolean;
   name: string;

package/dist/components/forms/controls/FormCheckbox.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckbox.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"mappings":";;KAOY,iBAAA,GAAoB,aAAA;EAC9B,KAAA;EACA,KAAA;EACA,YAAA;EACA,IAAA;AAAA"}
+{"version":3,"file":"FormCheckbox.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"mappings":";;KAOY,iBAAA,GAAoB,aAAA;EAC9B,KAAA;EACA,YAAA;EACA,KAAA;EACA,YAAA;EACA,IAAA;AAAA"}

package/dist/components/forms/controls/FormCheckbox.mjs

@@ -1,2 +1,2 @@
-import{Checkbox as e}from"../../controls/checkbox/Checkbox.mjs";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";const r=({$rule:r,isSubmitting:i,name:a,...o})=>t(n,{name:a,render:({field:{value:n,...r}})=>t(e,{disabled:i,value:n,...o,...r})});r.displayName=`Form.Checkbox`;export{r as FormCheckbox};
+import{Checkbox as e}from"../../controls/checkbox/Checkbox.mjs";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";const r=({$rule:r,defaultValue:i,isSubmitting:a,name:o,...s})=>t(n,{name:o,defaultValue:i??!1,render:({field:{value:n,...r}})=>t(e,{disabled:a,checked:n,...s,...r})});r.displayName=`Form.Checkbox`;export{r as FormCheckbox};
 //# sourceMappingURL=FormCheckbox.mjs.map

package/dist/components/forms/controls/FormCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckbox.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/controls/checkbox/Checkbox';\n\nexport type FormCheckboxProps = CheckboxProps & {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  name: string;\n};\n\nexport const FormCheckbox = ({\n  $rule,\n  isSubmitting,\n  name,\n  ...props\n}: FormCheckboxProps) => {\n  return (\n    <Controller\n      name={name}\n      render={({ field: { value, ...fieldProps } }) => {\n        const mergedProps = {\n          disabled: isSubmitting,\n          value,\n          ...props,\n          ...fieldProps,\n        };\n        return <Checkbox {...mergedProps} />;\n      }}\n    />\n  );\n};\n\nFormCheckbox.displayName = 'Form.Checkbox';\n"],"mappings":"qJAcA,MAAa,GAAgB,CAC3B,QACA,eACA,OACA,GAAG,KAGD,EAAC,EAAD,CACQ,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,GAAG,MAOrB,EAAC,EAAD,CALL,SAAU,EACV,QACA,GAAG,EACH,GAAG,EAE+B,CAAA,CAEtC,CAAA,CAIN,EAAa,YAAc"}
+{"version":3,"file":"FormCheckbox.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/controls/checkbox/Checkbox';\n\nexport type FormCheckboxProps = CheckboxProps & {\n  $rule?: string;\n  defaultValue?: boolean;\n  error?: string;\n  isSubmitting?: boolean;\n  name: string;\n};\n\nexport const FormCheckbox = ({\n  $rule,\n  defaultValue,\n  isSubmitting,\n  name,\n  ...props\n}: FormCheckboxProps) => {\n  return (\n    <Controller\n      name={name}\n      defaultValue={defaultValue ?? false}\n      render={({ field: { value, ...fieldProps } }) => (\n        <Checkbox\n          disabled={isSubmitting}\n          checked={value}\n          {...props}\n          {...fieldProps}\n        />\n      )}\n    />\n  );\n};\n\nFormCheckbox.displayName = 'Form.Checkbox';\n"],"mappings":"qJAeA,MAAa,GAAgB,CAC3B,QACA,eACA,eACA,OACA,GAAG,KAGD,EAAC,EAAD,CACQ,OACN,aAAc,GAAgB,GAC9B,QAAS,CAAE,MAAO,CAAE,QAAO,GAAG,MAC5B,EAAC,EAAD,CACE,SAAU,EACV,QAAS,EACT,GAAI,EACJ,GAAI,EACJ,CAAA,CAEJ,CAAA,CAIN,EAAa,YAAc"}

package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts

@@ -1,5 +1,6 @@
 import { NavigationMenuListItemProps } from "./NavigationMenuListItem.mjs";
 import { NavigationMenuNavItemProps } from "./NavigationMenuNavItem.mjs";
+import { NavigationMenuDividerProps } from "./NavigationMenuDivider.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
@@ -28,6 +29,9 @@ declare const NavigationMenu: {
     isSelected,
     classNames
   }: NavigationMenuNavItemProps) => react_jsx_runtime0.JSX.Element;
+  Divider: ({
+    classNames
+  }: NavigationMenuDividerProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 export { NavigationMenu, NavigationMenuProps };

package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"mappings":";;;;;;KAYY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,cAAA;IACA,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAA;;;KAGV,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"NavigationMenu.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"mappings":";;;;;;;KAaY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,cAAA;IACA,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAA;;;KAGV,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/navigations/navigation-menu/NavigationMenu.mjs

@@ -1,2 +1,2 @@
-import{NavigationMenuListItem as e}from"./NavigationMenuListItem.mjs";import{NavigationMenuNavItem as t}from"./NavigationMenuNavItem.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{navigationMenu as r,navigationMenuList as i,navigationMenuRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({classNames:e,children:t})=>o(`nav`,{className:n(e?.navigationMenu??r(),e?.root??a()),children:o(`ul`,{className:e?.list??i(),children:t})});s.ListItem=e,s.NavItem=t;export{s as NavigationMenu};
+import{NavigationMenuListItem as e}from"./NavigationMenuListItem.mjs";import{NavigationMenuDivider as t}from"./NavigationMenuDivider.mjs";import{NavigationMenuNavItem as n}from"./NavigationMenuNavItem.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{navigationMenu as i,navigationMenuList as a,navigationMenuRoot as o}from"@mage-ui/styled-system/recipes";import{jsx as s}from"react/jsx-runtime";const c=({classNames:e,children:t})=>s(`nav`,{className:r(e?.navigationMenu??i(),e?.root??o()),children:s(`ul`,{className:e?.list??a(),children:t})});c.ListItem=e,c.NavItem=n,c.Divider=t;export{c as NavigationMenu};
 //# sourceMappingURL=NavigationMenu.mjs.map

package/dist/components/navigations/navigation-menu/NavigationMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  navigationMenu,\n  navigationMenuList,\n  navigationMenuRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\nimport { NavigationMenuNavItem } from './NavigationMenuNavItem';\n\nexport type NavigationMenuProps = {\n  children?: ReactNode;\n  classNames?: {\n    navigationMenu?: string;\n    root?: string;\n    list?: string;\n  };\n};\n\nexport const NavigationMenu = ({\n  classNames,\n  children,\n}: NavigationMenuProps) => {\n  return (\n    <nav\n      className={cx(\n        classNames?.navigationMenu ?? navigationMenu(),\n        classNames?.root ?? navigationMenuRoot(),\n      )}\n    >\n      <ul className={classNames?.list ?? navigationMenuList()}>{children}</ul>\n    </nav>\n  );\n};\n\nNavigationMenu.ListItem = NavigationMenuListItem;\nNavigationMenu.NavItem = NavigationMenuNavItem;\n"],"mappings":"kVAqBA,MAAa,GAAkB,CAC7B,aACA,cAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAG,WAAc,CAAA,CACpE,CAAA,CAIV,EAAe,SAAW,EAC1B,EAAe,QAAU"}
+{"version":3,"file":"NavigationMenu.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  navigationMenu,\n  navigationMenuList,\n  navigationMenuRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuDivider } from './NavigationMenuDivider';\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\nimport { NavigationMenuNavItem } from './NavigationMenuNavItem';\n\nexport type NavigationMenuProps = {\n  children?: ReactNode;\n  classNames?: {\n    navigationMenu?: string;\n    root?: string;\n    list?: string;\n  };\n};\n\nexport const NavigationMenu = ({\n  classNames,\n  children,\n}: NavigationMenuProps) => {\n  return (\n    <nav\n      className={cx(\n        classNames?.navigationMenu ?? navigationMenu(),\n        classNames?.root ?? navigationMenuRoot(),\n      )}\n    >\n      <ul className={classNames?.list ?? navigationMenuList()}>{children}</ul>\n    </nav>\n  );\n};\n\nNavigationMenu.ListItem = NavigationMenuListItem;\nNavigationMenu.NavItem = NavigationMenuNavItem;\nNavigationMenu.Divider = NavigationMenuDivider;\n"],"mappings":"sZAsBA,MAAa,GAAkB,CAC7B,aACA,cAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAG,WAAc,CAAA,CACpE,CAAA,CAIV,EAAe,SAAW,EAC1B,EAAe,QAAU,EACzB,EAAe,QAAU"}

package/dist/components/navigations/navigation-menu/NavigationMenuDivider.d.mts

@@ -0,0 +1,10 @@
+//#region src/components/navigations/navigation-menu/NavigationMenuDivider.d.ts
+type NavigationMenuDividerProps = {
+  classNames?: {
+    listItem?: string;
+    divider?: string;
+  };
+};
+//#endregion
+export { NavigationMenuDividerProps };
+//# sourceMappingURL=NavigationMenuDivider.d.mts.map

package/dist/components/navigations/navigation-menu/NavigationMenuDivider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuDivider.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuDivider.tsx"],"mappings":";KAOY,0BAAA;EACV,UAAA;IACE,QAAA;IACA,OAAA;EAAA;AAAA"}

package/dist/components/navigations/navigation-menu/NavigationMenuDivider.mjs

@@ -0,0 +1,2 @@
+import{NavigationMenuListItem as e}from"./NavigationMenuListItem.mjs";import{navigationMenuDivider as t,navigationMenuListItem as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i})=>r(e,{classNames:{listItem:i?.listItem??n()},children:r(`hr`,{className:i?.divider??t()})});export{i as NavigationMenuDivider};
+//# sourceMappingURL=NavigationMenuDivider.mjs.map

package/dist/components/navigations/navigation-menu/NavigationMenuDivider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuDivider.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuDivider.tsx"],"sourcesContent":["import {\n  navigationMenuDivider,\n  navigationMenuListItem,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\n\nexport type NavigationMenuDividerProps = {\n  classNames?: {\n    listItem?: string;\n    divider?: string;\n  };\n};\n\nexport const NavigationMenuDivider = ({\n  classNames,\n}: NavigationMenuDividerProps) => {\n  return (\n    <NavigationMenuListItem\n      classNames={{\n        listItem: classNames?.listItem ?? navigationMenuListItem(),\n      }}\n    >\n      <hr className={classNames?.divider ?? navigationMenuDivider()} />\n    </NavigationMenuListItem>\n  );\n};\n"],"mappings":"iNAcA,MAAa,GAAyB,CACpC,gBAGE,EAAC,EAAD,CACE,WAAY,CACV,SAAU,GAAY,UAAY,GAAwB,CAC3D,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAC1C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.146",
+  "version": "1.0.148",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.146",
+    "@mage-ui/preset": "1.0.148",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {