@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/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":";;;;;;;;;;;AA0BA,MAAMA,MAAM,CAACC,MAAmBC,KAAe,GAAGD,KAAK,CAAC,EAAEC,IAAI;AAC9D,MAAMC,gBAAgB,WAAHA,GAAGC,cAAqD;AAE3E,MAAMC,sBAAgD,CAACC,OAAO,EAAEC,OAAO,EAAE;IACvE,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAEC,mBAAmB,EAAEC,cAAc,EAAE,GAAGL;IAC7E,IAAI,CAACC,UAAU,CAACE,eAAe;IAC/B,MAAMT,OAAOO,OAAO,IAAI,CAAC,OAAO,EAAE;IAClC,MAAMK,OACJZ,AAAS,UAATA,OACIK,AAAe,gBAAfA,MAAM,IAAI,GACR,IACAA,AAAe,cAAfA,MAAM,IAAI,GACR,KACA,IACJA,AAAe,iBAAfA,MAAM,IAAI,GACR,IACAA,AAAe,gBAAfA,MAAM,IAAI,GACR,KACA;IACV,IAAI,CAACO,MAAM;IACXP,MAAM,cAAc;IACpB,MAAMQ,aAAaH,oBAChB,UAAU,GACV,MAAM,CACL,CAACI,OACCA,KAAK,IAAI,CAAC,OAAO,EAAE,SAASd,QAC5Bc,KAAK,IAAI,CAAC,OAAO,EAAE,UAAUP,OAAO,IAAI,CAAC,OAAO,EAAE,SAClDI,eAAe,GAAG,CAACG,KAAK,EAAE,GAE7B,IAAI,CAAC,CAACC,OAAOC;QACZ,MAAMC,YAAYN,eAAe,GAAG,CAACI,MAAM,EAAE;QAC7C,MAAMG,aAAaP,eAAe,GAAG,CAACK,OAAO,EAAE;QAC/C,OAAOhB,AAAS,UAATA,OACFiB,AAAAA,CAAAA,WAAW,OAAO,KAAMC,CAAAA,YAAY,OAAO,KAC3CD,AAAAA,CAAAA,WAAW,QAAQ,KAAMC,CAAAA,YAAY,QAAQ;IACpD;IACF,MAAMC,QAAQN,WAAW,SAAS,CAAC,CAACC,OAASA,KAAK,EAAE,KAAMN,CAAAA,MAAM,MAAMD,OAAO,EAAC;IAC9E,MAAMa,OAAOP,UAAU,CAACM,QAAQP,KAAK;IACrC,MAAMS,OAAOD,QAAQT,eAAe,GAAG,CAACS,KAAK,EAAE;IAC/C,OAAOC,OACH;QACE,GAAGA,KAAK,IAAI,GAAIA,AAAAA,CAAAA,KAAK,KAAK,GAAGZ,cAAc,KAAI,IAAK;QACpD,GAAGY,KAAK,GAAG,GAAIA,AAAAA,CAAAA,KAAK,MAAM,GAAGZ,cAAc,MAAK,IAAK;IACvD,IACAa;AACN;AASO,SAASC,aAAa,EAAEC,OAAO,EAAE,GAAGC,OAAiD;IAC1F,OAAOD,UAAU,WAAVA,GAAU,IAACE,oBAAkBA;QAAE,GAAGD,KAAK;SAAOA,MAAM,QAAQ;AACrE;AAEA,SAASC,mBAAmB,EAAEzB,EAAE,EAAE0B,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAqB;IAClF,MAAMC,IAAIC;IACV,MAAMC,aAAaC,OAAuB;IAC1C,MAAMC,UAAUC,WACdC,UAAUC,eAAe;QAAE,sBAAsB;YAAE,UAAU;QAAE;IAAE,IACjED,UAAUE,gBAAgB;QAAE,kBAAkBlC;QAAqB,gBAAgB;IAAO;IAE5F,MAAMmC,SAAS,CAAC,EAAEhC,MAAM,EAAEC,IAAI,EAAgB;QAC5C,IAAI,CAACmB,YAAYnB,QAAQD,OAAO,EAAE,KAAKC,KAAK,EAAE,EAAE;YAC9C,MAAMgC,SAASjC,OAAO,IAAI,CAAC,OAAO;YAClC,MAAMkC,SAASjC,KAAK,IAAI,CAAC,OAAO;YAChC,IAAIgC,UAAUC,UAAUD,OAAO,IAAI,KAAKC,OAAO,IAAI,IAAID,OAAO,KAAK,KAAKC,OAAO,KAAK,EAClFb,UAAUY,OAAO,IAAI,EAAEA,OAAO,MAAM,EAAEC,OAAO,MAAM;QACvD;QACAT,WAAW,OAAO,GAAG;IACvB;IACA,OAAO,WAAP,GACE,IAACU,YAAUA;QACT,IAAIzC;QACJ,SAASiC;QACT,WAAW;YAAE,WAAW;gBAAE,UAAUS,kBAAkB,MAAM;YAAC;QAAE;QAC/D,oBAAoB,CAACC;YACnB,MAAMC,SAAS;gBACb,GAAGD,IAAI;gBACP,qBAAqBA,KAAK,mBAAmB,CAAC,MAAM,CAClD,CAAC9B,OACCA,KAAK,IAAI,CAAC,OAAO,EAAE,SAAS8B,KAAK,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QACtD9B,KAAK,IAAI,CAAC,OAAO,EAAE,UAAU8B,KAAK,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;YAE7D;YACA,OAAOA,KAAK,kBAAkB,GAAGE,cAAcD,UAAUE,cAAcF;QACzE;QACA,WAAWN;QACX,aAAa,CAAC,EAAEhC,MAAM,EAAEyC,cAAc,EAAE;YACtC,MAAMP,SAASO,eAAe,MAAM;YACpC,MAAMC,WAAWR,kBAAkBS,UAAUT,OAAO,OAAO,CAAC,2BAA2B;YACvF,MAAMU,YACJF,YACC1C,CAAAA,OAAO,IAAI,CAAC,OAAO,EAAE,SAAS,QAC3B0C,SAAS,YAAY,GAAGA,SAAS,YAAY,GAAG,IAChDA,SAAS,WAAW,GAAGA,SAAS,WAAW,GAAG;YACpDjB,WAAW,OAAO,GAAGmB,YAAYF,WAAW;QAC9C;QACA,cAAc;YACZjB,WAAW,OAAO,GAAG;QACvB;QACA,YAAY;YACV,WAAW,CAACoB,UAAYA,YAAYpB,WAAW,OAAO;YACtD,yBAAyB;QAC3B;QACA,eAAe;YACb,0BAA0B;gBACxB,WAAWF,EACT,mCACA;YAEJ;YACA,eAAe;gBACb,aAAa,CAAC,EAAEvB,MAAM,EAAE,GACtB,GAAGuB,EAAE,QAAQ,aAAa,CAAC,EAAEvB,OAAO,IAAI,CAAC,OAAO,EAAE,SAASA,OAAO,EAAE,EAAE;gBACxE,YAAY,CAAC,EAAEC,IAAI,EAAE,GACnBA,OAAO,GAAGsB,EAAE,MAAM,WAAW,CAAC,EAAEtB,KAAK,IAAI,CAAC,OAAO,EAAE,SAASA,KAAK,EAAE,EAAE,GAAGc;gBAC1E,WAAW,CAAC,EAAEf,MAAM,EAAE,GACpB,GAAGuB,EAAE,OAAO,WAAW,CAAC,EAAEvB,OAAO,IAAI,CAAC,OAAO,EAAE,SAASA,OAAO,EAAE,EAAE;gBACrE,cAAc,IAAMuB,EAAE,SAAS;YACjC;QACF;kBAECD;;AAGP;AAEO,SAASwB,aAAa,EAC3B7B,OAAO,EACPxB,IAAI,EACJsD,GAAG,EACHzB,QAAQ,EAMT;IACC,OAAOL,UAAU,WAAVA,GACL,IAAC+B,iBAAeA;QACd,OAAOD,IAAI,GAAG,CAAC,CAACrD,KAAOF,IAAIC,MAAMC;QACjC,UAAUD,AAAS,UAATA,OAAiBwD,8BAA8BC;kBAExD5B;SAGHA;AAEJ;AAEA,SAAS6B,QACP1D,IAAiB,EACjB2D,MAAc,EACdC,KAAa,EACbC,KAAa,EACblC,QAAiB;IAEjB,MAAMmC,SAASC;IACf,MAAMC,WAAWC,YAAY;QAC3B,IAAIlE,IAAIC,MAAM2D;QACd,MAAM;YAAE3D;YAAM2D;YAAQC;YAAOC;QAAM;QACnClC;IACF;IACA,MAAMuC,YAAYF,SAAS,SAAS;IACpC,OAAO;QACLA;QACA,OAAO;YACL,WAAWE,YACP,CAAC,YAAY,EAAElE,AAAS,aAATA,OAAoBkE,UAAU,CAAC,GAAG,EAAE,IAAI,EAAElE,AAAS,UAATA,OAAiBkE,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC,GACjG5C;YACJ,YAAY0C,SAAS,UAAU,GAC3BF,SACE,oEACA,SACFxC;QACN;IACF;AACF;AAEO,MAAM6C,4BAAiB,WAAHA,GAAGC,WAG5B,SAAwB,EAAET,MAAM,EAAEU,SAAS,EAAE1C,QAAQ,EAAE2C,KAAK,EAAEzC,QAAQ,EAAE,GAAGJ,OAAO,EAAE8C,GAAG;IACvF,MAAMzD,OAAO4C,QAAQ,OAAOC,QAAQU,WAAW,QAAQ1C;IACvD,OAAO,WAAP,GACE,IAACzB,cAAc,QAAQ;QAAC,OAAOY,KAAK,QAAQ;kBAC1C,kBAAC0D,MAAM,GAAG;YACP,GAAG/C,KAAK;YACT,KAAK,CAACgD;gBACJ3D,KAAK,QAAQ,CAAC,UAAU,CAAC2D;gBACzBC,UAAUH,KAAKE;YACjB;YACA,iBAAe3D,KAAK,QAAQ,CAAC,UAAU,IAAIQ;YAC3C,OAAO;gBAAE,GAAGgD,KAAK;gBAAE,GAAGxD,KAAK,KAAK;YAAC;sBAEhCe;;;AAIT;AAEO,MAAM8C,wBAAa,WAAHA,GAAGP,WAGxB,SAAoB,EAAE5C,OAAO,EAAEmC,MAAM,EAAEU,SAAS,EAAE1C,QAAQ,EAAE,GAAGF,OAAO,EAAE8C,GAAG;IAC3E,OAAO/C,UAAU,WAAVA,GACL,IAAC2C,2BAAcA;QACZ,GAAG1C,KAAK;QACT,KAAK8C;QACL,QAAQZ;QACR,WAAWU;QACX,UAAU1C;uBAGZ,IAAC6C,MAAM,GAAG;QAAE,GAAG/C,KAAK;QAAE,KAAK8C;;AAE/B;AAEO,MAAMK,qCAA0B,WAAHA,GAAGR,WAGrC,SACA,EAAET,MAAM,EAAEU,SAAS,EAAER,KAAK,EAAElC,QAAQ,EAAE2C,KAAK,EAAEzC,QAAQ,EAAE,GAAGJ,OAAO,EACjE8C,GAAG;IAEH,MAAMzD,OAAO4C,QAAQ,UAAUC,QAAQU,WAAWR,OAAOlC;IACzD,OAAO,WAAP,GACE,IAACzB,cAAc,QAAQ;QAAC,OAAOY,KAAK,QAAQ;kBAC1C,kBAAC0D,MAAM,YAAY;YAChB,GAAG/C,KAAK;YACT,KAAK,CAACgD;gBACJ3D,KAAK,QAAQ,CAAC,UAAU,CAAC2D;gBACzBC,UAAUH,KAAKE;YACjB;YACA,iBAAe3D,KAAK,QAAQ,CAAC,UAAU,IAAIQ;YAC3C,OAAO;gBAAE,GAAGgD,KAAK;gBAAE,GAAGxD,KAAK,KAAK;YAAC;sBAEhCe;;;AAIT;AAEO,MAAMgD,iCAAsB,WAAHA,GAAGT,WASjC,SAA6B,EAAE5C,OAAO,EAAEmC,MAAM,EAAEU,SAAS,EAAER,KAAK,EAAElC,QAAQ,EAAE,GAAGF,OAAO,EAAE8C,GAAG;IAC3F,OAAO/C,UAAU,WAAVA,GACL,IAACoD,oCAAuBA;QACrB,GAAGnD,KAAK;QACT,KAAK8C;QACL,QAAQZ;QACR,WAAWU;QACX,OAAOR;QACP,UAAUlC;uBAGZ,IAAC6C,MAAM,YAAY;QAAE,GAAG/C,KAAK;QAAE,KAAK8C;;AAExC;AAEO,SAASO,cAAc,EAAElB,KAAK,EAAqB;IACxD,MAAMI,WAAWe,WAAW7E;IAC5B,IAAI,CAAC8D,UAAU,OAAO;IACtB,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACJ,GAAGA,SAAS,UAAU;QACtB,GAAGA,SAAS,SAAS;QACtB,KAAKA,SAAS,mBAAmB;QACjC,WAAU;QACV,cAAYJ;kBAEZ,kBAACoB,cAAYA;YAAC,MAAM;YAAI,eAAY;;;AAG1C"}
+{"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":";;;;;;;;;;;;;AA4BA,MAAMA,MAAM,CAACC,MAAmBC,KAAe,GAAGD,KAAK,CAAC,EAAEC,IAAI;AAC9D,MAAMC,gBAAgB,WAAHA,GAAGC,cAAqD;AAE3E,MAAMC,sBAAgD,CAACC,OAAO,EAAEC,OAAO,EAAE;IACvE,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAEC,mBAAmB,EAAEC,cAAc,EAAE,GAAGL;IAC7E,IAAI,CAACC,UAAU,CAACE,eAAe;IAC/B,MAAMT,OAAOO,OAAO,IAAI,CAAC,OAAO,EAAE;IAClC,MAAMK,OACJZ,AAAS,UAATA,OACIK,AAAe,gBAAfA,MAAM,IAAI,GACR,IACAA,AAAe,cAAfA,MAAM,IAAI,GACR,KACA,IACJA,AAAe,iBAAfA,MAAM,IAAI,GACR,IACAA,AAAe,gBAAfA,MAAM,IAAI,GACR,KACA;IACV,IAAI,CAACO,MAAM;IACXP,MAAM,cAAc;IACpB,MAAMQ,aAAaH,oBAChB,UAAU,GACV,MAAM,CACL,CAACI,OACCA,KAAK,IAAI,CAAC,OAAO,EAAE,SAASd,QAC5Bc,KAAK,IAAI,CAAC,OAAO,EAAE,UAAUP,OAAO,IAAI,CAAC,OAAO,EAAE,SAClDI,eAAe,GAAG,CAACG,KAAK,EAAE,GAE7B,IAAI,CAAC,CAACC,OAAOC;QACZ,MAAMC,YAAYN,eAAe,GAAG,CAACI,MAAM,EAAE;QAC7C,MAAMG,aAAaP,eAAe,GAAG,CAACK,OAAO,EAAE;QAC/C,OAAOhB,AAAS,UAATA,OACFiB,AAAAA,CAAAA,WAAW,OAAO,KAAMC,CAAAA,YAAY,OAAO,KAC3CD,AAAAA,CAAAA,WAAW,QAAQ,KAAMC,CAAAA,YAAY,QAAQ;IACpD;IACF,MAAMC,QAAQN,WAAW,SAAS,CAAC,CAACC,OAASA,KAAK,EAAE,KAAMN,CAAAA,MAAM,MAAMD,OAAO,EAAC;IAC9E,MAAMa,OAAOP,UAAU,CAACM,QAAQP,KAAK;IACrC,MAAMS,OAAOD,QAAQT,eAAe,GAAG,CAACS,KAAK,EAAE;IAC/C,OAAOC,OACH;QACE,GAAGA,KAAK,IAAI,GAAIA,AAAAA,CAAAA,KAAK,KAAK,GAAGZ,cAAc,KAAI,IAAK;QACpD,GAAGY,KAAK,GAAG,GAAIA,AAAAA,CAAAA,KAAK,MAAM,GAAGZ,cAAc,MAAK,IAAK;IACvD,IACAa;AACN;AASO,SAASC,aAAa,EAAEC,OAAO,EAAE,GAAGC,OAAiD;IAC1F,OAAOD,UAAU,WAAVA,GAAU,IAACE,oBAAkBA;QAAE,GAAGD,KAAK;SAAOA,MAAM,QAAQ;AACrE;AAEA,SAASC,mBAAmB,EAAEzB,EAAE,EAAE0B,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAqB;IAClF,MAAMC,IAAIC;IACV,MAAMC,SAASC;IACf,MAAMC,aAAaC,OAAuB;IAC1C,MAAMC,UAAUC,WACdC,UAAUC,eAAe;QAAE,sBAAsB;YAAE,UAAU;QAAE;IAAE,IACjED,UAAUE,gBAAgB;QAAE,kBAAkBpC;QAAqB,gBAAgB;IAAO;IAE5F,MAAMqC,SAAS,CAAC,EAAElC,MAAM,EAAEC,IAAI,EAAgB;QAC5C,IAAI,CAACmB,YAAYnB,QAAQD,OAAO,EAAE,KAAKC,KAAK,EAAE,EAAE;YAC9C,MAAMkC,SAASnC,OAAO,IAAI,CAAC,OAAO;YAClC,MAAMoC,SAASnC,KAAK,IAAI,CAAC,OAAO;YAChC,IAAIkC,UAAUC,UAAUD,OAAO,IAAI,KAAKC,OAAO,IAAI,IAAID,OAAO,KAAK,KAAKC,OAAO,KAAK,EAClFf,UAAUc,OAAO,IAAI,EAAEA,OAAO,MAAM,EAAEC,OAAO,MAAM;QACvD;QACAT,WAAW,OAAO,GAAG;IACvB;IACA,OAAO,WAAP,GACE,IAACU,YAAUA;QACT,IAAI3C;QACJ,SAASmC;QACT,WAAW;YAAE,WAAW;gBAAE,UAAUS,kBAAkB,MAAM;YAAC;QAAE;QAC/D,oBAAoB,CAACC;YACnB,MAAMC,SAAS;gBACb,GAAGD,IAAI;gBACP,qBAAqBA,KAAK,mBAAmB,CAAC,MAAM,CAClD,CAAChC,OACCA,KAAK,IAAI,CAAC,OAAO,EAAE,SAASgC,KAAK,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QACtDhC,KAAK,IAAI,CAAC,OAAO,EAAE,UAAUgC,KAAK,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;YAE7D;YACA,OAAOA,KAAK,kBAAkB,GAAGE,cAAcD,UAAUE,cAAcF;QACzE;QACA,WAAWN;QACX,aAAa,CAAC,EAAElC,MAAM,EAAE2C,cAAc,EAAE;YACtC,MAAMP,SAASO,eAAe,MAAM;YACpC,MAAMC,WAAWR,kBAAkBS,UAAUT,OAAO,OAAO,CAAC,2BAA2B;YACvF,MAAMU,YACJF,YACC5C,CAAAA,OAAO,IAAI,CAAC,OAAO,EAAE,SAAS,QAC3B4C,SAAS,YAAY,GAAGA,SAAS,YAAY,GAAG,IAChDA,SAAS,WAAW,GAAGA,SAAS,WAAW,GAAG;YACpDjB,WAAW,OAAO,GAAGmB,YAAYF,WAAW;QAC9C;QACA,cAAc;YACZjB,WAAW,OAAO,GAAG;QACvB;QACA,YAAY;YACV,WAAW,CAACoB,UAAYA,YAAYpB,WAAW,OAAO;YACtD,yBAAyB;QAC3B;QACA,eAAe;YACb,0BAA0B;gBACxB,WAAWJ,EAAE;YACf;YACA,eAAe;gBACb,aAAa,CAAC,EAAEvB,MAAM,EAAE,GACtByB,OAAO,iBAAiB;wBAAE,OAAOuB,OAAOhD,OAAO,IAAI,CAAC,OAAO,EAAE,SAASA,OAAO,EAAE;oBAAE;gBACnF,YAAY,CAAC,EAAEC,IAAI,EAAE,GACnBA,OACIwB,OAAO,cAAc;wBAAE,OAAOuB,OAAO/C,KAAK,IAAI,CAAC,OAAO,EAAE,SAASA,KAAK,EAAE;oBAAE,KAC1EsB,EAAE;gBACR,WAAW,CAAC,EAAEvB,MAAM,EAAE,GACpByB,OAAO,gBAAgB;wBAAE,OAAOuB,OAAOhD,OAAO,IAAI,CAAC,OAAO,EAAE,SAASA,OAAO,EAAE;oBAAE;gBAClF,cAAc,IAAMuB,EAAE;YACxB;QACF;kBAECD;;AAGP;AAEO,SAAS2B,aAAa,EAC3BhC,OAAO,EACPxB,IAAI,EACJyD,GAAG,EACH5B,QAAQ,EAMT;IACC,OAAOL,UAAU,WAAVA,GACL,IAACkC,iBAAeA;QACd,OAAOD,IAAI,GAAG,CAAC,CAACxD,KAAOF,IAAIC,MAAMC;QACjC,UAAUD,AAAS,UAATA,OAAiB2D,8BAA8BC;kBAExD/B;SAGHA;AAEJ;AAEA,SAASgC,QACP7D,IAAiB,EACjB8D,MAAc,EACdC,KAAa,EACbC,KAAa,EACbrC,QAAiB;IAEjB,MAAMsC,SAASC;IACf,MAAMC,WAAWC,YAAY;QAC3B,IAAIrE,IAAIC,MAAM8D;QACd,MAAM;YAAE9D;YAAM8D;YAAQC;YAAOC;QAAM;QACnCrC;IACF;IACA,MAAM0C,YAAYF,SAAS,SAAS;IACpC,OAAO;QACLA;QACA,OAAO;YACL,WAAWE,YACP,CAAC,YAAY,EAAErE,AAAS,aAATA,OAAoBqE,UAAU,CAAC,GAAG,EAAE,IAAI,EAAErE,AAAS,UAATA,OAAiBqE,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC,GACjG/C;YACJ,YAAY6C,SAAS,UAAU,GAC3BF,SACE,oEACA,SACF3C;QACN;IACF;AACF;AAEO,MAAMgD,4BAAiB,WAAHA,GAAGC,WAG5B,SAAwB,EAAET,MAAM,EAAEU,SAAS,EAAE7C,QAAQ,EAAE8C,KAAK,EAAE5C,QAAQ,EAAE,GAAGJ,OAAO,EAAEiD,GAAG;IACvF,MAAM5D,OAAO+C,QAAQ,OAAOC,QAAQU,WAAW,QAAQ7C;IACvD,OAAO,WAAP,GACE,IAACzB,cAAc,QAAQ;QAAC,OAAOY,KAAK,QAAQ;kBAC1C,kBAAC6D,aAAAA,GAAS;YACP,GAAGlD,KAAK;YACT,KAAK,CAACmD;gBACJ9D,KAAK,QAAQ,CAAC,UAAU,CAAC8D;gBACzBC,UAAUH,KAAKE;YACjB;YACA,iBAAe9D,KAAK,QAAQ,CAAC,UAAU,IAAIQ;YAC3C,OAAO;gBAAE,GAAGmD,KAAK;gBAAE,GAAG3D,KAAK,KAAK;YAAC;sBAEhCe;;;AAIT;AAEO,MAAMiD,wBAAa,WAAHA,GAAGP,WAGxB,SAAoB,EAAE/C,OAAO,EAAEsC,MAAM,EAAEU,SAAS,EAAE7C,QAAQ,EAAE,GAAGF,OAAO,EAAEiD,GAAG;IAC3E,OAAOlD,UAAU,WAAVA,GACL,IAAC8C,2BAAcA;QACZ,GAAG7C,KAAK;QACT,KAAKiD;QACL,QAAQZ;QACR,WAAWU;QACX,UAAU7C;uBAGZ,IAACgD,aAAAA,GAAS;QAAE,GAAGlD,KAAK;QAAE,KAAKiD;;AAE/B;AAEO,MAAMK,qCAA0B,WAAHA,GAAGR,WAGrC,SACA,EAAET,MAAM,EAAEU,SAAS,EAAER,KAAK,EAAErC,QAAQ,EAAE8C,KAAK,EAAE5C,QAAQ,EAAE,GAAGJ,OAAO,EACjEiD,GAAG;IAEH,MAAM5D,OAAO+C,QAAQ,UAAUC,QAAQU,WAAWR,OAAOrC;IACzD,OAAO,WAAP,GACE,IAACzB,cAAc,QAAQ;QAAC,OAAOY,KAAK,QAAQ;kBAC1C,kBAAC6D,aAAAA,YAAkB;YAChB,GAAGlD,KAAK;YACT,KAAK,CAACmD;gBACJ9D,KAAK,QAAQ,CAAC,UAAU,CAAC8D;gBACzBC,UAAUH,KAAKE;YACjB;YACA,iBAAe9D,KAAK,QAAQ,CAAC,UAAU,IAAIQ;YAC3C,OAAO;gBAAE,GAAGmD,KAAK;gBAAE,GAAG3D,KAAK,KAAK;YAAC;sBAEhCe;;;AAIT;AAEO,MAAMmD,iCAAsB,WAAHA,GAAGT,WASjC,SAA6B,EAAE/C,OAAO,EAAEsC,MAAM,EAAEU,SAAS,EAAER,KAAK,EAAErC,QAAQ,EAAE,GAAGF,OAAO,EAAEiD,GAAG;IAC3F,OAAOlD,UAAU,WAAVA,GACL,IAACuD,oCAAuBA;QACrB,GAAGtD,KAAK;QACT,KAAKiD;QACL,QAAQZ;QACR,WAAWU;QACX,OAAOR;QACP,UAAUrC;uBAGZ,IAACgD,aAAAA,YAAkB;QAAE,GAAGlD,KAAK;QAAE,KAAKiD;;AAExC;AAEO,SAASO,cAAc,EAAElB,KAAK,EAAqB;IACxD,MAAMI,WAAWe,WAAWhF;IAC5B,IAAI,CAACiE,UAAU,OAAO;IACtB,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACJ,GAAGA,SAAS,UAAU;QACtB,GAAGA,SAAS,SAAS;QACtB,KAAKA,SAAS,mBAAmB;QACjC,WAAU;QACV,cAAYJ;kBAEZ,kBAACoB,cAAYA;YAAC,MAAM;YAAI,eAAY;;;AAG1C"}

package/dist/esm/browser/modules/tabletanstack/tabletanstack.js

@@ -1,22 +1,25 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/tabletanstack.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { flexRender, getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import { defaultRangeExtractor, useVirtualizer } from "@tanstack/react-virtual";
 import { ArrowDown, ArrowUp, ArrowUpDown, ChevronRight, Columns3, Search } from "lucide-react";
 import { Fragment as external_react_Fragment, createContext, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
-import { Button } from "../button/index.js";
-import { Checkbox } from "../checkbox/index.js";
+import { ButtonControl } from "../button/button.js";
+import { CheckboxControl } from "../checkbox/checkbox.js";
+import { mergeComponentProps, useComponentProps, useGenericComponentDefaults } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { FieldScope } from "../form/form.js";
-import { Input } from "../input/index.js";
-import { Pagination } from "../pagination/index.js";
-import { Popover } from "../popover/index.js";
-import { Radio } from "../radio/index.js";
+import { InputControl } from "../input/input.js";
+import { PaginationControl } from "../pagination/pagination.js";
+import { PopoverControl } from "../popover/popover.js";
+import { RadioControl } from "../radio/radio.js";
 import { classes } from "../shared/classes.js";
 import { assignRef } from "../shared/field.js";
 import { useText } from "../shared/use-text.js";
-import { Table } from "../table/index.js";
+import { TableControl } from "../table/table.js";
 import { ReorderColumnHeader, ReorderHandle, ReorderItems, ReorderRow, ReorderScope } from "./reordering.js";
 const DataTableContext = /*#__PURE__*/ createContext(null);
 function useDataTable() {
@@ -118,9 +121,9 @@ function DataTableRoot({ table, children, caption, size = 'md', bordered = false
                     },
                     children: children ?? /*#__PURE__*/ jsxs(Fragment, {
                         children: [
-                            /*#__PURE__*/ jsx(DataTableContent, {}),
-                            pagination && /*#__PURE__*/ jsx(DataTableFooter, {
-                                children: /*#__PURE__*/ jsx(DataTablePagination, {})
+                            /*#__PURE__*/ jsx(DataTableContentControl, {}),
+                            pagination && /*#__PURE__*/ jsx(DataTableFooterControl, {
+                                children: /*#__PURE__*/ jsx(DataTablePaginationControl, {})
                             })
                         ]
                     })
@@ -129,26 +132,28 @@ function DataTableRoot({ table, children, caption, size = 'md', bordered = false
         })
     });
 }
-function DataTableToolbar({ className, ...props }) {
+function DataTableToolbar(rawProps) {
+    const { className, ...props } = useComponentProps('DataTableToolbar', rawProps);
     return /*#__PURE__*/ jsx("div", {
         ...props,
         className: classes('leaf-data-table__toolbar', className)
     });
 }
-function DataTableFooter({ className, ...props }) {
+function DataTableFooterControl({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         ...props,
         className: classes('leaf-data-table__footer', className)
     });
 }
-function DataTableSearch({ columnId, className, ...props }) {
+function DataTableSearch(rawProps) {
+    const { columnId, className, ...props } = useComponentProps('DataTableSearch', rawProps);
     const { table, loading, size } = useDataTable();
     const t = useText();
     const column = columnId ? table.getColumn(columnId) : void 0;
     const value = columnId ? column?.getFilterValue() : table.getState().globalFilter;
-    return /*#__PURE__*/ jsx(Input, {
-        "aria-label": t('搜索表格', 'Search table'),
-        placeholder: t('搜索表格', 'Search table'),
+    return /*#__PURE__*/ jsx(InputControl, {
+        "aria-label": t('dataTable.searchTable'),
+        placeholder: t('dataTable.searchTable'),
         prefix: /*#__PURE__*/ jsx(Search, {
             size: 16
         }),
@@ -168,17 +173,18 @@ function columnLabel(column) {
     const meta = column.columnDef.meta;
     return meta?.label ?? ('string' == typeof column.columnDef.header ? column.columnDef.header : column.id);
 }
-function DataTableColumnVisibility({ children, label }) {
+function DataTableColumnVisibility(rawProps) {
+    const { children, label } = useComponentProps('DataTableColumnVisibility', rawProps);
     const { table, loading, size } = useDataTable();
     const t = useText();
-    const title = label ?? t('显示列', 'Columns');
-    return /*#__PURE__*/ jsx(Popover, {
+    const title = label ?? t('dataTable.columns');
+    return /*#__PURE__*/ jsx(PopoverControl, {
         placement: "bottom-end",
         "aria-label": title,
         content: /*#__PURE__*/ jsx(FieldScope, {
             children: /*#__PURE__*/ jsx("div", {
                 className: "leaf-data-table__visibility",
-                children: table.getAllLeafColumns().map((column)=>/*#__PURE__*/ jsx(Checkbox, {
+                children: table.getAllLeafColumns().map((column)=>/*#__PURE__*/ jsx(CheckboxControl, {
                         checked: column.getIsVisible(),
                         disabled: loading || !column.getCanHide(),
                         onChange: column.getToggleVisibilityHandler(),
@@ -186,7 +192,7 @@ function DataTableColumnVisibility({ children, label }) {
                     }, column.id))
             })
         }),
-        children: /*#__PURE__*/ jsx(Button, {
+        children: /*#__PURE__*/ jsx(ButtonControl, {
             size: size,
             variant: "outline",
             startIcon: /*#__PURE__*/ jsx(Columns3, {
@@ -208,13 +214,15 @@ function pinProps(column) {
 function ResizeHandle({ header }) {
     const { table, loading } = useDataTable();
     const { direction } = useLeafConfig();
-    const t = useText();
+    const format = useFormattedText();
     const column = header.column;
     const min = column.columnDef.minSize ?? 20;
     const max = column.columnDef.maxSize ?? Number.MAX_SAFE_INTEGER;
     return /*#__PURE__*/ jsx("hr", {
         tabIndex: loading ? -1 : 0,
-        "aria-label": `${t('调整列宽', 'Resize column')}: ${columnLabel(column)}`,
+        "aria-label": format('dataTable.resizeColumn', {
+            label: columnLabel(column)
+        }),
         "aria-orientation": "vertical",
         "aria-valuemin": min,
         "aria-valuemax": max,
@@ -250,12 +258,12 @@ function SelectionHeader() {
     const t = useText();
     if ('multiple' !== selection) return /*#__PURE__*/ jsx("span", {
         className: "leaf-table__sr-only",
-        children: t('选择行', 'Select rows')
+        children: t('dataTable.selectRows')
     });
     const page = 'page' === selectAllMode;
     const selectable = (page ? table.getRowModel() : table.getPrePaginationRowModel()).flatRows.filter((row)=>row.getCanSelect());
-    return /*#__PURE__*/ jsx(Checkbox, {
-        "aria-label": page ? t('选择本页所有行', 'Select all rows on this page') : t('选择所有行', 'Select all rows'),
+    return /*#__PURE__*/ jsx(CheckboxControl, {
+        "aria-label": page ? t('dataTable.selectAllRowsOnThisPage') : t('dataTable.selectAllRows'),
         checked: page ? table.getIsAllPageRowsSelected() : table.getIsAllRowsSelected(),
         indeterminate: page ? table.getIsSomePageRowsSelected() : table.getIsSomeRowsSelected(),
         disabled: loading || !selectable.length,
@@ -265,7 +273,7 @@ function SelectionHeader() {
 function DataRow({ row, rowIndex, ariaRowIndex, measureRef }) {
     const config = useDataTable();
     const { id, selection, loading, getRowLabel, renderExpandedRow, getRowProps, getCellProps } = config;
-    const t = useText();
+    const format = useFormattedText();
     const detailsId = `${id}-detail-${encodeURIComponent(row.id)}`;
     const label = getRowLabel?.(row) ?? row.id;
     const expandable = config.expandable;
@@ -309,37 +317,45 @@ function DataRow({ row, rowIndex, ariaRowIndex, measureRef }) {
                 "aria-rowindex": ariaRowIndex,
                 selected: selection ? row.getIsSelected() : custom?.selected,
                 children: [
-                    config.rowReordering && /*#__PURE__*/ jsx(Table.Cell, {
+                    config.rowReordering && /*#__PURE__*/ jsx(TableControl.Cell, {
                         className: "leaf-data-table__utility",
                         children: /*#__PURE__*/ jsx(ReorderHandle, {
-                            label: `${t('移动行', 'Reorder row')}: ${label}`
+                            label: format('dataTable.reorderRow', {
+                                label
+                            })
                         })
                     }),
-                    selection && /*#__PURE__*/ jsx(Table.Cell, {
+                    selection && /*#__PURE__*/ jsx(TableControl.Cell, {
                         className: "leaf-data-table__utility",
-                        children: 'single' === selection ? /*#__PURE__*/ jsx(Radio, {
+                        children: 'single' === selection ? /*#__PURE__*/ jsx(RadioControl, {
                             name: `${id}-selection`,
                             form: `${id}-detached-selection`,
-                            "aria-label": `${t('选择行', 'Select row')}: ${label}`,
+                            "aria-label": format('dataTable.selectRow', {
+                                label
+                            }),
                             checked: row.getIsSelected(),
                             disabled: loading || !row.getCanSelect(),
                             onChange: ()=>config.table.setRowSelection({
                                     [row.id]: true
                                 })
-                        }) : /*#__PURE__*/ jsx(Checkbox, {
-                            "aria-label": `${t('选择行', 'Select row')}: ${label}`,
+                        }) : /*#__PURE__*/ jsx(CheckboxControl, {
+                            "aria-label": format('dataTable.selectRow', {
+                                label
+                            }),
                             checked: row.getIsSelected(),
                             indeterminate: row.getIsSomeSelected(),
                             disabled: loading || !row.getCanSelect(),
                             onChange: row.getToggleSelectedHandler()
                         })
                     }),
-                    expandable && /*#__PURE__*/ jsx(Table.Cell, {
+                    expandable && /*#__PURE__*/ jsx(TableControl.Cell, {
                         className: "leaf-data-table__utility",
                         children: row.getCanExpand() && /*#__PURE__*/ jsx("button", {
                             type: "button",
                             className: "leaf-data-table__expand",
-                            "aria-label": `${row.getIsExpanded() ? t('收起行', 'Collapse row') : t('展开行', 'Expand row')}: ${label}`,
+                            "aria-label": format(row.getIsExpanded() ? 'dataTable.collapseRow' : 'dataTable.expandRow', {
+                                label
+                            }),
                             "aria-expanded": row.getIsExpanded(),
                             "aria-controls": renderExpandedRow && !row.subRows.length ? detailsId : void 0,
                             disabled: loading,
@@ -357,7 +373,7 @@ function DataRow({ row, rowIndex, ariaRowIndex, measureRef }) {
                         const meta = cell.column.columnDef.meta;
                         const props = getCellProps?.(cell);
                         if (props?.colSpan === 0 || props?.rowSpan === 0) return null;
-                        return /*#__PURE__*/ jsxs(Table.Cell, {
+                        return /*#__PURE__*/ jsxs(TableControl.Cell, {
                             align: meta?.align,
                             ...pinProps(cell.column),
                             ...props,
@@ -377,13 +393,13 @@ function DataRow({ row, rowIndex, ariaRowIndex, measureRef }) {
                     })
                 ]
             }),
-            renderExpandedRow && row.getCanExpand() && !row.subRows.length && /*#__PURE__*/ jsx(Table.Row, {
+            renderExpandedRow && row.getCanExpand() && !row.subRows.length && /*#__PURE__*/ jsx(TableControl.Row, {
                 className: "leaf-data-table__detail",
                 id: detailsId,
                 "data-detail-row": row.id,
                 "aria-rowindex": ariaRowIndex && detail ? ariaRowIndex + 1 : void 0,
                 hidden: !detail,
-                children: /*#__PURE__*/ jsx(Table.Cell, {
+                children: /*#__PURE__*/ jsx(TableControl.Cell, {
                     colSpan: Math.max(1, cells.length + utilityCount),
                     children: visited || detail ? renderExpandedRow?.(row) : null
                 })
@@ -454,7 +470,7 @@ function VirtualRows({ rows, colSpan, headerCount, viewport, tableElement, focus
                 const gap = Math.max(0, item.start - (previous?.end ?? headerHeight.current));
                 return row ? /*#__PURE__*/ jsxs(external_react_Fragment, {
                     children: [
-                        gap > 0 && /*#__PURE__*/ jsx(Table.Row, {
+                        gap > 0 && /*#__PURE__*/ jsx(TableControl.Row, {
                             className: "leaf-data-table__spacer",
                             "aria-hidden": "true",
                             children: /*#__PURE__*/ jsx("td", {
@@ -473,7 +489,7 @@ function VirtualRows({ rows, colSpan, headerCount, viewport, tableElement, focus
                     ]
                 }, row.id) : null;
             }),
-            bottom > 0 && /*#__PURE__*/ jsx(Table.Row, {
+            bottom > 0 && /*#__PURE__*/ jsx(TableControl.Row, {
                 className: "leaf-data-table__spacer",
                 "aria-hidden": "true",
                 children: /*#__PURE__*/ jsx("td", {
@@ -486,10 +502,11 @@ function VirtualRows({ rows, colSpan, headerCount, viewport, tableElement, focus
         ]
     });
 }
-function DataTableContent({ className, ...props }) {
+function DataTableContentControl({ className, ...props }) {
     const config = useDataTable();
     const { table, caption, tableRef, loading, error, emptyContent, onRetry, selection, resizable, virtual } = config;
     const t = useText();
+    const format = useFormattedText();
     const viewport = useRef(null);
     const element = useRef(null);
     const [focusedRowId, setFocusedRowId] = useState();
@@ -532,7 +549,7 @@ function DataTableContent({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         ...props,
         className: className,
-        children: /*#__PURE__*/ jsxs(Table, {
+        children: /*#__PURE__*/ jsxs(TableControl, {
             ref: (node)=>{
                 assignRef(element, node);
                 assignRef(tableRef, node);
@@ -554,7 +571,7 @@ function DataTableContent({ className, ...props }) {
             },
             loading: loading && Boolean(rows.length) && 'error' !== status,
             children: [
-                null != caption && /*#__PURE__*/ jsx(Table.Caption, {
+                null != caption && /*#__PURE__*/ jsx(TableControl.Caption, {
                     children: caption
                 }),
                 /*#__PURE__*/ jsxs("colgroup", {
@@ -581,33 +598,33 @@ function DataTableContent({ className, ...props }) {
                             }, column.id))
                     ]
                 }),
-                /*#__PURE__*/ jsx(Table.Header, {
+                /*#__PURE__*/ jsx(TableControl.Header, {
                     children: /*#__PURE__*/ jsx(ReorderItems, {
                         enabled: Boolean(config.columnReordering),
                         kind: "column",
                         ids: config.columnReordering ? columns.map((column)=>column.id) : [],
-                        children: headers.map((group, groupIndex)=>/*#__PURE__*/ jsxs(Table.Row, {
+                        children: headers.map((group, groupIndex)=>/*#__PURE__*/ jsxs(TableControl.Row, {
                                 "aria-rowindex": virtual ? groupIndex + 1 : void 0,
                                 children: [
-                                    0 === groupIndex && config.rowReordering && /*#__PURE__*/ jsx(Table.ColumnHeader, {
+                                    0 === groupIndex && config.rowReordering && /*#__PURE__*/ jsx(TableControl.ColumnHeader, {
                                         rowSpan: headers.length,
                                         className: "leaf-data-table__utility",
                                         children: /*#__PURE__*/ jsx("span", {
                                             className: "leaf-table__sr-only",
-                                            children: t('移动行', 'Reorder rows')
+                                            children: t('dataTable.reorderRows')
                                         })
                                     }),
-                                    0 === groupIndex && selection && /*#__PURE__*/ jsx(Table.ColumnHeader, {
+                                    0 === groupIndex && selection && /*#__PURE__*/ jsx(TableControl.ColumnHeader, {
                                         rowSpan: headers.length,
                                         className: "leaf-data-table__utility",
                                         children: /*#__PURE__*/ jsx(SelectionHeader, {})
                                     }),
-                                    0 === groupIndex && expandable && /*#__PURE__*/ jsx(Table.ColumnHeader, {
+                                    0 === groupIndex && expandable && /*#__PURE__*/ jsx(TableControl.ColumnHeader, {
                                         rowSpan: headers.length,
                                         className: "leaf-data-table__utility",
                                         children: /*#__PURE__*/ jsx("span", {
                                             className: "leaf-table__sr-only",
-                                            children: t('展开行', 'Expand rows')
+                                            children: t('dataTable.expandRows')
                                         })
                                     }),
                                     group.headers.map((header)=>{
@@ -617,7 +634,7 @@ function DataTableContent({ className, ...props }) {
                                         const canSort = !header.isPlaceholder && !column.columns.length && column.getCanSort();
                                         const SortIcon = 'asc' === sorted ? ArrowUp : 'desc' === sorted ? ArrowDown : ArrowUpDown;
                                         const nextSort = column.getNextSortingOrder();
-                                        const sortLabel = 'asc' === nextSort ? t('升序排序', 'Sort ascending') : 'desc' === nextSort ? t('降序排序', 'Sort descending') : t('取消排序', 'Clear sorting');
+                                        const sortLabel = 'asc' === nextSort ? t('dataTable.sortAscending') : 'desc' === nextSort ? t('dataTable.sortDescending') : t('dataTable.clearSorting');
                                         return /*#__PURE__*/ jsxs(ReorderColumnHeader, {
                                             enabled: Boolean(config.columnReordering && !header.isPlaceholder && !column.columns.length),
                                             disabled: !config.reorderColumns,
@@ -635,7 +652,9 @@ function DataTableContent({ className, ...props }) {
                                                     className: "leaf-data-table__heading",
                                                     children: [
                                                         config.reorderColumns && !header.isPlaceholder && /*#__PURE__*/ jsx(ReorderHandle, {
-                                                            label: `${t('移动列', 'Reorder column')}: ${columnLabel(column)}`
+                                                            label: format('dataTable.reorderColumn', {
+                                                                label: columnLabel(column)
+                                                            })
                                                         }),
                                                         header.isPlaceholder ? null : canSort ? /*#__PURE__*/ jsxs("button", {
                                                             type: "button",
@@ -666,18 +685,18 @@ function DataTableContent({ className, ...props }) {
                             }, group.id))
                     })
                 }),
-                /*#__PURE__*/ jsx(Table.Body, {
+                /*#__PURE__*/ jsx(TableControl.Body, {
                     onFocusCapture: virtual ? (event)=>setFocusedRowId(event.target.closest('[data-row-id], [data-detail-row]')?.getAttribute('data-row-id') ?? event.target.closest('[data-detail-row]')?.getAttribute('data-detail-row') ?? void 0) : void 0,
                     onBlurCapture: virtual ? (event)=>{
                         if (!event.currentTarget.contains(event.relatedTarget)) setFocusedRowId(void 0);
                     } : void 0,
-                    children: 'error' === status ? /*#__PURE__*/ jsx(Table.Error, {
+                    children: 'error' === status ? /*#__PURE__*/ jsx(TableControl.Error, {
                         colSpan: colSpan,
                         onRetry: onRetry,
                         children: error
-                    }) : 'loading' === status ? /*#__PURE__*/ jsx(Table.Loading, {
+                    }) : 'loading' === status ? /*#__PURE__*/ jsx(TableControl.Loading, {
                         colSpan: colSpan
-                    }) : 'empty' === status ? /*#__PURE__*/ jsx(Table.Empty, {
+                    }) : 'empty' === status ? /*#__PURE__*/ jsx(TableControl.Empty, {
                         colSpan: colSpan,
                         children: emptyContent
                     }) : virtual ? /*#__PURE__*/ jsx(VirtualRows, {
@@ -702,36 +721,36 @@ function DataTableContent({ className, ...props }) {
         })
     });
 }
-function DataTablePagination({ className, hasNextPage, ...props }) {
+function DataTablePaginationControl({ className, hasNextPage, ...props }) {
     const { table, loading, size } = useDataTable();
     const { pageIndex, pageSize } = table.getState().pagination;
     const t = useText();
     const pages = table.getPageCount();
     if (pages < 0) return /*#__PURE__*/ jsxs("nav", {
-        "aria-label": t('分页', 'Pagination'),
+        "aria-label": t('pagination.label'),
         className: classes('leaf-data-table__pagination', className),
         children: [
-            /*#__PURE__*/ jsx(Button, {
-                size: size,
-                variant: "outline",
+            /*#__PURE__*/ jsx(ButtonControl, {
+                size: props.size ?? size,
+                variant: props.variant ?? 'outline',
                 disabled: props.disabled || loading || !table.getCanPreviousPage(),
                 onClick: ()=>table.previousPage(),
-                children: t('上一页', 'Previous page')
+                children: t('pagination.previousPage')
             }),
             /*#__PURE__*/ jsx("span", {
                 children: pageIndex + 1
             }),
-            /*#__PURE__*/ jsx(Button, {
-                size: size,
-                variant: "outline",
+            /*#__PURE__*/ jsx(ButtonControl, {
+                size: props.size ?? size,
+                variant: props.variant ?? 'outline',
                 disabled: props.disabled || loading || !(hasNextPage ?? table.getCanNextPage()),
                 onClick: ()=>table.nextPage(),
-                children: t('下一页', 'Next page')
+                children: t('pagination.nextPage')
             })
         ]
     });
     const total = table.options.rowCount ?? (table.options.manualPagination && null != table.options.pageCount ? pages * pageSize : table.getRowCount());
-    return /*#__PURE__*/ jsx(Pagination, {
+    return /*#__PURE__*/ jsx(PaginationControl, {
         showSizeChanger: true,
         size: size,
         ...props,
@@ -777,7 +796,8 @@ function ManagedDataTable({ data, columns, rowKey, options, ...props }) {
         table: table
     });
 }
-function DataTableComponent(props) {
+function DataTableComponent(rawProps) {
+    const props = mergeComponentProps(useGenericComponentDefaults('DataTable'), rawProps);
     return props.table ? /*#__PURE__*/ jsx(DataTableRoot, {
         ...props
     }) : /*#__PURE__*/ jsx(ManagedDataTable, {
@@ -792,6 +812,24 @@ const DataTable = Object.assign(DataTableComponent, {
     Footer: DataTableFooter,
     Pagination: DataTablePagination
 });
-export { DataTable, DataTableColumnVisibility, DataTableContent, DataTableFooter, DataTablePagination, DataTableSearch, DataTableToolbar };
+function DataTableContent(rawProps) {
+    const props = useComponentProps('DataTableContent', rawProps);
+    return /*#__PURE__*/ jsx(DataTableContentControl, {
+        ...props
+    });
+}
+function DataTablePagination(rawProps) {
+    const props = useComponentProps('DataTablePagination', rawProps);
+    return /*#__PURE__*/ jsx(DataTablePaginationControl, {
+        ...props
+    });
+}
+function DataTableFooter(rawProps) {
+    const props = useComponentProps('DataTableFooter', rawProps);
+    return /*#__PURE__*/ jsx(DataTableFooterControl, {
+        ...props
+    });
+}
+export { DataTable, DataTableColumnVisibility, DataTableContent, DataTableContentControl, DataTableFooter, DataTableFooterControl, DataTablePagination, DataTablePaginationControl, DataTableSearch, DataTableToolbar };
 
 //# sourceMappingURL=tabletanstack.js.map