@mage-ui/components 1.0.64 → 1.0.65

package/dist/components/data-display/table/TableCaption.d.mts

@@ -0,0 +1,11 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableCaption.d.ts
+type TableCaptionProps = {
+  children: ReactNode;
+  classNames?: Pick<TableClassNames, 'caption'>;
+};
+//#endregion
+export { TableCaptionProps };
+//# sourceMappingURL=TableCaption.d.mts.map

package/dist/components/data-display/table/TableCaption.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCaption.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableCaption.tsx"],"mappings":";;;;KAMY,iBAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableCaption.mjs

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Caption,{className:n?.caption,...r});export{n as TableCaption};
+//# sourceMappingURL=TableCaption.mjs.map

package/dist/components/data-display/table/TableCaption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCaption.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableCaption.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableCaptionProps = {\n  children: ReactNode;\n  classNames?: Pick<TableClassNames, 'caption'>;\n};\n\nexport const TableCaption = ({\n  classNames,\n  ...props\n}: TableCaptionProps): ReactNode => {\n  return <MantineTable.Caption className={classNames?.caption} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAgB,CAC3B,aACA,GAAG,KAEI,EAACA,EAAa,QAAA,CAAQ,UAAW,GAAY,QAAS,GAAI,GAAS"}

package/dist/components/data-display/table/TableCell.d.mts

@@ -0,0 +1,12 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableCell.d.ts
+type TableCellProps = {
+  children?: ReactNode;
+  style?: React.CSSProperties;
+  classNames?: Pick<TableClassNames, 'td'>;
+};
+//#endregion
+export { TableCellProps };
+//# sourceMappingURL=TableCell.d.mts.map

package/dist/components/data-display/table/TableCell.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableCell.tsx"],"mappings":";;;;KAMY,cAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,GAAQ,KAAA,CAAM,aAAA;EACd,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableCell.mjs

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Td,{className:n?.td,...r});export{n as TableCell};
+//# sourceMappingURL=TableCell.mjs.map

package/dist/components/data-display/table/TableCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableCellProps = {\n  children?: ReactNode;\n  style?: React.CSSProperties;\n  classNames?: Pick<TableClassNames, 'td'>;\n};\n\nexport const TableCell = ({\n  classNames,\n  ...props\n}: TableCellProps): ReactNode => {\n  return <MantineTable.Td className={classNames?.td} {...props} />;\n};\n"],"mappings":"8EAYA,MAAa,GAAa,CACxB,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}

package/dist/components/data-display/table/TableContext.mjs

@@ -0,0 +1,2 @@
+import{createContext as e,useContext as t}from"react";const n=e(null),r=()=>t(n);export{n as ScrollableContext,r as useScrollableContext};
+//# sourceMappingURL=TableContext.mjs.map

package/dist/components/data-display/table/TableContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.mjs","names":[],"sources":["../../../../src/components/data-display/table/TableContext.tsx"],"sourcesContent":["import { createContext, type RefObject, useContext } from 'react';\n\nexport type ScrollableContextValue = {\n  viewportRef: RefObject<HTMLDivElement | null>;\n  estimateSize: number;\n  overscan?: number;\n  stickyHeader?: boolean;\n  setHeaderHeight: (height: number) => void;\n};\n\nexport const ScrollableContext = createContext<ScrollableContextValue | null>(\n  null,\n);\n\nexport const useScrollableContext = () => useContext(ScrollableContext);\n"],"mappings":"sDAUA,MAAa,EAAoB,EAC/B,KACD,CAEY,MAA6B,EAAW,EAAkB"}

package/dist/components/data-display/table/TableFoot.d.mts

@@ -0,0 +1,11 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableFoot.d.ts
+type TableFootProps = {
+  children: ReactNode;
+  classNames?: Pick<TableClassNames, 'tfoot'>;
+};
+//#endregion
+export { TableFootProps };
+//# sourceMappingURL=TableFoot.d.mts.map

package/dist/components/data-display/table/TableFoot.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFoot.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableFoot.tsx"],"mappings":";;;;KAMY,cAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableFoot.mjs

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Tfoot,{className:n?.tfoot,...r});export{n as TableFoot};
+//# sourceMappingURL=TableFoot.mjs.map

package/dist/components/data-display/table/TableFoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFoot.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableFoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableFootProps = {\n  children: ReactNode;\n  classNames?: Pick<TableClassNames, 'tfoot'>;\n};\n\nexport const TableFoot = ({\n  classNames,\n  ...props\n}: TableFootProps): ReactNode => {\n  return <MantineTable.Tfoot className={classNames?.tfoot} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAa,CACxB,aACA,GAAG,KAEI,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,GAAS"}

package/dist/components/data-display/table/TableHead.d.mts

@@ -0,0 +1,12 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableHead.d.ts
+type TableHeadProps = {
+  children: ReactNode;
+  ref?: React.Ref<HTMLTableSectionElement>;
+  classNames?: Pick<TableClassNames, 'thead'>;
+};
+//#endregion
+export { TableHeadProps };
+//# sourceMappingURL=TableHead.d.mts.map

package/dist/components/data-display/table/TableHead.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableHead.tsx"],"mappings":";;;;KAOY,cAAA;EACV,QAAA,EAAU,SAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,uBAAA;EAChB,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableHead.mjs

@@ -0,0 +1,2 @@
+import{useScrollableContext as e}from"./TableContext.mjs";import{Table as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";import{useCallback as r}from"react";const i=({classNames:i,ref:a,...o})=>{let s=e(),c=r(e=>{e&&s?.setHeaderHeight(e.offsetHeight),typeof a==`function`?a(e):a&&(a.current=e)},[s,a]);return n(t.Thead,{className:i?.thead,ref:s?c:a,...o})};export{i as TableHead};
+//# sourceMappingURL=TableHead.mjs.map

package/dist/components/data-display/table/TableHead.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableHead.tsx"],"sourcesContent":["import { type ReactNode, useCallback } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableHeadProps = {\n  children: ReactNode;\n  ref?: React.Ref<HTMLTableSectionElement>;\n  classNames?: Pick<TableClassNames, 'thead'>;\n};\n\nexport const TableHead = ({\n  classNames,\n  ref,\n  ...props\n}: TableHeadProps): ReactNode => {\n  const scrollable = useScrollableContext();\n\n  const theadRef = useCallback(\n    (node: HTMLTableSectionElement | null) => {\n      if (node) {\n        scrollable?.setHeaderHeight(node.offsetHeight);\n      }\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    },\n    [scrollable, ref],\n  );\n\n  return (\n    <MantineTable.Thead\n      className={classNames?.thead}\n      ref={scrollable ? theadRef : ref}\n      {...props}\n    />\n  );\n};\n"],"mappings":"4KAaA,MAAa,GAAa,CACxB,aACA,MACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEnC,EAAW,EACd,GAAyC,CACpC,GACF,GAAY,gBAAgB,EAAK,aAAa,CAE5C,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,IACT,EAAI,QAAU,IAGlB,CAAC,EAAY,EAAI,CAClB,CAED,OACE,EAACA,EAAa,MAAA,CACZ,UAAW,GAAY,MACvB,IAAK,EAAa,EAAW,EAC7B,GAAI,GACJ"}

package/dist/components/data-display/table/TableHeaderCell.d.mts

@@ -0,0 +1,11 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableHeaderCell.d.ts
+type TableHeaderCellProps = {
+  children?: ReactNode;
+  classNames?: Pick<TableClassNames, 'th'>;
+};
+//#endregion
+export { TableHeaderCellProps };
+//# sourceMappingURL=TableHeaderCell.d.mts.map

package/dist/components/data-display/table/TableHeaderCell.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCell.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableHeaderCell.tsx"],"mappings":";;;;KAMY,oBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableHeaderCell.mjs

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Th,{className:n?.th,...r});export{n as TableHeaderCell};
+//# sourceMappingURL=TableHeaderCell.mjs.map

package/dist/components/data-display/table/TableHeaderCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCell.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableHeaderCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableHeaderCellProps = {\n  children?: ReactNode;\n  classNames?: Pick<TableClassNames, 'th'>;\n};\n\nexport const TableHeaderCell = ({\n  classNames,\n  ...props\n}: TableHeaderCellProps): ReactNode => {\n  return <MantineTable.Th className={classNames?.th} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAmB,CAC9B,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}

package/dist/components/data-display/table/TableRoot.mjs

@@ -0,0 +1,2 @@
+import{TableScroll as e}from"./TableScroll.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{table as n,tableCaption as r,tableRoot as i,tableTbody as a,tableTd as o,tableTfoot as s,tableTh as c,tableThead as l,tableTr as u}from"@mage-ui/styled-system/recipes";import{Table as d}from"@mantine/core";import{jsx as f}from"react/jsx-runtime";const p=({children:p,classNames:m,scrollable:h,...g})=>{let _=f(d,{withRowBorders:!0,"data-scrollable":h?!0:void 0,classNames:{table:t(m?.table??n(),m?.root??i()),thead:m?.thead??l(),tbody:m?.tbody??a(),tfoot:m?.tfoot??s(),tr:m?.tr??u(),th:m?.th??c(),td:m?.td??o(),caption:m?.caption??r()},...g,children:p});return h?f(e,{scrollable:h,stickyHeader:g.stickyHeader,children:_}):_};export{p as TableRoot};
+//# sourceMappingURL=TableRoot.mjs.map

package/dist/components/data-display/table/TableRoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRoot.mjs","names":["table","MantineTable","tableRecipe"],"sources":["../../../../src/components/data-display/table/TableRoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  tableCaption,\n  table as tableRecipe,\n  tableRoot,\n  tableTbody,\n  tableTd,\n  tableTfoot,\n  tableTh,\n  tableThead,\n  tableTr,\n} from '@mage-ui/styled-system/recipes';\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { TableScroll } from './TableScroll';\nimport type { TableProps } from './TableTypes';\n\nexport const TableRoot = ({\n  children,\n  classNames,\n  scrollable,\n  ...tableProps\n}: TableProps): ReactNode => {\n  const table = (\n    <MantineTable\n      withRowBorders\n      data-scrollable={scrollable ? true : undefined}\n      classNames={{\n        table: cx(\n          classNames?.table ?? tableRecipe(),\n          classNames?.root ?? tableRoot(),\n        ),\n        thead: classNames?.thead ?? tableThead(),\n        tbody: classNames?.tbody ?? tableTbody(),\n        tfoot: classNames?.tfoot ?? tableTfoot(),\n        tr: classNames?.tr ?? tableTr(),\n        th: classNames?.th ?? tableTh(),\n        td: classNames?.td ?? tableTd(),\n        caption: classNames?.caption ?? tableCaption(),\n      }}\n      {...tableProps}\n    >\n      {children}\n    </MantineTable>\n  );\n\n  if (scrollable) {\n    return (\n      <TableScroll\n        scrollable={scrollable}\n        stickyHeader={tableProps.stickyHeader}\n      >\n        {table}\n      </TableScroll>\n    );\n  }\n\n  return table;\n};\n"],"mappings":"6VAmBA,MAAa,GAAa,CACxB,WACA,aACA,aACA,GAAG,KACwB,CAC3B,IAAMA,EACJ,EAACC,EAAAA,CACC,eAAA,GACA,kBAAiB,EAAa,GAAO,IAAA,GACrC,WAAY,CACV,MAAO,EACL,GAAY,OAASC,GAAa,CAClC,GAAY,MAAQ,GAAW,CAChC,CACD,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,QAAS,GAAY,SAAW,GAAc,CAC/C,CACD,GAAI,EAEH,YACY,CAcjB,OAXI,EAEA,EAAC,EAAA,CACa,aACZ,aAAc,EAAW,sBAExBF,GACW,CAIXA"}

package/dist/components/data-display/table/TableRow.d.mts

@@ -0,0 +1,12 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableRow.d.ts
+type TableRowProps = {
+  children: ReactNode;
+  ref?: React.Ref<HTMLTableRowElement>;
+  classNames?: Pick<TableClassNames, 'tr'>;
+};
+//#endregion
+export { TableRowProps };
+//# sourceMappingURL=TableRow.d.mts.map

package/dist/components/data-display/table/TableRow.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableRow.tsx"],"mappings":";;;;KAMY,aAAA;EACV,QAAA,EAAU,SAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,mBAAA;EAChB,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableRow.mjs

@@ -0,0 +1,2 @@
+import{Table as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,...r})=>t(e.Tr,{className:n?.tr,...r});export{n as TableRow};
+//# sourceMappingURL=TableRow.mjs.map

package/dist/components/data-display/table/TableRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableRowProps = {\n  children: ReactNode;\n  ref?: React.Ref<HTMLTableRowElement>;\n  classNames?: Pick<TableClassNames, 'tr'>;\n};\n\nexport const TableRow = ({\n  classNames,\n  ...props\n}: TableRowProps): ReactNode => {\n  return <MantineTable.Tr className={classNames?.tr} {...props} />;\n};\n"],"mappings":"8EAYA,MAAa,GAAY,CACvB,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}

package/dist/components/data-display/table/TableScroll.d.mts

@@ -0,0 +1,14 @@
+import { ScrollAreaProps } from "../../misc/scroll-area/ScrollArea.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableScroll.d.ts
+type ScrollableTableConfig = {
+  maxHeight?: number | string;
+  minWidth?: number | string;
+  estimateSize: number;
+  overscan?: number;
+  scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'viewportRef' | 'style'>;
+};
+//#endregion
+export { ScrollableTableConfig };
+//# sourceMappingURL=TableScroll.d.mts.map

package/dist/components/data-display/table/TableScroll.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableScroll.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableScroll.tsx"],"mappings":";;;;KAmBY,qBAAA;EACV,SAAA;EACA,QAAA;EACA,YAAA;EACA,QAAA;EACA,eAAA,GAAkB,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableScroll.mjs

@@ -0,0 +1,2 @@
+import{ScrollableContext as e}from"./TableContext.mjs";import{ScrollArea as t}from"../../misc/scroll-area/ScrollArea.mjs";import{tableScroll as n,tableScrollContent as r,tableScrollCorner as i,tableScrollRoot as a,tableScrollScrollbar as o,tableScrollThumb as s,tableScrollViewport as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{useRef as u,useState as d}from"react";const f=({children:f,scrollable:p,stickyHeader:m})=>{let h=u(null),[g,_]=d(0),{maxHeight:v,minWidth:y,estimateSize:b,overscan:x,scrollAreaProps:S}=p,C={...v&&{"--scrollarea-viewport-max-height":typeof v==`number`?`${v}px`:v},...y&&{"--scrollable-table-min-width":typeof y==`number`?`${y}px`:y},...m&&{"--scrollarea-scrollbar-vertical-top":`${g}px`}},w={scrollArea:S?.classNames?.scrollArea??n(),root:S?.classNames?.root??a(),viewport:S?.classNames?.viewport??c(),content:S?.classNames?.content??r(),scrollbar:S?.classNames?.scrollbar??o(),thumb:S?.classNames?.thumb??s(),corner:S?.classNames?.corner??i()};return l(e.Provider,{value:{viewportRef:h,estimateSize:b,overscan:x,stickyHeader:m,setHeaderHeight:_},children:l(t,{scrollbars:`xy`,type:`hover`,offsetScrollbars:!1,"data-sticky-header":m||void 0,viewportRef:h,classNames:w,style:C,...S,children:f})})};export{f as TableScroll};
+//# sourceMappingURL=TableScroll.mjs.map

package/dist/components/data-display/table/TableScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableScroll.mjs","names":["tableScrollRecipe"],"sources":["../../../../src/components/data-display/table/TableScroll.tsx"],"sourcesContent":["import { type ReactNode, useRef, useState } from 'react';\n\nimport {\n  tableScrollContent,\n  tableScrollCorner,\n  tableScroll as tableScrollRecipe,\n  tableScrollRoot,\n  tableScrollScrollbar,\n  tableScrollThumb,\n  tableScrollViewport,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  ScrollArea,\n  type ScrollAreaClassNames,\n  type ScrollAreaProps,\n} from '../../misc/scroll-area/ScrollArea';\nimport { ScrollableContext } from './TableContext';\n\nexport type ScrollableTableConfig = {\n  maxHeight?: number | string;\n  minWidth?: number | string;\n  estimateSize: number;\n  overscan?: number;\n  scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'viewportRef' | 'style'>;\n};\n\ntype TableScrollProps = {\n  children: ReactNode;\n  scrollable: ScrollableTableConfig;\n  stickyHeader?: boolean;\n};\n\nexport const TableScroll = ({\n  children,\n  scrollable,\n  stickyHeader,\n}: TableScrollProps): ReactNode => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const [headerHeight, setHeaderHeight] = useState(0);\n\n  const { maxHeight, minWidth, estimateSize, overscan, scrollAreaProps } =\n    scrollable;\n\n  const style = {\n    ...(maxHeight && {\n      '--scrollarea-viewport-max-height':\n        typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n    }),\n    ...(minWidth && {\n      '--scrollable-table-min-width':\n        typeof minWidth === 'number' ? `${minWidth}px` : minWidth,\n    }),\n    ...(stickyHeader && {\n      '--scrollarea-scrollbar-vertical-top': `${headerHeight}px`,\n    }),\n  } as React.CSSProperties;\n\n  const classNames: ScrollAreaClassNames = {\n    scrollArea: scrollAreaProps?.classNames?.scrollArea ?? tableScrollRecipe(),\n    root: scrollAreaProps?.classNames?.root ?? tableScrollRoot(),\n    viewport: scrollAreaProps?.classNames?.viewport ?? tableScrollViewport(),\n    content: scrollAreaProps?.classNames?.content ?? tableScrollContent(),\n    scrollbar: scrollAreaProps?.classNames?.scrollbar ?? tableScrollScrollbar(),\n    thumb: scrollAreaProps?.classNames?.thumb ?? tableScrollThumb(),\n    corner: scrollAreaProps?.classNames?.corner ?? tableScrollCorner(),\n  };\n\n  return (\n    <ScrollableContext.Provider\n      value={{\n        viewportRef,\n        estimateSize,\n        overscan,\n        stickyHeader,\n        setHeaderHeight,\n      }}\n    >\n      <ScrollArea\n        scrollbars='xy'\n        type='hover'\n        offsetScrollbars={false}\n        data-sticky-header={stickyHeader || undefined}\n        viewportRef={viewportRef}\n        classNames={classNames}\n        style={style}\n        {...scrollAreaProps}\n      >\n        {children}\n      </ScrollArea>\n    </ScrollableContext.Provider>\n  );\n};\n"],"mappings":"yZAiCA,MAAa,GAAe,CAC1B,WACA,aACA,kBACiC,CACjC,IAAM,EAAc,EAAuB,KAAK,CAC1C,CAAC,EAAc,GAAmB,EAAS,EAAE,CAE7C,CAAE,YAAW,WAAU,eAAc,WAAU,mBACnD,EAEI,EAAQ,CACZ,GAAI,GAAa,CACf,mCACE,OAAO,GAAc,SAAW,GAAG,EAAU,IAAM,EACtD,CACD,GAAI,GAAY,CACd,+BACE,OAAO,GAAa,SAAW,GAAG,EAAS,IAAM,EACpD,CACD,GAAI,GAAgB,CAClB,sCAAuC,GAAG,EAAa,IACxD,CACF,CAEK,EAAmC,CACvC,WAAY,GAAiB,YAAY,YAAcA,GAAmB,CAC1E,KAAM,GAAiB,YAAY,MAAQ,GAAiB,CAC5D,SAAU,GAAiB,YAAY,UAAY,GAAqB,CACxE,QAAS,GAAiB,YAAY,SAAW,GAAoB,CACrE,UAAW,GAAiB,YAAY,WAAa,GAAsB,CAC3E,MAAO,GAAiB,YAAY,OAAS,GAAkB,CAC/D,OAAQ,GAAiB,YAAY,QAAU,GAAmB,CACnE,CAED,OACE,EAAC,EAAkB,SAAA,CACjB,MAAO,CACL,cACA,eACA,WACA,eACA,kBACD,UAED,EAAC,EAAA,CACC,WAAW,KACX,KAAK,QACL,iBAAkB,GAClB,qBAAoB,GAAgB,IAAA,GACvB,cACD,aACL,QACP,GAAI,EAEH,YACU,EACc"}

package/dist/components/data-display/table/TableTypes.d.mts

@@ -0,0 +1,33 @@
+import { ScrollableTableConfig } from "./TableScroll.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableTypes.d.ts
+type TableClassNames = {
+  table?: string;
+  root?: string;
+  thead?: string;
+  tbody?: string;
+  tfoot?: string;
+  tr?: string;
+  th?: string;
+  td?: string;
+  caption?: string;
+};
+type TableProps = {
+  children: ReactNode;
+  layout?: 'auto' | 'fixed';
+  captionSide?: 'top' | 'bottom';
+  withTableBorder?: boolean;
+  withColumnBorders?: boolean;
+  withRowBorders?: boolean;
+  striped?: boolean | 'odd' | 'even';
+  highlightOnHover?: boolean;
+  stickyHeader?: boolean;
+  stickyHeaderOffset?: number | string;
+  tabularNums?: boolean;
+  classNames?: TableClassNames;
+  scrollable?: ScrollableTableConfig;
+};
+//#endregion
+export { TableClassNames, TableProps };
+//# sourceMappingURL=TableTypes.d.mts.map

package/dist/components/data-display/table/TableTypes.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTypes.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableTypes.ts"],"mappings":";;;;KAIY,eAAA;EACV,KAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,OAAA;AAAA;AAAA,KAGU,UAAA;EACV,QAAA,EAAU,SAAA;EACV,MAAA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,OAAA;EACA,gBAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,UAAA,GAAa,eAAA;EACb,UAAA,GAAa,qBAAA;AAAA"}

package/dist/components/index.d.mts

@@ -8,8 +8,9 @@ import "./buttons/index.mjs";
 import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
 import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
-import { ScrollArea, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
+import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./misc/virtual/Virtual.mjs";
 import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
 import "./misc/index.mjs";
 import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
@@ -26,13 +27,23 @@ import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs
 import { IconSvg, IconSvgProps } from "./data-display/icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./data-display/icons/icon-wrapped/IconWrapped.mjs";
 import { Indicator, IndicatorProps } from "./data-display/indicator/Indicator.mjs";
-import { BoardData, BoardItem, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./data-display/kanban/Kanban.mjs";
+import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./data-display/kanban/Kanban.mjs";
+import { KanbanCard, KanbanCardProps } from "./data-display/kanban/KanbanCard.mjs";
 import { LoaderDot, LoaderDotProps } from "./data-display/loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./data-display/loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoImage.mjs";
 import { LogoSvg, LogoSvgProps } from "./data-display/logos/logo-svg/LogoSvg.mjs";
 import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./data-display/notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./data-display/removable-item/RemovableItem.mjs";
+import { TableClassNames, TableProps } from "./data-display/table/TableTypes.mjs";
+import { TableHeadProps } from "./data-display/table/TableHead.mjs";
+import { TableBodyProps } from "./data-display/table/TableBody.mjs";
+import { TableFootProps } from "./data-display/table/TableFoot.mjs";
+import { TableRowProps } from "./data-display/table/TableRow.mjs";
+import { TableHeaderCellProps } from "./data-display/table/TableHeaderCell.mjs";
+import { TableCellProps } from "./data-display/table/TableCell.mjs";
+import { TableCaptionProps } from "./data-display/table/TableCaption.mjs";
+import { Table } from "./data-display/table/Table.mjs";
 import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";

package/dist/components/misc/index.d.mts

@@ -1,4 +1,5 @@
 import { HorizontalDivider, HorizontalDividerProps } from "./horizontal-divider/HorizontalDivider.mjs";
-import { ScrollArea, ScrollAreaProps } from "./scroll-area/ScrollArea.mjs";
+import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./scroll-area/ScrollArea.mjs";
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./virtual/Virtual.mjs";
 import { VisuallyHidden, VisuallyHiddenProps } from "./visually-hidden/VisuallyHidden.mjs";

package/dist/components/misc/scroll-area/ScrollArea.d.mts

@@ -1,21 +1,24 @@
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 
 //#region src/components/misc/scroll-area/ScrollArea.d.ts
+type ScrollAreaClassNames = {
+  scrollArea?: string;
+  root?: string;
+  viewport?: string;
+  content?: string;
+  scrollbar?: string;
+  thumb?: string;
+  corner?: string;
+};
 type ScrollAreaProps = {
   children: ReactNode;
   scrollbars?: 'y' | 'x' | 'xy' | false;
   type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';
   scrollbarSize?: string | number;
   offsetScrollbars?: boolean | 'x' | 'y' | 'present';
-  classNames?: {
-    scrollArea?: string;
-    root?: string;
-    viewport?: string;
-    content?: string;
-    scrollbar?: string;
-    thumb?: string;
-    corner?: string;
-  };
+  viewportRef?: RefObject<HTMLDivElement | null>;
+  styles?: Partial<Record<'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner', React.CSSProperties>>;
+  classNames?: ScrollAreaClassNames;
 };
 declare const ScrollArea: ({
   children,
@@ -23,5 +26,5 @@ declare const ScrollArea: ({
   ...props
 }: ScrollAreaProps) => ReactNode;
 //#endregion
-export { ScrollArea, ScrollAreaProps };
+export { ScrollArea, ScrollAreaClassNames, ScrollAreaProps };
 //# sourceMappingURL=ScrollArea.d.mts.map

package/dist/components/misc/scroll-area/ScrollArea.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,UAAA;IACE,UAAA;IACA,IAAA;IACA,QAAA;IACA,OAAA;IACA,SAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,UAAA;EAAc,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAkB,SAAA"}
+{"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,oBAAA;EACV,UAAA;EACA,IAAA;EACA,QAAA;EACA,OAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,KAGU,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,WAAA,GAAc,SAAA,CAAU,cAAA;EACxB,MAAA,GAAS,OAAA,CACP,MAAA,yDAEE,KAAA,CAAM,aAAA;EAGV,UAAA,GAAa,oBAAA;AAAA;AAAA,cAGF,UAAA;EAAc,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAkB,SAAA"}

package/dist/components/misc/scroll-area/ScrollArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  classNames?: {\n    scrollArea?: string;\n    root?: string;\n    viewport?: string;\n    content?: string;\n    scrollbar?: string;\n    thumb?: string;\n    corner?: string;\n  };\n};\n\nexport const ScrollArea = ({\n  children,\n  classNames,\n  ...props\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUA+BA,MAAaA,GAAc,CACzB,WACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CACD,GAAI,EAEH,YACiB"}
+{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaClassNames = {\n  scrollArea?: string;\n  root?: string;\n  viewport?: string;\n  content?: string;\n  scrollbar?: string;\n  thumb?: string;\n  corner?: string;\n};\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  viewportRef?: RefObject<HTMLDivElement | null>;\n  styles?: Partial<\n    Record<\n      'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner',\n      React.CSSProperties\n    >\n  >;\n  classNames?: ScrollAreaClassNames;\n};\n\nexport const ScrollArea = ({\n  children,\n  classNames,\n  ...props\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUAwCA,MAAaA,GAAc,CACzB,WACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CACD,GAAI,EAEH,YACiB"}

package/dist/components/misc/virtual/Virtual.d.mts

@@ -0,0 +1,29 @@
+import { ReactNode, RefObject } from "react";
+
+//#region src/components/misc/virtual/Virtual.d.ts
+type VirtualItem<TRow> = {
+  row: TRow;
+  index: number;
+  measureRef: (node: Element | null) => void;
+};
+type VirtualPadding = {
+  top: number;
+  bottom: number;
+};
+type VirtualProps<TRow> = {
+  rows: TRow[];
+  estimateSize: number;
+  scrollRef: RefObject<HTMLElement | null>;
+  overscan?: number;
+  children: (items: VirtualItem<TRow>[], padding: VirtualPadding) => ReactNode;
+};
+declare const Virtual: <TRow>({
+  rows,
+  estimateSize,
+  scrollRef,
+  overscan,
+  children
+}: VirtualProps<TRow>) => ReactNode;
+//#endregion
+export { Virtual, VirtualItem, VirtualPadding, VirtualProps };
+//# sourceMappingURL=Virtual.d.mts.map

package/dist/components/misc/virtual/Virtual.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Virtual.d.mts","names":[],"sources":["../../../../src/components/misc/virtual/Virtual.tsx"],"mappings":";;;KAIY,WAAA;EACV,GAAA,EAAK,IAAA;EACL,KAAA;EACA,UAAA,GAAa,IAAA,EAAM,OAAA;AAAA;AAAA,KAGT,cAAA;EACV,GAAA;EACA,MAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA,EAAM,IAAA;EACN,YAAA;EACA,SAAA,EAAW,SAAA,CAAU,WAAA;EACrB,QAAA;EACA,QAAA,GAAW,KAAA,EAAO,WAAA,CAAY,IAAA,KAAS,OAAA,EAAS,cAAA,KAAmB,SAAA;AAAA;AAAA,cAGxD,OAAA;EAAkB,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAM5B,YAAA,CAAa,IAAA,MAAQ,SAAA"}

package/dist/components/misc/virtual/Virtual.mjs

@@ -0,0 +1,2 @@
+import{useVirtualizer as e}from"@tanstack/react-virtual";const t=({rows:t,estimateSize:n,scrollRef:r,overscan:i=5,children:a})=>{let o=e({count:t.length,getScrollElement:()=>r.current,estimateSize:()=>n,measureElement:e=>e.getBoundingClientRect().height,overscan:i}),s=o.getVirtualItems();return a(s.map(e=>({row:t[e.index],index:e.index,measureRef:t=>{t&&(t.setAttribute(`data-index`,String(e.index)),o.measureElement(t))}})),{top:s[0]?.start??0,bottom:o.getTotalSize()-(s.at(-1)?.end??0)})};export{t as Virtual};
+//# sourceMappingURL=Virtual.mjs.map

package/dist/components/misc/virtual/Virtual.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Virtual.mjs","names":[],"sources":["../../../../src/components/misc/virtual/Virtual.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nexport type VirtualItem<TRow> = {\n  row: TRow;\n  index: number;\n  measureRef: (node: Element | null) => void;\n};\n\nexport type VirtualPadding = {\n  top: number;\n  bottom: number;\n};\n\nexport type VirtualProps<TRow> = {\n  rows: TRow[];\n  estimateSize: number;\n  scrollRef: RefObject<HTMLElement | null>;\n  overscan?: number;\n  children: (items: VirtualItem<TRow>[], padding: VirtualPadding) => ReactNode;\n};\n\nexport const Virtual = <TRow,>({\n  rows,\n  estimateSize,\n  scrollRef,\n  overscan = 5,\n  children,\n}: VirtualProps<TRow>): ReactNode => {\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => estimateSize,\n    measureElement: (element) => element.getBoundingClientRect().height,\n    overscan,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n\n  const items: VirtualItem<TRow>[] = virtualItems.map((virtualRow) => ({\n    row: rows[virtualRow.index],\n    index: virtualRow.index,\n    measureRef: (node: Element | null) => {\n      if (node) {\n        node.setAttribute('data-index', String(virtualRow.index));\n        virtualizer.measureElement(node);\n      }\n    },\n  }));\n\n  const padding: VirtualPadding = {\n    top: virtualItems[0]?.start ?? 0,\n    bottom: virtualizer.getTotalSize() - (virtualItems.at(-1)?.end ?? 0),\n  };\n\n  return children(items, padding);\n};\n"],"mappings":"yDAuBA,MAAa,GAAkB,CAC7B,OACA,eACA,YACA,WAAW,EACX,cACmC,CACnC,IAAM,EAAc,EAAe,CACjC,MAAO,EAAK,OACZ,qBAAwB,EAAU,QAClC,iBAAoB,EACpB,eAAiB,GAAY,EAAQ,uBAAuB,CAAC,OAC7D,WACD,CAAC,CAEI,EAAe,EAAY,iBAAiB,CAkBlD,OAAO,EAhB4B,EAAa,IAAK,IAAgB,CACnE,IAAK,EAAK,EAAW,OACrB,MAAO,EAAW,MAClB,WAAa,GAAyB,CAChC,IACF,EAAK,aAAa,aAAc,OAAO,EAAW,MAAM,CAAC,CACzD,EAAY,eAAe,EAAK,GAGrC,EAAE,CAE6B,CAC9B,IAAK,EAAa,IAAI,OAAS,EAC/B,OAAQ,EAAY,cAAc,EAAI,EAAa,GAAG,GAAG,EAAE,KAAO,GACnE,CAE8B"}

package/dist/index.d.mts

@@ -7,8 +7,9 @@ import { ButtonVisual, ButtonVisualProps } from "./components/buttons/button-vis
 import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./components/controls/date-picker/DatePicker.mjs";
 import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.mjs";
-import { ScrollArea, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
+import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./components/misc/virtual/Virtual.mjs";
 import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.mjs";
 import { TextInput, TextInputProps } from "./components/controls/text-input/TextInput.mjs";
 import { Combobox, ComboboxProps } from "./components/controls/dropdown/combobox/Combobox.mjs";
@@ -24,13 +25,23 @@ import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/
 import { IconSvg, IconSvgProps } from "./components/data-display/icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./components/data-display/icons/icon-wrapped/IconWrapped.mjs";
 import { Indicator, IndicatorProps } from "./components/data-display/indicator/Indicator.mjs";
-import { BoardData, BoardItem, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./components/data-display/kanban/Kanban.mjs";
+import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./components/data-display/kanban/Kanban.mjs";
+import { KanbanCard, KanbanCardProps } from "./components/data-display/kanban/KanbanCard.mjs";
 import { LoaderDot, LoaderDotProps } from "./components/data-display/loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./components/data-display/loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./components/data-display/logos/logo-image/LogoImage.mjs";
 import { LogoSvg, LogoSvgProps } from "./components/data-display/logos/logo-svg/LogoSvg.mjs";
 import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./components/data-display/notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./components/data-display/removable-item/RemovableItem.mjs";
+import { TableClassNames, TableProps } from "./components/data-display/table/TableTypes.mjs";
+import { TableHeadProps } from "./components/data-display/table/TableHead.mjs";
+import { TableBodyProps } from "./components/data-display/table/TableBody.mjs";
+import { TableFootProps } from "./components/data-display/table/TableFoot.mjs";
+import { TableRowProps } from "./components/data-display/table/TableRow.mjs";
+import { TableHeaderCellProps } from "./components/data-display/table/TableHeaderCell.mjs";
+import { TableCellProps } from "./components/data-display/table/TableCell.mjs";
+import { TableCaptionProps } from "./components/data-display/table/TableCaption.mjs";
+import { Table } from "./components/data-display/table/Table.mjs";
 import { Tag, TagProps } from "./components/data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./components/data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./components/data-display/uploaded-file/UploadedFile.mjs";
@@ -63,4 +74,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
 import "./components/index.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
 import "./providers/index.mjs";
-export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardProps, CardRenderProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, ConfigMap, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, usePasswordRules, z };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardMove, CardProps, CardRenderProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, ConfigMap, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanCard, KanbanCardProps, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, usePasswordRules, z };

package/dist/index.mjs

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{DescriptionList as l}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as u}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as d}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as f}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as p}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as m}from"./components/data-display/indicator/Indicator.mjs";import{Kanban as h}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as g}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as _}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as v}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as y}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as b}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as x}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as S}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as C}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as w}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as T}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as E}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as D}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as O}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as k}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as A}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as j}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Checkbox as M}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as N}from"./components/controls/date-picker/DatePicker.mjs";import{TextInput as P}from"./components/controls/text-input/TextInput.mjs";import{Autocomplete as F}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as I}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as L}from"./components/controls/dropdown/select/Select.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as H}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as U}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as W}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as G}from"./components/controls/radio/Radio.mjs";import{Textarea as K}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as q}from"./components/forms/rules/password-rules.mjs";import{z as J}from"./components/forms/rules/zod.mjs";import{Form as Y}from"./components/forms/Form.mjs";import{Card as X}from"./components/layouts/card/Card.mjs";import{FluidGrid as Z}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as Q}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as $}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as ee}from"./components/navigations/menu/Menu.mjs";import{Modal as te}from"./components/overlays/modal/Modal.mjs";import{Modals as ne}from"./components/overlays/modal/index.mjs";import{Toast as re}from"./components/overlays/toast/toast.mjs";import{Tooltip as ie}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ae}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as oe}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,F as Autocomplete,a as Avatar,o as Badge,$ as Breadcrumbs,e as Button,n as ButtonAction,k as ButtonIcon,A as ButtonIconVisual,r as ButtonLoader,j as ButtonVisual,s as Calendar,X as Card,M as Checkbox,I as Combobox,N as DatePicker,l as DescriptionList,R as Dropzone,z as DropzoneFiles,B as FileInput,V as FileInputMultiple,Z as FluidGrid,Y as Form,Q as Grid,E as HorizontalDivider,d as Icon,u as IconRaw,f as IconSvg,p as IconWrapped,m as Indicator,h as Kanban,g as LoaderDot,_ as LoaderOval,v as LogoImage,y as LogoSvg,oe as MageUiProvider,ee as Menu,te as Modal,ne as Modals,b as NotificationBanner,q as PASSWORD_RULES,H as PasswordInput,U as PasswordStrengthInput,G as Radio,x as RemovableItem,D as ScrollArea,O as ScrollAreaAutosize,L as Select,ae as Sidebar,C as Tag,S as TagGroup,P as TextInput,K as Textarea,re as Toast,ie as Tooltip,w as UploadedFile,T as UploadedFileDetails,t as VisuallyHidden,c as momentLocalizer,W as usePasswordRules,J as z};
+import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{DescriptionList as l}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as u}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as d}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as f}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as p}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as m}from"./components/data-display/indicator/Indicator.mjs";import{KanbanCard as h}from"./components/data-display/kanban/KanbanCard.mjs";import{Kanban as g}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as _}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as v}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as y}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as b}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as x}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as S}from"./components/data-display/removable-item/RemovableItem.mjs";import{Virtual as C}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as w}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as T}from"./components/data-display/table/Table.mjs";import{TagGroup as E}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as D}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as O}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as k}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as A}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as j}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as M}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as N}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as P}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Checkbox as F}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as I}from"./components/controls/date-picker/DatePicker.mjs";import{TextInput as L}from"./components/controls/text-input/TextInput.mjs";import{Autocomplete as R}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as z}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as B}from"./components/controls/dropdown/select/Select.mjs";import{Dropzone as V}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as H}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as U}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as W}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as G}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as K}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as q}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Textarea as Y}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as X}from"./components/forms/rules/password-rules.mjs";import{z as Z}from"./components/forms/rules/zod.mjs";import{Form as Q}from"./components/forms/Form.mjs";import{Card as $}from"./components/layouts/card/Card.mjs";import{FluidGrid as ee}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as te}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ne}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as re}from"./components/navigations/menu/Menu.mjs";import{Modal as ie}from"./components/overlays/modal/Modal.mjs";import{Modals as ae}from"./components/overlays/modal/index.mjs";import{Toast as oe}from"./components/overlays/toast/toast.mjs";import{Tooltip as se}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ce}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as le}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,R as Autocomplete,a as Avatar,o as Badge,ne as Breadcrumbs,e as Button,n as ButtonAction,M as ButtonIcon,N as ButtonIconVisual,r as ButtonLoader,P as ButtonVisual,s as Calendar,$ as Card,F as Checkbox,z as Combobox,I as DatePicker,l as DescriptionList,V as Dropzone,H as DropzoneFiles,U as FileInput,W as FileInputMultiple,ee as FluidGrid,Q as Form,te as Grid,A as HorizontalDivider,d as Icon,u as IconRaw,f as IconSvg,p as IconWrapped,m as Indicator,g as Kanban,h as KanbanCard,_ as LoaderDot,v as LoaderOval,y as LogoImage,b as LogoSvg,le as MageUiProvider,re as Menu,ie as Modal,ae as Modals,x as NotificationBanner,X as PASSWORD_RULES,G as PasswordInput,K as PasswordStrengthInput,J as Radio,S as RemovableItem,w as ScrollArea,j as ScrollAreaAutosize,B as Select,ce as Sidebar,T as Table,D as Tag,E as TagGroup,L as TextInput,Y as Textarea,oe as Toast,se as Tooltip,O as UploadedFile,k as UploadedFileDetails,C as Virtual,t as VisuallyHidden,c as momentLocalizer,q as usePasswordRules,Z as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.64",
+  "version": "1.0.65",
   "private": false,
   "description": "",
   "keywords": [],
@@ -20,15 +20,16 @@
     "@pandacss/types": "^1.8.2",
     "@types/node": "^25.3.3",
     "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
     "@types/react-big-calendar": "^1.16.3",
+    "@types/react-dom": "^19.2.3",
     "rimraf": "^6.1.3",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.64",
+    "@mage-ui/preset": "1.0.65",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {
+    "@ebay/nice-modal-react": "^1.2.13",
     "@hookform/resolvers": "^5.2.2",
     "@mantine/core": "^8.3.15",
     "@mantine/dates": "^8.3.15",
@@ -47,13 +48,15 @@
     "react-big-calendar": "^1.19.4",
     "react-dom": "^19.2.4",
     "react-hook-form": "^7.71.2",
-    "zod": "^4.3.6",
-    "@ebay/nice-modal-react": "^1.2.13",
-    "react-kanban-kit": "^0.0.2-beta.6"
+    "react-kanban-kit": "^0.0.2-beta.6",
+    "zod": "^4.3.6"
   },
   "engines": {
     "node": ">=24.9.0"
   },
+  "dependencies": {
+    "@tanstack/react-virtual": "^3.13.19"
+  },
   "scripts": {
     "build": "rimraf dist && panda codegen && tsdown --env.NODE_ENV=production --minify",
     "clean": "rimraf dist node_modules styled-system",