@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/table/table.js

@@ -2,14 +2,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleAlert, Inbox } from "lucide-react";
 import { forwardRef, useEffect, useRef, useState } from "react";
-import { Button } from "../button/index.js";
-import { Loading } from "../loading/index.js";
-import { Scrollbar } from "../scrollbar/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { LoadingControl } from "../loading/loading.js";
+import { ScrollbarControl } from "../scrollbar/scrollbar.js";
 import { classes } from "../shared/classes.js";
 import { useMergedRef } from "../shared/field.js";
 import { inertProps } from "../shared/inert.js";
 import { useText } from "../shared/use-text.js";
-const table_TableRoot = /*#__PURE__*/ forwardRef(function({ size = 'md', bordered = false, striped = false, stickyHeader = true, maxHeight, minWidth, tableLayout, tableStyle, scrollRef, loading = false, className, style, children, ...props }, ref) {
+const table_TableRootControl = /*#__PURE__*/ forwardRef(function({ size = 'md', bordered = false, striped = false, stickyHeader = true, maxHeight, minWidth, tableLayout, tableStyle, scrollRef, loading = false, className, style, children, ...props }, ref) {
     const t = useText();
     const element = useRef(null);
     const tableRef = useMergedRef(element, ref);
@@ -41,7 +42,7 @@ const table_TableRoot = /*#__PURE__*/ forwardRef(function({ size = 'md', bordere
         style: style,
         "data-loading": loading || void 0,
         children: [
-            /*#__PURE__*/ jsx(Scrollbar, {
+            /*#__PURE__*/ jsx(ScrollbarControl, {
                 ref: scrollRef,
                 className: "leaf-table__scroll-area",
                 viewportClassName: "leaf-table__viewport",
@@ -52,7 +53,7 @@ const table_TableRoot = /*#__PURE__*/ forwardRef(function({ size = 'md', bordere
                 verticalOffset: headerHeight,
                 orientation: "both",
                 role: "region",
-                "aria-label": `${props['aria-label'] ?? t('表格', 'Table')} · ${t('滚动区域', 'Scroll area')}`,
+                "aria-label": `${props['aria-label'] ?? t('table.table')} · ${t('table.scrollArea')}`,
                 ...inertProps(loading),
                 children: /*#__PURE__*/ jsx("table", {
                     ...props,
@@ -68,36 +69,36 @@ const table_TableRoot = /*#__PURE__*/ forwardRef(function({ size = 'md', bordere
             }),
             loading && /*#__PURE__*/ jsx("div", {
                 className: "leaf-table__overlay",
-                children: /*#__PURE__*/ jsx(Loading, {
+                children: /*#__PURE__*/ jsx(LoadingControl, {
                     size: size,
-                    tip: t('加载中', 'Loading')
+                    tip: t('common.loading')
                 })
             })
         ]
     });
 });
-const table_TableHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const table_TableHeaderControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx("thead", {
         ...props,
         ref: ref,
         className: classes('leaf-table__header', className)
     });
 });
-const table_TableBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const table_TableBodyControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx("tbody", {
         ...props,
         ref: ref,
         className: classes('leaf-table__body', className)
     });
 });
-const table_TableFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const table_TableFooterControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx("tfoot", {
         ...props,
         ref: ref,
         className: classes('leaf-table__footer', className)
     });
 });
-const table_TableRow = /*#__PURE__*/ forwardRef(function({ selected, className, ...props }, ref) {
+const table_TableRowControl = /*#__PURE__*/ forwardRef(function({ selected, className, ...props }, ref) {
     return /*#__PURE__*/ jsx("tr", {
         ...props,
         ref: ref,
@@ -117,7 +118,7 @@ function cellStyle(style, align, pinned, pinOffset) {
         ...style
     };
 }
-const table_TableCell = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOffset = 0, pinEdge, className, style, ...props }, ref) {
+const table_TableCellControl = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOffset = 0, pinEdge, className, style, ...props }, ref) {
     return /*#__PURE__*/ jsx("td", {
         ...props,
         ref: ref,
@@ -127,7 +128,7 @@ const table_TableCell = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOf
         style: cellStyle(style, align, pinned, pinOffset)
     });
 });
-const table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOffset = 0, pinEdge, className, style, scope = 'col', ...props }, ref) {
+const table_TableColumnHeaderControl = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOffset = 0, pinEdge, className, style, scope = 'col', ...props }, ref) {
     return /*#__PURE__*/ jsx("th", {
         ...props,
         ref: ref,
@@ -138,18 +139,18 @@ const table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ align, pinne
         style: cellStyle(style, align, pinned, pinOffset)
     });
 });
-const table_TableCaption = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const table_TableCaptionControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx("caption", {
         ...props,
         ref: ref,
         className: classes('leaf-table__caption', className)
     });
 });
-function TableEmpty({ colSpan = 1, children }) {
+function TableEmptyControl({ colSpan = 1, children }) {
     const t = useText();
-    return /*#__PURE__*/ jsx(table_TableRow, {
+    return /*#__PURE__*/ jsx(table_TableRowControl, {
         className: "leaf-table__state-row",
-        children: /*#__PURE__*/ jsx(table_TableCell, {
+        children: /*#__PURE__*/ jsx(table_TableCellControl, {
             colSpan: colSpan,
             children: /*#__PURE__*/ jsxs("div", {
                 className: "leaf-table__state",
@@ -159,32 +160,32 @@ function TableEmpty({ colSpan = 1, children }) {
                         size: 28,
                         "aria-hidden": "true"
                     }),
-                    children ?? t('暂无数据', 'No data')
+                    children ?? t('common.noData')
                 ]
             })
         })
     });
 }
-function TableLoading({ colSpan = 1, children }) {
+function TableLoadingControl({ colSpan = 1, children }) {
     const t = useText();
-    return /*#__PURE__*/ jsx(table_TableRow, {
+    return /*#__PURE__*/ jsx(table_TableRowControl, {
         className: "leaf-table__state-row",
-        children: /*#__PURE__*/ jsx(table_TableCell, {
+        children: /*#__PURE__*/ jsx(table_TableCellControl, {
             colSpan: colSpan,
             children: /*#__PURE__*/ jsx("div", {
                 className: "leaf-table__state",
-                children: /*#__PURE__*/ jsx(Loading, {
-                    tip: children ?? t('加载中', 'Loading')
+                children: /*#__PURE__*/ jsx(LoadingControl, {
+                    tip: children ?? t('common.loading')
                 })
             })
         })
     });
 }
-function TableError({ colSpan = 1, children, onRetry }) {
+function TableErrorControl({ colSpan = 1, children, onRetry }) {
     const t = useText();
-    return /*#__PURE__*/ jsx(table_TableRow, {
+    return /*#__PURE__*/ jsx(table_TableRowControl, {
         className: "leaf-table__state-row",
-        children: /*#__PURE__*/ jsx(table_TableCell, {
+        children: /*#__PURE__*/ jsx(table_TableCellControl, {
             colSpan: colSpan,
             children: /*#__PURE__*/ jsxs("div", {
                 className: "leaf-table__state leaf-table__state--error",
@@ -194,18 +195,86 @@ function TableError({ colSpan = 1, children, onRetry }) {
                         size: 28,
                         "aria-hidden": "true"
                     }),
-                    children ?? t('加载失败，请重试', 'Unable to load data. Please try again.'),
-                    onRetry && /*#__PURE__*/ jsx(Button, {
+                    children ?? t('table.loadError'),
+                    onRetry && /*#__PURE__*/ jsx(ButtonControl, {
                         size: "sm",
                         variant: "outline",
                         onClick: onRetry,
-                        children: t('重试', 'Retry')
+                        children: t('common.retry')
                     })
                 ]
             })
         })
     });
 }
+const table_TableRoot = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('Table', rawProps);
+    return /*#__PURE__*/ jsx(table_TableRootControl, {
+        ...props,
+        ref: ref
+    });
+});
+const table_TableRow = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('TableRow', rawProps);
+    return /*#__PURE__*/ jsx(table_TableRowControl, {
+        ...props,
+        ref: ref
+    });
+});
+table_TableRow.displayName = 'TableRow';
+const table_TableCell = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('TableCell', rawProps);
+    return /*#__PURE__*/ jsx(table_TableCellControl, {
+        ...props,
+        ref: ref
+    });
+});
+table_TableCell.displayName = 'TableCell';
+const table_TableHeader = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableHeaderControl, {
+        ...useComponentProps('TableHeader', rawProps),
+        ref: ref
+    });
+});
+const table_TableBody = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableBodyControl, {
+        ...useComponentProps('TableBody', rawProps),
+        ref: ref
+    });
+});
+const table_TableFooter = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableFooterControl, {
+        ...useComponentProps('TableFooter', rawProps),
+        ref: ref
+    });
+});
+const table_TableColumnHeader = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableColumnHeaderControl, {
+        ...useComponentProps('TableColumnHeader', rawProps),
+        ref: ref
+    });
+});
+const table_TableCaption = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableCaptionControl, {
+        ...useComponentProps('TableCaption', rawProps),
+        ref: ref
+    });
+});
+function TableEmpty(rawProps) {
+    return /*#__PURE__*/ jsx(TableEmptyControl, {
+        ...useComponentProps('TableEmpty', rawProps)
+    });
+}
+function TableError(rawProps) {
+    return /*#__PURE__*/ jsx(TableErrorControl, {
+        ...useComponentProps('TableError', rawProps)
+    });
+}
+function TableLoading(rawProps) {
+    return /*#__PURE__*/ jsx(TableLoadingControl, {
+        ...useComponentProps('TableLoading', rawProps)
+    });
+}
 const Table = Object.assign(table_TableRoot, {
     Root: table_TableRoot,
     Header: table_TableHeader,
@@ -219,6 +288,19 @@ const Table = Object.assign(table_TableRoot, {
     Loading: TableLoading,
     Error: TableError
 });
-export { Table, TableEmpty, TableError, TableLoading, table_TableBody as TableBody, table_TableCaption as TableCaption, table_TableCell as TableCell, table_TableColumnHeader as TableColumnHeader, table_TableFooter as TableFooter, table_TableHeader as TableHeader, table_TableRow as TableRow };
+const TableControl = Object.assign(table_TableRootControl, {
+    Root: table_TableRootControl,
+    Header: table_TableHeaderControl,
+    Body: table_TableBodyControl,
+    Footer: table_TableFooterControl,
+    Row: table_TableRowControl,
+    ColumnHeader: table_TableColumnHeaderControl,
+    Cell: table_TableCellControl,
+    Caption: table_TableCaptionControl,
+    Empty: TableEmptyControl,
+    Loading: TableLoadingControl,
+    Error: TableErrorControl
+});
+export { Table, TableControl, TableEmpty, TableEmptyControl, TableError, TableErrorControl, TableLoading, TableLoadingControl, table_TableBody as TableBody, table_TableBodyControl as TableBodyControl, table_TableCaption as TableCaption, table_TableCaptionControl as TableCaptionControl, table_TableCell as TableCell, table_TableCellControl as TableCellControl, table_TableColumnHeader as TableColumnHeader, table_TableColumnHeaderControl as TableColumnHeaderControl, table_TableFooter as TableFooter, table_TableFooterControl as TableFooterControl, table_TableHeader as TableHeader, table_TableHeaderControl as TableHeaderControl, table_TableRow as TableRow, table_TableRowControl as TableRowControl };
 
 //# sourceMappingURL=table.js.map

package/dist/esm/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table/table.js","sources":["../../../src/table/table.tsx"],"sourcesContent":["import { CircleAlert, Inbox } from 'lucide-react';\nimport {\n  type CSSProperties,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type TableHTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { Loading } from '../loading';\nimport { Scrollbar } from '../scrollbar';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { inertProps } from '../shared/inert';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n  size?: ControlSize;\n  bordered?: boolean;\n  striped?: boolean;\n  stickyHeader?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  minWidth?: CSSProperties['minWidth'];\n  tableLayout?: CSSProperties['tableLayout'];\n  tableStyle?: CSSProperties;\n  scrollRef?: Ref<HTMLDivElement>;\n  loading?: boolean;\n}\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  selected?: boolean;\n}\n\nexport interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: 'start' | 'center' | 'end';\n  pinned?: 'start' | 'end';\n  pinOffset?: number;\n  pinEdge?: boolean;\n}\n\nexport interface TableColumnHeaderProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: 'start' | 'center' | 'end';\n  pinned?: 'start' | 'end';\n  pinOffset?: number;\n  pinEdge?: boolean;\n}\n\nexport interface TableStateProps {\n  colSpan?: number;\n  children?: ReactNode;\n}\n\nexport interface TableErrorProps extends TableStateProps {\n  onRetry?: () => void;\n}\n\nconst TableRoot = forwardRef<HTMLTableElement, TableProps>(function TableRoot(\n  {\n    size = 'md',\n    bordered = false,\n    striped = false,\n    stickyHeader = true,\n    maxHeight,\n    minWidth,\n    tableLayout,\n    tableStyle,\n    scrollRef,\n    loading = false,\n    className,\n    style,\n    children,\n    ...props\n  }: TableProps,\n  ref,\n) {\n  const t = useText();\n  const element = useRef<HTMLTableElement>(null);\n  const tableRef = useMergedRef(element, ref);\n  const [headerHeight, setHeaderHeight] = useState(0);\n  useEffect(() => {\n    const table = element.current;\n    if (!table || !stickyHeader) {\n      setHeaderHeight(0);\n      return;\n    }\n    const measure = () => setHeaderHeight(table.tHead?.getBoundingClientRect().height ?? 0);\n    measure();\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    observer?.observe(table);\n    if (table.tHead) observer?.observe(table.tHead);\n    const mutation =\n      typeof MutationObserver === 'undefined'\n        ? undefined\n        : new MutationObserver(() => {\n            if (table.tHead) observer?.observe(table.tHead);\n            measure();\n          });\n    mutation?.observe(table, { childList: true });\n    return () => {\n      observer?.disconnect();\n      mutation?.disconnect();\n    };\n  }, [stickyHeader]);\n  return (\n    <div\n      className={classes(\n        'leaf-table',\n        `leaf-table--${size}`,\n        bordered && 'leaf-table--bordered',\n        striped && 'leaf-table--striped',\n        stickyHeader && 'leaf-table--sticky',\n        className,\n      )}\n      style={style}\n      data-loading={loading || undefined}\n    >\n      <Scrollbar\n        ref={scrollRef}\n        className=\"leaf-table__scroll-area\"\n        viewportClassName=\"leaf-table__viewport\"\n        contentStyle={{ minWidth }}\n        maxHeight={maxHeight}\n        verticalOffset={headerHeight}\n        orientation=\"both\"\n        role=\"region\"\n        aria-label={`${props['aria-label'] ?? t('表格', 'Table')} · ${t('滚动区域', 'Scroll area')}`}\n        {...inertProps(loading)}\n      >\n        <table\n          {...props}\n          ref={tableRef}\n          className=\"leaf-table__table\"\n          style={{ tableLayout, ...tableStyle }}\n          aria-busy={loading || props['aria-busy'] || undefined}\n        >\n          {children}\n        </table>\n      </Scrollbar>\n      {loading && (\n        <div className=\"leaf-table__overlay\">\n          <Loading size={size} tip={t('加载中', 'Loading')} />\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport const TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableHeader({ className, ...props }, ref) {\n  return <thead {...props} ref={ref} className={classes('leaf-table__header', className)} />;\n});\n\nexport const TableBody = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableBody({ className, ...props }, ref) {\n  return <tbody {...props} ref={ref} className={classes('leaf-table__body', className)} />;\n});\n\nexport const TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableFooter({ className, ...props }, ref) {\n  return <tfoot {...props} ref={ref} className={classes('leaf-table__footer', className)} />;\n});\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { selected, className, ...props },\n  ref,\n) {\n  return (\n    <tr\n      {...props}\n      ref={ref}\n      className={classes('leaf-table__row', className)}\n      data-selected={selected || undefined}\n    />\n  );\n});\n\nfunction cellStyle(\n  style: CSSProperties | undefined,\n  align: TableCellProps['align'],\n  pinned: TableCellProps['pinned'],\n  pinOffset: number,\n): CSSProperties {\n  return {\n    textAlign: align,\n    ...(pinned === 'start' ? { insetInlineStart: pinOffset } : {}),\n    ...(pinned === 'end' ? { insetInlineEnd: pinOffset } : {}),\n    ...style,\n  };\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { align, pinned, pinOffset = 0, pinEdge, className, style, ...props },\n  ref,\n) {\n  return (\n    <td\n      {...props}\n      ref={ref}\n      className={classes('leaf-table__cell', className)}\n      data-pinned={pinned}\n      data-pin-edge={pinEdge || undefined}\n      style={cellStyle(style, align, pinned, pinOffset)}\n    />\n  );\n});\n\nexport const TableColumnHeader = forwardRef<HTMLTableCellElement, TableColumnHeaderProps>(\n  function TableColumnHeader(\n    { align, pinned, pinOffset = 0, pinEdge, className, style, scope = 'col', ...props },\n    ref,\n  ) {\n    return (\n      <th\n        {...props}\n        ref={ref}\n        scope={scope}\n        className={classes('leaf-table__cell', 'leaf-table__column-header', className)}\n        data-pinned={pinned}\n        data-pin-edge={pinEdge || undefined}\n        style={cellStyle(style, align, pinned, pinOffset)}\n      />\n    );\n  },\n);\n\nexport const TableCaption = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(function TableCaption({ className, ...props }, ref) {\n  return <caption {...props} ref={ref} className={classes('leaf-table__caption', className)} />;\n});\n\nexport function TableEmpty({ colSpan = 1, children }: TableStateProps) {\n  const t = useText();\n  return (\n    <TableRow className=\"leaf-table__state-row\">\n      <TableCell colSpan={colSpan}>\n        <div className=\"leaf-table__state\" role=\"status\">\n          <Inbox size={28} aria-hidden=\"true\" />\n          {children ?? t('暂无数据', 'No data')}\n        </div>\n      </TableCell>\n    </TableRow>\n  );\n}\n\nexport function TableLoading({ colSpan = 1, children }: TableStateProps) {\n  const t = useText();\n  return (\n    <TableRow className=\"leaf-table__state-row\">\n      <TableCell colSpan={colSpan}>\n        <div className=\"leaf-table__state\">\n          <Loading tip={children ?? t('加载中', 'Loading')} />\n        </div>\n      </TableCell>\n    </TableRow>\n  );\n}\n\nexport function TableError({ colSpan = 1, children, onRetry }: TableErrorProps) {\n  const t = useText();\n  return (\n    <TableRow className=\"leaf-table__state-row\">\n      <TableCell colSpan={colSpan}>\n        <div className=\"leaf-table__state leaf-table__state--error\" role=\"alert\">\n          <CircleAlert size={28} aria-hidden=\"true\" />\n          {children ?? t('加载失败，请重试', 'Unable to load data. Please try again.')}\n          {onRetry && (\n            <Button size=\"sm\" variant=\"outline\" onClick={onRetry}>\n              {t('重试', 'Retry')}\n            </Button>\n          )}\n        </div>\n      </TableCell>\n    </TableRow>\n  );\n}\n\nexport const Table = Object.assign(TableRoot, {\n  Root: TableRoot,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  ColumnHeader: TableColumnHeader,\n  Cell: TableCell,\n  Caption: TableCaption,\n  Empty: TableEmpty,\n  Loading: TableLoading,\n  Error: TableError,\n});\n"],"names":["TableRoot","forwardRef","size","bordered","striped","stickyHeader","maxHeight","minWidth","tableLayout","tableStyle","scrollRef","loading","className","style","children","props","ref","t","useText","element","useRef","tableRef","useMergedRef","headerHeight","setHeaderHeight","useState","useEffect","table","measure","observer","ResizeObserver","undefined","mutation","MutationObserver","classes","Scrollbar","inertProps","Loading","TableHeader","TableBody","TableFooter","TableRow","selected","cellStyle","align","pinned","pinOffset","TableCell","pinEdge","TableColumnHeader","scope","TableCaption","TableEmpty","colSpan","Inbox","TableLoading","TableError","onRetry","CircleAlert","Button","Table","Object"],"mappings":"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"}
+{"version":3,"file":"table/table.js","sources":["../../../src/table/table.tsx"],"sourcesContent":["import { CircleAlert, Inbox } from 'lucide-react';\nimport {\n  type CSSProperties,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type TableHTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { ScrollbarControl as Scrollbar } from '../scrollbar/scrollbar';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { inertProps } from '../shared/inert';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n  size?: ControlSize;\n  bordered?: boolean;\n  striped?: boolean;\n  stickyHeader?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  minWidth?: CSSProperties['minWidth'];\n  tableLayout?: CSSProperties['tableLayout'];\n  tableStyle?: CSSProperties;\n  scrollRef?: Ref<HTMLDivElement>;\n  loading?: boolean;\n}\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  selected?: boolean;\n}\n\nexport interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: 'start' | 'center' | 'end';\n  pinned?: 'start' | 'end';\n  pinOffset?: number;\n  pinEdge?: boolean;\n}\n\nexport interface TableColumnHeaderProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: 'start' | 'center' | 'end';\n  pinned?: 'start' | 'end';\n  pinOffset?: number;\n  pinEdge?: boolean;\n}\n\nexport interface TableStateProps {\n  colSpan?: number;\n  children?: ReactNode;\n}\n\nexport interface TableErrorProps extends TableStateProps {\n  onRetry?: () => void;\n}\n\nconst TableRootControl = forwardRef<HTMLTableElement, TableProps>(function TableRootControl(\n  {\n    size = 'md',\n    bordered = false,\n    striped = false,\n    stickyHeader = true,\n    maxHeight,\n    minWidth,\n    tableLayout,\n    tableStyle,\n    scrollRef,\n    loading = false,\n    className,\n    style,\n    children,\n    ...props\n  }: TableProps,\n  ref,\n) {\n  const t = useText();\n  const element = useRef<HTMLTableElement>(null);\n  const tableRef = useMergedRef(element, ref);\n  const [headerHeight, setHeaderHeight] = useState(0);\n  useEffect(() => {\n    const table = element.current;\n    if (!table || !stickyHeader) {\n      setHeaderHeight(0);\n      return;\n    }\n    const measure = () => setHeaderHeight(table.tHead?.getBoundingClientRect().height ?? 0);\n    measure();\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    observer?.observe(table);\n    if (table.tHead) observer?.observe(table.tHead);\n    const mutation =\n      typeof MutationObserver === 'undefined'\n        ? undefined\n        : new MutationObserver(() => {\n            if (table.tHead) observer?.observe(table.tHead);\n            measure();\n          });\n    mutation?.observe(table, { childList: true });\n    return () => {\n      observer?.disconnect();\n      mutation?.disconnect();\n    };\n  }, [stickyHeader]);\n  return (\n    <div\n      className={classes(\n        'leaf-table',\n        `leaf-table--${size}`,\n        bordered && 'leaf-table--bordered',\n        striped && 'leaf-table--striped',\n        stickyHeader && 'leaf-table--sticky',\n        className,\n      )}\n      style={style}\n      data-loading={loading || undefined}\n    >\n      <Scrollbar\n        ref={scrollRef}\n        className=\"leaf-table__scroll-area\"\n        viewportClassName=\"leaf-table__viewport\"\n        contentStyle={{ minWidth }}\n        maxHeight={maxHeight}\n        verticalOffset={headerHeight}\n        orientation=\"both\"\n        role=\"region\"\n        aria-label={`${props['aria-label'] ?? t('table.table')} · ${t('table.scrollArea')}`}\n        {...inertProps(loading)}\n      >\n        <table\n          {...props}\n          ref={tableRef}\n          className=\"leaf-table__table\"\n          style={{ tableLayout, ...tableStyle }}\n          aria-busy={loading || props['aria-busy'] || undefined}\n        >\n          {children}\n        </table>\n      </Scrollbar>\n      {loading && (\n        <div className=\"leaf-table__overlay\">\n          <Loading size={size} tip={t('common.loading')} />\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport const TableHeaderControl = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableHeaderControl(\n  { className, ...props }: HTMLAttributes<HTMLTableSectionElement>,\n  ref,\n) {\n  return <thead {...props} ref={ref} className={classes('leaf-table__header', className)} />;\n});\n\nexport const TableBodyControl = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableBodyControl({ className, ...props }: HTMLAttributes<HTMLTableSectionElement>, ref) {\n  return <tbody {...props} ref={ref} className={classes('leaf-table__body', className)} />;\n});\n\nexport const TableFooterControl = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableFooterControl(\n  { className, ...props }: HTMLAttributes<HTMLTableSectionElement>,\n  ref,\n) {\n  return <tfoot {...props} ref={ref} className={classes('leaf-table__footer', className)} />;\n});\n\nexport const TableRowControl = forwardRef<HTMLTableRowElement, TableRowProps>(\n  function TableRowControl({ selected, className, ...props }: TableRowProps, ref) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={classes('leaf-table__row', className)}\n        data-selected={selected || undefined}\n      />\n    );\n  },\n);\n\nfunction cellStyle(\n  style: CSSProperties | undefined,\n  align: TableCellProps['align'],\n  pinned: TableCellProps['pinned'],\n  pinOffset: number,\n): CSSProperties {\n  return {\n    textAlign: align,\n    ...(pinned === 'start' ? { insetInlineStart: pinOffset } : {}),\n    ...(pinned === 'end' ? { insetInlineEnd: pinOffset } : {}),\n    ...style,\n  };\n}\n\nexport const TableCellControl = forwardRef<HTMLTableCellElement, TableCellProps>(\n  function TableCellControl(\n    { align, pinned, pinOffset = 0, pinEdge, className, style, ...props }: TableCellProps,\n    ref,\n  ) {\n    return (\n      <td\n        {...props}\n        ref={ref}\n        className={classes('leaf-table__cell', className)}\n        data-pinned={pinned}\n        data-pin-edge={pinEdge || undefined}\n        style={cellStyle(style, align, pinned, pinOffset)}\n      />\n    );\n  },\n);\n\nexport const TableColumnHeaderControl = forwardRef<HTMLTableCellElement, TableColumnHeaderProps>(\n  function TableColumnHeaderControl(\n    {\n      align,\n      pinned,\n      pinOffset = 0,\n      pinEdge,\n      className,\n      style,\n      scope = 'col',\n      ...props\n    }: TableColumnHeaderProps,\n    ref,\n  ) {\n    return (\n      <th\n        {...props}\n        ref={ref}\n        scope={scope}\n        className={classes('leaf-table__cell', 'leaf-table__column-header', className)}\n        data-pinned={pinned}\n        data-pin-edge={pinEdge || undefined}\n        style={cellStyle(style, align, pinned, pinOffset)}\n      />\n    );\n  },\n);\n\nexport const TableCaptionControl = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(function TableCaptionControl(\n  { className, ...props }: HTMLAttributes<HTMLTableCaptionElement>,\n  ref,\n) {\n  return <caption {...props} ref={ref} className={classes('leaf-table__caption', className)} />;\n});\n\nexport function TableEmptyControl({ colSpan = 1, children }: TableStateProps) {\n  const t = useText();\n  return (\n    <TableRowControl className=\"leaf-table__state-row\">\n      <TableCellControl colSpan={colSpan}>\n        <div className=\"leaf-table__state\" role=\"status\">\n          <Inbox size={28} aria-hidden=\"true\" />\n          {children ?? t('common.noData')}\n        </div>\n      </TableCellControl>\n    </TableRowControl>\n  );\n}\n\nexport function TableLoadingControl({ colSpan = 1, children }: TableStateProps) {\n  const t = useText();\n  return (\n    <TableRowControl className=\"leaf-table__state-row\">\n      <TableCellControl colSpan={colSpan}>\n        <div className=\"leaf-table__state\">\n          <Loading tip={children ?? t('common.loading')} />\n        </div>\n      </TableCellControl>\n    </TableRowControl>\n  );\n}\n\nexport function TableErrorControl({ colSpan = 1, children, onRetry }: TableErrorProps) {\n  const t = useText();\n  return (\n    <TableRowControl className=\"leaf-table__state-row\">\n      <TableCellControl colSpan={colSpan}>\n        <div className=\"leaf-table__state leaf-table__state--error\" role=\"alert\">\n          <CircleAlert size={28} aria-hidden=\"true\" />\n          {children ?? t('table.loadError')}\n          {onRetry && (\n            <ButtonControl size=\"sm\" variant=\"outline\" onClick={onRetry}>\n              {t('common.retry')}\n            </ButtonControl>\n          )}\n        </div>\n      </TableCellControl>\n    </TableRowControl>\n  );\n}\n\nconst TableRoot = forwardRef<HTMLTableElement, TableProps>(function TableRoot(rawProps, ref) {\n  const props = useComponentProps('Table', rawProps);\n  return <TableRootControl {...props} ref={ref} />;\n});\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  rawProps: TableRowProps,\n  ref,\n) {\n  const props = useComponentProps('TableRow', rawProps);\n  return <TableRowControl {...props} ref={ref} />;\n});\nTableRow.displayName = 'TableRow';\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  rawProps: TableCellProps,\n  ref,\n) {\n  const props = useComponentProps('TableCell', rawProps);\n  return <TableCellControl {...props} ref={ref} />;\n});\nTableCell.displayName = 'TableCell';\n\nexport const TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableHeader(rawProps: HTMLAttributes<HTMLTableSectionElement>, ref) {\n  return <TableHeaderControl {...useComponentProps('TableHeader', rawProps)} ref={ref} />;\n});\n\nexport const TableBody = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableBody(rawProps: HTMLAttributes<HTMLTableSectionElement>, ref) {\n  return <TableBodyControl {...useComponentProps('TableBody', rawProps)} ref={ref} />;\n});\n\nexport const TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableFooter(rawProps: HTMLAttributes<HTMLTableSectionElement>, ref) {\n  return <TableFooterControl {...useComponentProps('TableFooter', rawProps)} ref={ref} />;\n});\n\nexport const TableColumnHeader = forwardRef<HTMLTableCellElement, TableColumnHeaderProps>(\n  function TableColumnHeader(rawProps: TableColumnHeaderProps, ref) {\n    return (\n      <TableColumnHeaderControl {...useComponentProps('TableColumnHeader', rawProps)} ref={ref} />\n    );\n  },\n);\n\nexport const TableCaption = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(function TableCaption(rawProps: HTMLAttributes<HTMLTableCaptionElement>, ref) {\n  return <TableCaptionControl {...useComponentProps('TableCaption', rawProps)} ref={ref} />;\n});\n\nexport function TableEmpty(rawProps: TableStateProps) {\n  return <TableEmptyControl {...useComponentProps('TableEmpty', rawProps)} />;\n}\n\nexport function TableError(rawProps: TableErrorProps) {\n  return <TableErrorControl {...useComponentProps('TableError', rawProps)} />;\n}\n\nexport function TableLoading(rawProps: TableStateProps) {\n  return <TableLoadingControl {...useComponentProps('TableLoading', rawProps)} />;\n}\n\nexport const Table = Object.assign(TableRoot, {\n  Root: TableRoot,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  ColumnHeader: TableColumnHeader,\n  Cell: TableCell,\n  Caption: TableCaption,\n  Empty: TableEmpty,\n  Loading: TableLoading,\n  Error: TableError,\n});\n\nexport const TableControl = Object.assign(TableRootControl, {\n  Root: TableRootControl,\n  Header: TableHeaderControl,\n  Body: TableBodyControl,\n  Footer: TableFooterControl,\n  Row: TableRowControl,\n  ColumnHeader: TableColumnHeaderControl,\n  Cell: TableCellControl,\n  Caption: TableCaptionControl,\n  Empty: TableEmptyControl,\n  Loading: TableLoadingControl,\n  Error: TableErrorControl,\n});\n"],"names":["TableRootControl","forwardRef","size","bordered","striped","stickyHeader","maxHeight","minWidth","tableLayout","tableStyle","scrollRef","loading","className","style","children","props","ref","t","useText","element","useRef","tableRef","useMergedRef","headerHeight","setHeaderHeight","useState","useEffect","table","measure","observer","ResizeObserver","undefined","mutation","MutationObserver","classes","Scrollbar","inertProps","Loading","TableHeaderControl","TableBodyControl","TableFooterControl","TableRowControl","selected","cellStyle","align","pinned","pinOffset","TableCellControl","pinEdge","TableColumnHeaderControl","scope","TableCaptionControl","TableEmptyControl","colSpan","Inbox","TableLoadingControl","TableErrorControl","onRetry","CircleAlert","ButtonControl","TableRoot","rawProps","useComponentProps","TableRow","TableCell","TableHeader","TableBody","TableFooter","TableColumnHeader","TableCaption","TableEmpty","TableError","TableLoading","Table","Object","TableControl"],"mappings":"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"}

package/dist/esm/tabletanstack/defaults.d.ts

@@ -0,0 +1,44 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+import type { InputProps } from '../input/input.js';
+import type { PaginationProps } from '../pagination/pagination.js';
+import type { ControlSize } from '../shared/types.js';
+import type { TableProps } from '../table/table.js';
+export interface DataTableVirtualOptions {
+    estimateRowHeight?: number;
+    overscan?: number;
+}
+/** Shared presentation props do not depend on TanStack or the caller's row type. */
+export interface DataTablePresentationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: ReactNode;
+    caption?: ReactNode;
+    size?: ControlSize;
+    bordered?: boolean;
+    striped?: boolean;
+    stickyHeader?: boolean;
+    maxHeight?: TableProps['maxHeight'];
+    minWidth?: TableProps['minWidth'];
+    loading?: boolean;
+    emptyContent?: ReactNode;
+    error?: ReactNode;
+    onRetry?: () => void;
+    selection?: false | 'single' | 'multiple';
+    selectAllMode?: 'page' | 'all';
+    resizable?: boolean;
+    columnReordering?: boolean;
+    virtual?: boolean | DataTableVirtualOptions;
+    pagination?: boolean;
+    tableRef?: Ref<HTMLTableElement>;
+}
+export interface DataTableSearchProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'type' | 'visibilityToggle' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'visibilityIcon'> {
+    columnId?: string;
+}
+export interface DataTableColumnVisibilityProps {
+    children?: ReactNode;
+    label?: string;
+}
+export interface DataTablePaginationProps extends Omit<PaginationProps, 'total' | 'current' | 'defaultCurrent' | 'pageSize' | 'defaultPageSize' | 'onChange'> {
+    hasNextPage?: boolean;
+}
+export interface DataTableContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+//# sourceMappingURL=defaults.d.ts.map

package/dist/esm/tabletanstack/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/tabletanstack/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,uBAAuB;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oFAAoF;AACpF,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,UAAU,EACR,OAAO,GACP,cAAc,GACd,UAAU,GACV,MAAM,GACN,kBAAkB,GAClB,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,CACnB;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,wBACf,SAAQ,IAAI,CACV,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,gBAAgB,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CACrF;IACD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG"}

package/dist/esm/tabletanstack/defaults.js

@@ -0,0 +1 @@
+"use client";

package/dist/esm/tabletanstack/index.d.ts

@@ -1,3 +1,3 @@
-export type { DataTableColumnMeta, DataTableColumnVisibilityProps, DataTableContentProps, DataTableDataProps, DataTablePaginationProps, DataTableProps, DataTableRowReorderInfo, DataTableSearchProps, DataTableVirtualOptions, } from './tabletanstack.js';
+export type { DataTableColumnMeta, DataTableColumnVisibilityProps, DataTableContentProps, DataTableDataProps, DataTablePaginationProps, DataTablePresentationProps, DataTableProps, DataTableRowReorderInfo, DataTableSearchProps, DataTableVirtualOptions, } from './tabletanstack.js';
 export { DataTable, DataTableColumnVisibility, DataTableContent, DataTableFooter, DataTablePagination, DataTableSearch, DataTableToolbar, } from './tabletanstack.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/tabletanstack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabletanstack/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,8BAA8B,EAC9B,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,cAAc,EACd,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,SAAS,EACT,yBAAyB,EACzB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabletanstack/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,8BAA8B,EAC9B,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,0BAA0B,EAC1B,cAAc,EACd,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,SAAS,EACT,yBAAyB,EACzB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,iBAAiB,CAAC"}

package/dist/esm/tabletanstack/reordering.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type TableColumnHeaderProps, type TableRowProps } from '../table/index.js';
+import type { TableColumnHeaderProps, TableRowProps } from '../table/index.js';
 type ReorderKind = 'row' | 'column';
 interface ReorderScopeProps {
     id: string;

package/dist/esm/tabletanstack/reordering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reordering.d.ts","sourceRoot":"","sources":["../../../src/tabletanstack/reordering.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAA6B,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAItF,OAAO,EAAS,KAAK,sBAAsB,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAElF,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ,CAAC;AAgDpC,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,+TAE3F;AA2ED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,GAAG,EACH,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,CAAC;IAClB,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+TAWA;AA+BD,eAAO,MAAM,cAAc;YAEC,MAAM;eAAa,MAAM;cAAY,OAAO;uDAkBtE,CAAC;AAEH,eAAO,MAAM,UAAU;aAEM,OAAO;YAAU,MAAM;eAAa,MAAM;cAAY,OAAO;uDAaxF,CAAC;AAEH,eAAO,MAAM,uBAAuB;YAEC,MAAM;eAAa,MAAM;WAAS,MAAM;cAAY,OAAO;wDAqB9F,CAAC;AAEH,eAAO,MAAM,mBAAmB;aAGnB,OAAO;YACR,MAAM;eACH,MAAM;WACV,MAAM;cACH,OAAO;wDAenB,CAAC;AAEH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sCAezD"}
+{"version":3,"file":"reordering.d.ts","sourceRoot":"","sources":["../../../src/tabletanstack/reordering.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAA6B,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAKtF,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGtE,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ,CAAC;AAgDpC,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,+TAE3F;AA2ED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,GAAG,EACH,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,CAAC;IAClB,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+TAWA;AA+BD,eAAO,MAAM,cAAc;YAEC,MAAM;eAAa,MAAM;cAAY,OAAO;uDAkBtE,CAAC;AAEH,eAAO,MAAM,UAAU;aAEM,OAAO;YAAU,MAAM;eAAa,MAAM;cAAY,OAAO;uDAaxF,CAAC;AAEH,eAAO,MAAM,uBAAuB;YAEC,MAAM;eAAa,MAAM;WAAS,MAAM;cAAY,OAAO;wDAqB9F,CAAC;AAEH,eAAO,MAAM,mBAAmB;aAGnB,OAAO;YACR,MAAM;eACH,MAAM;WACV,MAAM;cACH,OAAO;wDAenB,CAAC;AAEH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sCAezD"}

package/dist/esm/tabletanstack/reordering.js

@@ -6,8 +6,9 @@ import { GripVertical } from "lucide-react";
 import { createContext, forwardRef, useContext, useRef } from "react";
 import { assignRef } from "../shared/field.js";
 import { useMotionEnabled } from "../shared/motion.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { useText } from "../shared/use-text.js";
-import { Table } from "../table/index.js";
+import { TableControl } from "../table/table.js";
 const key = (kind, id)=>`${kind}:${id}`;
 const HandleContext = /*#__PURE__*/ createContext(null);
 const keyboardCoordinates = (event, { context })=>{
@@ -37,6 +38,7 @@ function ReorderScope({ enabled, ...props }) {
 }
 function ActiveReorderScope({ id, disabled, onReorder, children }) {
     const t = useText();
+    const format = useFormattedText();
     const scrollable = useRef(null);
     const sensors = useSensors(useSensor(PointerSensor, {
         activationConstraint: {
@@ -85,13 +87,19 @@ function ActiveReorderScope({ id, disabled, onReorder, children }) {
         },
         accessibility: {
             screenReaderInstructions: {
-                draggable: t('按空格开始排序，方向键移动，再按空格确认，Escape 取消。', 'Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.')
+                draggable: t('drag.instructions')
             },
             announcements: {
-                onDragStart: ({ active })=>`${t('开始移动', 'Picked up')} ${active.data.current?.label ?? active.id}`,
-                onDragOver: ({ over })=>over ? `${t('移至', 'Move to')} ${over.data.current?.label ?? over.id}` : void 0,
-                onDragEnd: ({ active })=>`${t('已放置', 'Dropped')} ${active.data.current?.label ?? active.id}`,
-                onDragCancel: ()=>t('已取消排序', 'Reordering cancelled')
+                onDragStart: ({ active })=>format('drag.pickedUp', {
+                        label: String(active.data.current?.label ?? active.id)
+                    }),
+                onDragOver: ({ over })=>over ? format('drag.moved', {
+                        label: String(over.data.current?.label ?? over.id)
+                    }) : t('drag.outside'),
+                onDragEnd: ({ active })=>format('drag.dropped', {
+                        label: String(active.data.current?.label ?? active.id)
+                    }),
+                onDragCancel: ()=>t('drag.cancelled')
             }
         },
         children: children
@@ -129,7 +137,7 @@ const reordering_ReorderableRow = /*#__PURE__*/ forwardRef(function({ itemId, it
     const item = useItem('row', itemId, itemLabel, 'rows', disabled);
     return /*#__PURE__*/ jsx(HandleContext.Provider, {
         value: item.sortable,
-        children: /*#__PURE__*/ jsx(Table.Row, {
+        children: /*#__PURE__*/ jsx(TableControl.Row, {
             ...props,
             ref: (node)=>{
                 item.sortable.setNodeRef(node);
@@ -151,7 +159,7 @@ const reordering_ReorderRow = /*#__PURE__*/ forwardRef(function({ enabled, itemI
         itemId: itemId,
         itemLabel: itemLabel,
         disabled: disabled
-    }) : /*#__PURE__*/ jsx(Table.Row, {
+    }) : /*#__PURE__*/ jsx(TableControl.Row, {
         ...props,
         ref: ref
     });
@@ -160,7 +168,7 @@ const reordering_ReorderableColumnHeader = /*#__PURE__*/ forwardRef(function({ i
     const item = useItem('column', itemId, itemLabel, group, disabled);
     return /*#__PURE__*/ jsx(HandleContext.Provider, {
         value: item.sortable,
-        children: /*#__PURE__*/ jsx(Table.ColumnHeader, {
+        children: /*#__PURE__*/ jsx(TableControl.ColumnHeader, {
             ...props,
             ref: (node)=>{
                 item.sortable.setNodeRef(node);
@@ -183,7 +191,7 @@ const reordering_ReorderColumnHeader = /*#__PURE__*/ forwardRef(function({ enabl
         itemLabel: itemLabel,
         group: group,
         disabled: disabled
-    }) : /*#__PURE__*/ jsx(Table.ColumnHeader, {
+    }) : /*#__PURE__*/ jsx(TableControl.ColumnHeader, {
         ...props,
         ref: ref
     });

package/dist/esm/tabletanstack/reordering.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabletanstack/reordering.js","sources":["../../../src/tabletanstack/reordering.tsx"],"sourcesContent":["import {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  type KeyboardCoordinateGetter,\n  KeyboardSensor,\n  MeasuringStrategy,\n  PointerSensor,\n  pointerWithin,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  horizontalListSortingStrategy,\n  SortableContext,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { GripVertical } from 'lucide-react';\nimport { createContext, forwardRef, type ReactNode, useContext, useRef } from 'react';\nimport { assignRef } from '../shared/field';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { Table, type TableColumnHeaderProps, type TableRowProps } from '../table';\n\ntype ReorderKind = 'row' | 'column';\nconst key = (kind: ReorderKind, id: string) => `${kind}:${id}`;\nconst HandleContext = createContext<ReturnType<typeof useSortable> | null>(null);\n\nconst keyboardCoordinates: KeyboardCoordinateGetter = (event, { context }) => {\n  const { active, over, collisionRect, droppableContainers, droppableRects } = context;\n  if (!active || !collisionRect) return undefined;\n  const kind = active.data.current?.kind;\n  const step =\n    kind === 'row'\n      ? event.code === 'ArrowDown'\n        ? 1\n        : event.code === 'ArrowUp'\n          ? -1\n          : 0\n      : event.code === 'ArrowRight'\n        ? 1\n        : event.code === 'ArrowLeft'\n          ? -1\n          : 0;\n  if (!step) return undefined;\n  event.preventDefault();\n  const candidates = droppableContainers\n    .getEnabled()\n    .filter(\n      (item) =>\n        item.data.current?.kind === kind &&\n        item.data.current?.group === active.data.current?.group &&\n        droppableRects.has(item.id),\n    )\n    .sort((first, second) => {\n      const firstRect = droppableRects.get(first.id);\n      const secondRect = droppableRects.get(second.id);\n      return kind === 'row'\n        ? (firstRect?.top ?? 0) - (secondRect?.top ?? 0)\n        : (firstRect?.left ?? 0) - (secondRect?.left ?? 0);\n    });\n  const index = candidates.findIndex((item) => item.id === (over?.id ?? active.id));\n  const next = candidates[index + step];\n  const rect = next && droppableRects.get(next.id);\n  return rect\n    ? {\n        x: rect.left + (rect.width - collisionRect.width) / 2,\n        y: rect.top + (rect.height - collisionRect.height) / 2,\n      }\n    : undefined;\n};\n\ninterface ReorderScopeProps {\n  id: string;\n  disabled: boolean;\n  onReorder: (kind: ReorderKind, activeId: string, overId: string) => void;\n  children: ReactNode;\n}\n\nexport function ReorderScope({ enabled, ...props }: ReorderScopeProps & { enabled: boolean }) {\n  return enabled ? <ActiveReorderScope {...props} /> : props.children;\n}\n\nfunction ActiveReorderScope({ id, disabled, onReorder, children }: ReorderScopeProps) {\n  const t = useText();\n  const scrollable = useRef<Element | null>(null);\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: keyboardCoordinates, scrollBehavior: 'auto' }),\n  );\n  const finish = ({ active, over }: DragEndEvent) => {\n    if (!disabled && over && active.id !== over.id) {\n      const source = active.data.current;\n      const target = over.data.current;\n      if (source && target && source.kind === target.kind && source.group === target.group)\n        onReorder(source.kind, source.itemId, target.itemId);\n    }\n    scrollable.current = null;\n  };\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      measuring={{ droppable: { strategy: MeasuringStrategy.Always } }}\n      collisionDetection={(args) => {\n        const scoped = {\n          ...args,\n          droppableContainers: args.droppableContainers.filter(\n            (item) =>\n              item.data.current?.kind === args.active.data.current?.kind &&\n              item.data.current?.group === args.active.data.current?.group,\n          ),\n        };\n        return args.pointerCoordinates ? pointerWithin(scoped) : closestCenter(scoped);\n      }}\n      onDragEnd={finish}\n      onDragStart={({ active, activatorEvent }) => {\n        const target = activatorEvent.target;\n        const viewport = target instanceof Element ? target.closest('.leaf-table__viewport') : null;\n        const overflows =\n          viewport &&\n          (active.data.current?.kind === 'row'\n            ? viewport.scrollHeight > viewport.clientHeight + 1\n            : viewport.scrollWidth > viewport.clientWidth + 1);\n        scrollable.current = overflows ? viewport : null;\n      }}\n      onDragCancel={() => {\n        scrollable.current = null;\n      }}\n      autoScroll={{\n        canScroll: (element) => element === scrollable.current,\n        layoutShiftCompensation: false,\n      }}\n      accessibility={{\n        screenReaderInstructions: {\n          draggable: t(\n            '按空格开始排序，方向键移动，再按空格确认，Escape 取消。',\n            'Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.',\n          ),\n        },\n        announcements: {\n          onDragStart: ({ active }) =>\n            `${t('开始移动', 'Picked up')} ${active.data.current?.label ?? active.id}`,\n          onDragOver: ({ over }) =>\n            over ? `${t('移至', 'Move to')} ${over.data.current?.label ?? over.id}` : undefined,\n          onDragEnd: ({ active }) =>\n            `${t('已放置', 'Dropped')} ${active.data.current?.label ?? active.id}`,\n          onDragCancel: () => t('已取消排序', 'Reordering cancelled'),\n        },\n      }}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport function ReorderItems({\n  enabled,\n  kind,\n  ids,\n  children,\n}: {\n  enabled: boolean;\n  kind: ReorderKind;\n  ids: string[];\n  children: ReactNode;\n}) {\n  return enabled ? (\n    <SortableContext\n      items={ids.map((id) => key(kind, id))}\n      strategy={kind === 'row' ? verticalListSortingStrategy : horizontalListSortingStrategy}\n    >\n      {children}\n    </SortableContext>\n  ) : (\n    children\n  );\n}\n\nfunction useItem(\n  kind: ReorderKind,\n  itemId: string,\n  label: string,\n  group: string,\n  disabled: boolean,\n) {\n  const motion = useMotionEnabled();\n  const sortable = useSortable({\n    id: key(kind, itemId),\n    data: { kind, itemId, label, group },\n    disabled,\n  });\n  const transform = sortable.transform;\n  return {\n    sortable,\n    style: {\n      transform: transform\n        ? `translate3d(${kind === 'column' ? transform.x : 0}px, ${kind === 'row' ? transform.y : 0}px, 0)`\n        : undefined,\n      transition: sortable.transition\n        ? motion\n          ? 'transform var(--leaf-motion-duration) var(--leaf-motion-easing)'\n          : 'none'\n        : undefined,\n    },\n  };\n}\n\nexport const ReorderableRow = forwardRef<\n  HTMLTableRowElement,\n  TableRowProps & { itemId: string; itemLabel: string; disabled: boolean }\n>(function ReorderableRow({ itemId, itemLabel, disabled, style, children, ...props }, ref) {\n  const item = useItem('row', itemId, itemLabel, 'rows', disabled);\n  return (\n    <HandleContext.Provider value={item.sortable}>\n      <Table.Row\n        {...props}\n        ref={(node) => {\n          item.sortable.setNodeRef(node);\n          assignRef(ref, node);\n        }}\n        data-dragging={item.sortable.isDragging || undefined}\n        style={{ ...style, ...item.style }}\n      >\n        {children}\n      </Table.Row>\n    </HandleContext.Provider>\n  );\n});\n\nexport const ReorderRow = forwardRef<\n  HTMLTableRowElement,\n  TableRowProps & { enabled: boolean; itemId: string; itemLabel: string; disabled: boolean }\n>(function ReorderRow({ enabled, itemId, itemLabel, disabled, ...props }, ref) {\n  return enabled ? (\n    <ReorderableRow\n      {...props}\n      ref={ref}\n      itemId={itemId}\n      itemLabel={itemLabel}\n      disabled={disabled}\n    />\n  ) : (\n    <Table.Row {...props} ref={ref} />\n  );\n});\n\nexport const ReorderableColumnHeader = forwardRef<\n  HTMLTableCellElement,\n  TableColumnHeaderProps & { itemId: string; itemLabel: string; group: string; disabled: boolean }\n>(function ReorderableColumnHeader(\n  { itemId, itemLabel, group, disabled, style, children, ...props },\n  ref,\n) {\n  const item = useItem('column', itemId, itemLabel, group, disabled);\n  return (\n    <HandleContext.Provider value={item.sortable}>\n      <Table.ColumnHeader\n        {...props}\n        ref={(node) => {\n          item.sortable.setNodeRef(node);\n          assignRef(ref, node);\n        }}\n        data-dragging={item.sortable.isDragging || undefined}\n        style={{ ...style, ...item.style }}\n      >\n        {children}\n      </Table.ColumnHeader>\n    </HandleContext.Provider>\n  );\n});\n\nexport const ReorderColumnHeader = forwardRef<\n  HTMLTableCellElement,\n  TableColumnHeaderProps & {\n    enabled: boolean;\n    itemId: string;\n    itemLabel: string;\n    group: string;\n    disabled: boolean;\n  }\n>(function ReorderColumnHeader({ enabled, itemId, itemLabel, group, disabled, ...props }, ref) {\n  return enabled ? (\n    <ReorderableColumnHeader\n      {...props}\n      ref={ref}\n      itemId={itemId}\n      itemLabel={itemLabel}\n      group={group}\n      disabled={disabled}\n    />\n  ) : (\n    <Table.ColumnHeader {...props} ref={ref} />\n  );\n});\n\nexport function ReorderHandle({ label }: { label: string }) {\n  const sortable = useContext(HandleContext);\n  if (!sortable) return null;\n  return (\n    <button\n      type=\"button\"\n      {...sortable.attributes}\n      {...sortable.listeners}\n      ref={sortable.setActivatorNodeRef}\n      className=\"leaf-data-table__drag-handle\"\n      aria-label={label}\n    >\n      <GripVertical size={14} aria-hidden=\"true\" />\n    </button>\n  );\n}\n"],"names":["key","kind","id","HandleContext","createContext","keyboardCoordinates","event","context","active","over","collisionRect","droppableContainers","droppableRects","step","candidates","item","first","second","firstRect","secondRect","index","next","rect","undefined","ReorderScope","enabled","props","ActiveReorderScope","disabled","onReorder","children","t","useText","scrollable","useRef","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","finish","source","target","DndContext","MeasuringStrategy","args","scoped","pointerWithin","closestCenter","activatorEvent","viewport","Element","overflows","element","ReorderItems","ids","SortableContext","verticalListSortingStrategy","horizontalListSortingStrategy","useItem","itemId","label","group","motion","useMotionEnabled","sortable","useSortable","transform","ReorderableRow","forwardRef","itemLabel","style","ref","Table","node","assignRef","ReorderRow","ReorderableColumnHeader","ReorderColumnHeader","ReorderHandle","useContext","GripVertical"],"mappings":"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"}
+{"version":3,"file":"tabletanstack/reordering.js","sources":["../../../src/tabletanstack/reordering.tsx"],"sourcesContent":["import {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  type KeyboardCoordinateGetter,\n  KeyboardSensor,\n  MeasuringStrategy,\n  PointerSensor,\n  pointerWithin,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  horizontalListSortingStrategy,\n  SortableContext,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { GripVertical } from 'lucide-react';\nimport { createContext, forwardRef, type ReactNode, useContext, useRef } from 'react';\nimport { assignRef } from '../shared/field';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport type { TableColumnHeaderProps, TableRowProps } from '../table';\nimport { TableControl as Table } from '../table/table';\n\ntype ReorderKind = 'row' | 'column';\nconst key = (kind: ReorderKind, id: string) => `${kind}:${id}`;\nconst HandleContext = createContext<ReturnType<typeof useSortable> | null>(null);\n\nconst keyboardCoordinates: KeyboardCoordinateGetter = (event, { context }) => {\n  const { active, over, collisionRect, droppableContainers, droppableRects } = context;\n  if (!active || !collisionRect) return undefined;\n  const kind = active.data.current?.kind;\n  const step =\n    kind === 'row'\n      ? event.code === 'ArrowDown'\n        ? 1\n        : event.code === 'ArrowUp'\n          ? -1\n          : 0\n      : event.code === 'ArrowRight'\n        ? 1\n        : event.code === 'ArrowLeft'\n          ? -1\n          : 0;\n  if (!step) return undefined;\n  event.preventDefault();\n  const candidates = droppableContainers\n    .getEnabled()\n    .filter(\n      (item) =>\n        item.data.current?.kind === kind &&\n        item.data.current?.group === active.data.current?.group &&\n        droppableRects.has(item.id),\n    )\n    .sort((first, second) => {\n      const firstRect = droppableRects.get(first.id);\n      const secondRect = droppableRects.get(second.id);\n      return kind === 'row'\n        ? (firstRect?.top ?? 0) - (secondRect?.top ?? 0)\n        : (firstRect?.left ?? 0) - (secondRect?.left ?? 0);\n    });\n  const index = candidates.findIndex((item) => item.id === (over?.id ?? active.id));\n  const next = candidates[index + step];\n  const rect = next && droppableRects.get(next.id);\n  return rect\n    ? {\n        x: rect.left + (rect.width - collisionRect.width) / 2,\n        y: rect.top + (rect.height - collisionRect.height) / 2,\n      }\n    : undefined;\n};\n\ninterface ReorderScopeProps {\n  id: string;\n  disabled: boolean;\n  onReorder: (kind: ReorderKind, activeId: string, overId: string) => void;\n  children: ReactNode;\n}\n\nexport function ReorderScope({ enabled, ...props }: ReorderScopeProps & { enabled: boolean }) {\n  return enabled ? <ActiveReorderScope {...props} /> : props.children;\n}\n\nfunction ActiveReorderScope({ id, disabled, onReorder, children }: ReorderScopeProps) {\n  const t = useText();\n  const format = useFormattedText();\n  const scrollable = useRef<Element | null>(null);\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: keyboardCoordinates, scrollBehavior: 'auto' }),\n  );\n  const finish = ({ active, over }: DragEndEvent) => {\n    if (!disabled && over && active.id !== over.id) {\n      const source = active.data.current;\n      const target = over.data.current;\n      if (source && target && source.kind === target.kind && source.group === target.group)\n        onReorder(source.kind, source.itemId, target.itemId);\n    }\n    scrollable.current = null;\n  };\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      measuring={{ droppable: { strategy: MeasuringStrategy.Always } }}\n      collisionDetection={(args) => {\n        const scoped = {\n          ...args,\n          droppableContainers: args.droppableContainers.filter(\n            (item) =>\n              item.data.current?.kind === args.active.data.current?.kind &&\n              item.data.current?.group === args.active.data.current?.group,\n          ),\n        };\n        return args.pointerCoordinates ? pointerWithin(scoped) : closestCenter(scoped);\n      }}\n      onDragEnd={finish}\n      onDragStart={({ active, activatorEvent }) => {\n        const target = activatorEvent.target;\n        const viewport = target instanceof Element ? target.closest('.leaf-table__viewport') : null;\n        const overflows =\n          viewport &&\n          (active.data.current?.kind === 'row'\n            ? viewport.scrollHeight > viewport.clientHeight + 1\n            : viewport.scrollWidth > viewport.clientWidth + 1);\n        scrollable.current = overflows ? viewport : null;\n      }}\n      onDragCancel={() => {\n        scrollable.current = null;\n      }}\n      autoScroll={{\n        canScroll: (element) => element === scrollable.current,\n        layoutShiftCompensation: false,\n      }}\n      accessibility={{\n        screenReaderInstructions: {\n          draggable: t('drag.instructions'),\n        },\n        announcements: {\n          onDragStart: ({ active }) =>\n            format('drag.pickedUp', { label: String(active.data.current?.label ?? active.id) }),\n          onDragOver: ({ over }) =>\n            over\n              ? format('drag.moved', { label: String(over.data.current?.label ?? over.id) })\n              : t('drag.outside'),\n          onDragEnd: ({ active }) =>\n            format('drag.dropped', { label: String(active.data.current?.label ?? active.id) }),\n          onDragCancel: () => t('drag.cancelled'),\n        },\n      }}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport function ReorderItems({\n  enabled,\n  kind,\n  ids,\n  children,\n}: {\n  enabled: boolean;\n  kind: ReorderKind;\n  ids: string[];\n  children: ReactNode;\n}) {\n  return enabled ? (\n    <SortableContext\n      items={ids.map((id) => key(kind, id))}\n      strategy={kind === 'row' ? verticalListSortingStrategy : horizontalListSortingStrategy}\n    >\n      {children}\n    </SortableContext>\n  ) : (\n    children\n  );\n}\n\nfunction useItem(\n  kind: ReorderKind,\n  itemId: string,\n  label: string,\n  group: string,\n  disabled: boolean,\n) {\n  const motion = useMotionEnabled();\n  const sortable = useSortable({\n    id: key(kind, itemId),\n    data: { kind, itemId, label, group },\n    disabled,\n  });\n  const transform = sortable.transform;\n  return {\n    sortable,\n    style: {\n      transform: transform\n        ? `translate3d(${kind === 'column' ? transform.x : 0}px, ${kind === 'row' ? transform.y : 0}px, 0)`\n        : undefined,\n      transition: sortable.transition\n        ? motion\n          ? 'transform var(--leaf-motion-duration) var(--leaf-motion-easing)'\n          : 'none'\n        : undefined,\n    },\n  };\n}\n\nexport const ReorderableRow = forwardRef<\n  HTMLTableRowElement,\n  TableRowProps & { itemId: string; itemLabel: string; disabled: boolean }\n>(function ReorderableRow({ itemId, itemLabel, disabled, style, children, ...props }, ref) {\n  const item = useItem('row', itemId, itemLabel, 'rows', disabled);\n  return (\n    <HandleContext.Provider value={item.sortable}>\n      <Table.Row\n        {...props}\n        ref={(node) => {\n          item.sortable.setNodeRef(node);\n          assignRef(ref, node);\n        }}\n        data-dragging={item.sortable.isDragging || undefined}\n        style={{ ...style, ...item.style }}\n      >\n        {children}\n      </Table.Row>\n    </HandleContext.Provider>\n  );\n});\n\nexport const ReorderRow = forwardRef<\n  HTMLTableRowElement,\n  TableRowProps & { enabled: boolean; itemId: string; itemLabel: string; disabled: boolean }\n>(function ReorderRow({ enabled, itemId, itemLabel, disabled, ...props }, ref) {\n  return enabled ? (\n    <ReorderableRow\n      {...props}\n      ref={ref}\n      itemId={itemId}\n      itemLabel={itemLabel}\n      disabled={disabled}\n    />\n  ) : (\n    <Table.Row {...props} ref={ref} />\n  );\n});\n\nexport const ReorderableColumnHeader = forwardRef<\n  HTMLTableCellElement,\n  TableColumnHeaderProps & { itemId: string; itemLabel: string; group: string; disabled: boolean }\n>(function ReorderableColumnHeader(\n  { itemId, itemLabel, group, disabled, style, children, ...props },\n  ref,\n) {\n  const item = useItem('column', itemId, itemLabel, group, disabled);\n  return (\n    <HandleContext.Provider value={item.sortable}>\n      <Table.ColumnHeader\n        {...props}\n        ref={(node) => {\n          item.sortable.setNodeRef(node);\n          assignRef(ref, node);\n        }}\n        data-dragging={item.sortable.isDragging || undefined}\n        style={{ ...style, ...item.style }}\n      >\n        {children}\n      </Table.ColumnHeader>\n    </HandleContext.Provider>\n  );\n});\n\nexport const ReorderColumnHeader = forwardRef<\n  HTMLTableCellElement,\n  TableColumnHeaderProps & {\n    enabled: boolean;\n    itemId: string;\n    itemLabel: string;\n    group: string;\n    disabled: boolean;\n  }\n>(function ReorderColumnHeader({ enabled, itemId, itemLabel, group, disabled, ...props }, ref) {\n  return enabled ? (\n    <ReorderableColumnHeader\n      {...props}\n      ref={ref}\n      itemId={itemId}\n      itemLabel={itemLabel}\n      group={group}\n      disabled={disabled}\n    />\n  ) : (\n    <Table.ColumnHeader {...props} ref={ref} />\n  );\n});\n\nexport function ReorderHandle({ label }: { label: string }) {\n  const sortable = useContext(HandleContext);\n  if (!sortable) return null;\n  return (\n    <button\n      type=\"button\"\n      {...sortable.attributes}\n      {...sortable.listeners}\n      ref={sortable.setActivatorNodeRef}\n      className=\"leaf-data-table__drag-handle\"\n      aria-label={label}\n    >\n      <GripVertical size={14} aria-hidden=\"true\" />\n    </button>\n  );\n}\n"],"names":["key","kind","id","HandleContext","createContext","keyboardCoordinates","event","context","active","over","collisionRect","droppableContainers","droppableRects","step","candidates","item","first","second","firstRect","secondRect","index","next","rect","undefined","ReorderScope","enabled","props","ActiveReorderScope","disabled","onReorder","children","t","useText","format","useFormattedText","scrollable","useRef","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","finish","source","target","DndContext","MeasuringStrategy","args","scoped","pointerWithin","closestCenter","activatorEvent","viewport","Element","overflows","element","String","ReorderItems","ids","SortableContext","verticalListSortingStrategy","horizontalListSortingStrategy","useItem","itemId","label","group","motion","useMotionEnabled","sortable","useSortable","transform","ReorderableRow","forwardRef","itemLabel","style","ref","Table","node","assignRef","ReorderRow","ReorderableColumnHeader","ReorderColumnHeader","ReorderHandle","useContext","GripVertical"],"mappings":"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"}