@cube-dev/ui-kit 0.0.0-canary-619b8e3 → 0.0.0-canary-7bfcbc3

package/dist/components/data/ItemTable/ItemTableToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/index.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";

package/dist/components/data/ItemTable/use-item-table-column-widths.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { freezeColumnWidths, useTableColumns } from "../TableBase/use-table-columns.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/ItemTable/use-item-table-drag-drop.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isTableTreeDescendant } from "../TableBase/table-tree.js";
 import { ItemTableDragPreview } from "./ItemTableDragPreview.js";

package/dist/components/data/ItemTable/use-item-table-pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { clampPage, getPageInfo } from "../../navigation/Pagination/use-pagination.js";
 import { reindexTableTree } from "../TableBase/table-tree.js";

package/dist/components/data/ItemTable/use-item-table-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { flattenTableTree } from "../TableBase/table-tree.js";
 import { useTableSelection } from "../TableBase/use-table-selection.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/ItemTable/use-item-table-sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { sortTableTree } from "../TableBase/table-tree.js";
 import { compareByColumn, useTableSort } from "../TableBase/use-table-sort.js";

package/dist/components/data/ItemTable/use-item-table-tree-model.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { buildTableTree } from "../TableBase/table-tree.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/TableBase/ColumnResizer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
@@ -12,8 +12,8 @@ import { useMove } from "react-aria";
 *
 * `useMove` rather than raw pointer events: it normalises pointer, touch and
 * **keyboard** into one stream, so arrow keys resize without any extra work —
-* an affordance ag-grid never gave Cloud. The same hook drives `Board`'s widget
-* resizing, so the interaction model matches.
+* an affordance ag-grid never gave Cloud. The same hook drives `ResizablePanel`,
+* so the interaction model matches.
 */
 function ColumnResizer(props) {
 	const $ = c(24);

package/dist/components/data/TableBase/ColumnResizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizer.js","names":["useRef","useMove","useEvent","mergeProps","CubeResolvedColumn","ColumnResizerProps","column","T","label","onResize","columnKey","width","onResizeEnd","ColumnResizer","props","$","_c","startWidthRef","widthRef","t0","maxWidth","minWidth","min","max","Math","clamp","t1","key","onMoveStart","current","onMove","event","step","pointerType","deltaX","onMoveEnd","moveProps","t2","onClick","event_0","stopPropagation","onKeyDown","event_1","preventDefault","handlerProps","t3","undefined","t4","t5","Symbol","for","t6"],"sources":["../../../../src/components/data/TableBase/ColumnResizer.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useMove } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\n\nimport type { CubeResolvedColumn } from './types';\n\nexport interface ColumnResizerProps<T> {\n  column: CubeResolvedColumn<T>;\n  label: string;\n  /** Live during the drag, so the column follows the pointer. */\n  onResize: (columnKey: string, width: number) => void;\n  /** Once, when the drag or key press finishes. For persistence and callbacks. */\n  onResizeEnd: (columnKey: string) => void;\n}\n\n/**\n * The grab handle on a column's trailing edge.\n *\n * `useMove` rather than raw pointer events: it normalises pointer, touch and\n * **keyboard** into one stream, so arrow keys resize without any extra work —\n * an affordance ag-grid never gave Cloud. The same hook drives `Board`'s widget\n * resizing, so the interaction model matches.\n */\nexport function ColumnResizer<T>(props: ColumnResizerProps<T>) {\n  const { column, label, onResize, onResizeEnd } = props;\n\n  // The width the drag started from. Deltas are relative to it, so a slow drag\n  // does not accumulate rounding the way summing per-move widths would.\n  const startWidthRef = useRef(0);\n  const widthRef = useRef(0);\n\n  const clamp = useEvent((width: number) => {\n    const min = column.minWidth;\n    const max = column.maxWidth;\n\n    return Math.max(min, max == null ? width : Math.min(width, max));\n  });\n\n  const { moveProps } = useMove({\n    onMoveStart() {\n      startWidthRef.current = column.width ?? column.minWidth;\n      widthRef.current = startWidthRef.current;\n    },\n    onMove(event) {\n      // `pointer` moves carry deltas in px; keyboard moves carry ±1 per press,\n      // which would be an imperceptible step, so they are scaled to a grid unit.\n      const step = event.pointerType === 'keyboard' ? 8 : 1;\n\n      widthRef.current = clamp(widthRef.current + event.deltaX * step);\n      onResize(column.key, widthRef.current);\n    },\n    onMoveEnd() {\n      onResizeEnd(column.key);\n    },\n  });\n\n  // `mergeProps`, not spread-then-override: `useMove` implements the keyboard\n  // half of the interaction through its own `onKeyDown`, and a plain `onKeyDown`\n  // prop after the spread would silently replace it — leaving the handle\n  // draggable but not operable from the keyboard.\n  const handlerProps = mergeProps(moveProps, {\n    // The header cell sorts on click; a press on the handle is not a sort.\n    onClick(event: { stopPropagation: () => void }) {\n      event.stopPropagation();\n    },\n    onKeyDown(event: {\n      key: string;\n      preventDefault: () => void;\n      stopPropagation: () => void;\n    }) {\n      // `useMove` claims the arrows. Home/End are ours, and they are the\n      // fastest way to reach the extremes.\n      if (event.key !== 'Home' && event.key !== 'End') {\n        event.stopPropagation();\n\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      onResize(\n        column.key,\n        event.key === 'Home' ? column.minWidth : column.maxWidth ?? 1000,\n      );\n      onResizeEnd(column.key);\n    },\n  });\n\n  return (\n    <div\n      {...handlerProps}\n      data-element=\"Resizer\"\n      // A separator is the role a resize handle takes when it splits two\n      // regions, and it is what makes the value readable to a screen reader.\n      role=\"separator\"\n      tabIndex={0}\n      aria-label={label}\n      aria-orientation=\"vertical\"\n      aria-valuenow={column.width ?? undefined}\n      aria-valuemin={column.minWidth}\n      aria-valuemax={column.maxWidth ?? undefined}\n    >\n      <div data-element=\"ResizerLine\" />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ColumnResizer.js","names":["useRef","useMove","useEvent","mergeProps","CubeResolvedColumn","ColumnResizerProps","column","T","label","onResize","columnKey","width","onResizeEnd","ColumnResizer","props","$","_c","startWidthRef","widthRef","t0","maxWidth","minWidth","min","max","Math","clamp","t1","key","onMoveStart","current","onMove","event","step","pointerType","deltaX","onMoveEnd","moveProps","t2","onClick","event_0","stopPropagation","onKeyDown","event_1","preventDefault","handlerProps","t3","undefined","t4","t5","Symbol","for","t6"],"sources":["../../../../src/components/data/TableBase/ColumnResizer.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useMove } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\n\nimport type { CubeResolvedColumn } from './types';\n\nexport interface ColumnResizerProps<T> {\n  column: CubeResolvedColumn<T>;\n  label: string;\n  /** Live during the drag, so the column follows the pointer. */\n  onResize: (columnKey: string, width: number) => void;\n  /** Once, when the drag or key press finishes. For persistence and callbacks. */\n  onResizeEnd: (columnKey: string) => void;\n}\n\n/**\n * The grab handle on a column's trailing edge.\n *\n * `useMove` rather than raw pointer events: it normalises pointer, touch and\n * **keyboard** into one stream, so arrow keys resize without any extra work —\n * an affordance ag-grid never gave Cloud. The same hook drives `ResizablePanel`,\n * so the interaction model matches.\n */\nexport function ColumnResizer<T>(props: ColumnResizerProps<T>) {\n  const { column, label, onResize, onResizeEnd } = props;\n\n  // The width the drag started from. Deltas are relative to it, so a slow drag\n  // does not accumulate rounding the way summing per-move widths would.\n  const startWidthRef = useRef(0);\n  const widthRef = useRef(0);\n\n  const clamp = useEvent((width: number) => {\n    const min = column.minWidth;\n    const max = column.maxWidth;\n\n    return Math.max(min, max == null ? width : Math.min(width, max));\n  });\n\n  const { moveProps } = useMove({\n    onMoveStart() {\n      startWidthRef.current = column.width ?? column.minWidth;\n      widthRef.current = startWidthRef.current;\n    },\n    onMove(event) {\n      // `pointer` moves carry deltas in px; keyboard moves carry ±1 per press,\n      // which would be an imperceptible step, so they are scaled to a grid unit.\n      const step = event.pointerType === 'keyboard' ? 8 : 1;\n\n      widthRef.current = clamp(widthRef.current + event.deltaX * step);\n      onResize(column.key, widthRef.current);\n    },\n    onMoveEnd() {\n      onResizeEnd(column.key);\n    },\n  });\n\n  // `mergeProps`, not spread-then-override: `useMove` implements the keyboard\n  // half of the interaction through its own `onKeyDown`, and a plain `onKeyDown`\n  // prop after the spread would silently replace it — leaving the handle\n  // draggable but not operable from the keyboard.\n  const handlerProps = mergeProps(moveProps, {\n    // The header cell sorts on click; a press on the handle is not a sort.\n    onClick(event: { stopPropagation: () => void }) {\n      event.stopPropagation();\n    },\n    onKeyDown(event: {\n      key: string;\n      preventDefault: () => void;\n      stopPropagation: () => void;\n    }) {\n      // `useMove` claims the arrows. Home/End are ours, and they are the\n      // fastest way to reach the extremes.\n      if (event.key !== 'Home' && event.key !== 'End') {\n        event.stopPropagation();\n\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      onResize(\n        column.key,\n        event.key === 'Home' ? column.minWidth : column.maxWidth ?? 1000,\n      );\n      onResizeEnd(column.key);\n    },\n  });\n\n  return (\n    <div\n      {...handlerProps}\n      data-element=\"Resizer\"\n      // A separator is the role a resize handle takes when it splits two\n      // regions, and it is what makes the value readable to a screen reader.\n      role=\"separator\"\n      tabIndex={0}\n      aria-label={label}\n      aria-orientation=\"vertical\"\n      aria-valuenow={column.width ?? undefined}\n      aria-valuemin={column.minWidth}\n      aria-valuemax={column.maxWidth ?? undefined}\n    >\n      <div data-element=\"ResizerLine\" />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data/TableBase/RowCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 //#region src/components/data/TableBase/RowCollection.ts
 /**
 * A `Collection<Node<T>>` over a plain row array.

package/dist/components/data/TableBase/TableHeaderCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/components/data/TableBase/TableRow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/TableBase/TableView.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { TextItem } from "../../content/TextItem/TextItem.js";

package/dist/components/data/TableBase/TreeGridTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";

package/dist/components/data/TableBase/column-header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { ArrowNarrowDownIcon } from "../../../icons/ArrowNarrowDownIcon.js";
 import { ArrowNarrowUpIcon } from "../../../icons/ArrowNarrowUpIcon.js";
 import { TableHeaderItem } from "./styled.js";

package/dist/components/data/TableBase/column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";

package/dist/components/data/TableBase/column-styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { computeStyles, resolveRecipes } from "@tenphi/tasty";
 
 //#region src/components/data/TableBase/column-styles.ts

package/dist/components/data/TableBase/column-tint.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";
 

package/dist/components/data/TableBase/row-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 
 //#region src/components/data/TableBase/row-menu.ts

package/dist/components/data/TableBase/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";

package/dist/components/data/TableBase/table-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 //#region src/components/data/TableBase/table-tree.ts
 /** Build identity and parent/child indexes without modifying consumer rows. */
 function buildTableTree(rows, getChildren, getKey) {

package/dist/components/data/TableBase/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 //#region src/components/data/TableBase/types.ts
 /**
 * `asc | desc` rather than React Aria's `ascending | descending`: we do not use

package/dist/components/data/TableBase/use-column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/TableBase/use-column-order.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/data/TableBase/use-container-width.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-row-move-animation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef } from "react";
 

package/dist/components/data/TableBase/use-scrollability.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-table-columns.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 
 //#region src/components/data/TableBase/use-table-columns.ts
@@ -66,6 +66,149 @@ function clamp(value, min, max) {
 	return Math.min(Math.max(value, min), max ?? Number.POSITIVE_INFINITY);
 }
 /**
+* The visible columns in visual order. Pinned columns lead and trail
+* regardless of their position in the source array, so `aria-colindex` and DOM
+* order agree and nothing needs CSS `order:` to be reshuffled.
+*/
+function orderColumns(columns) {
+	const visible = columns.filter((column) => !column.isHidden);
+	return [
+		...visible.filter((c) => c.pin === "start"),
+		...visible.filter((c) => !c.pin),
+		...visible.filter((c) => c.pin === "end")
+	];
+}
+function toColumnSpec(column, isStructural, columnWidths) {
+	const explicit = columnWidths?.[column.key] ?? column.width;
+	const minWidth = column.minWidth ?? (explicit != null ? explicit : isStructural ? 0 : DEFAULT_MIN_WIDTH);
+	return {
+		column,
+		isStructural,
+		fixed: explicit ?? null,
+		minWidth,
+		maxWidth: column.maxWidth ?? null,
+		flex: explicit != null ? null : column.flex ?? 1
+	};
+}
+function sumFlex(specs) {
+	return specs.reduce((sum, s) => sum + (s.flex ?? 1), 0);
+}
+/**
+* Splits `available` pixels across the flex columns by weight. Each pass
+* assigns proportional widths, freezes whatever hit a bound, and re-splits the
+* leftover among the rest.
+*/
+function distributeFlexWidths(flexSpecs, available, resolved) {
+	let remaining = available;
+	let pool = flexSpecs;
+	while (pool.length > 0) {
+		const totalFlex = sumFlex(pool);
+		const nextPool = [];
+		let consumed = 0;
+		for (const spec of pool) {
+			const ideal = remaining * (spec.flex ?? 1) / (totalFlex || 1);
+			const clamped = clamp(ideal, spec.minWidth, spec.maxWidth);
+			if (clamped !== ideal) {
+				resolved.set(spec.column.key, clamped);
+				consumed += clamped;
+			} else nextPool.push(spec);
+		}
+		if (nextPool.length === pool.length) {
+			const totalLeft = sumFlex(nextPool);
+			for (const spec of nextPool) resolved.set(spec.column.key, remaining * (spec.flex ?? 1) / (totalLeft || 1));
+			break;
+		}
+		remaining -= consumed;
+		pool = nextPool;
+	}
+}
+/**
+* Each column's pixel width, keyed by column key; none before the container is
+* measured. When even the minimums do not fit, every column takes its minimum
+* and the table overflows.
+*/
+function resolveWidths(specs, containerWidth) {
+	const resolved = /* @__PURE__ */ new Map();
+	if (!(containerWidth != null && containerWidth > 0)) return {
+		resolved,
+		isOverflowing: false
+	};
+	if (specs.reduce((sum, s) => sum + (s.fixed ?? s.minWidth), 0) > containerWidth) {
+		for (const spec of specs) resolved.set(spec.column.key, spec.fixed ?? spec.minWidth);
+		return {
+			resolved,
+			isOverflowing: true
+		};
+	}
+	const fixedTotal = specs.reduce((sum, s) => sum + (s.fixed ?? 0), 0);
+	distributeFlexWidths(specs.filter((s) => s.fixed == null), containerWidth - fixedTotal, resolved);
+	for (const spec of specs) if (spec.fixed != null) resolved.set(spec.column.key, spec.fixed);
+	return {
+		resolved,
+		isOverflowing: false
+	};
+}
+/**
+* Sets each pinned column's sticky offset, which accumulates inwards from its
+* edge, and marks the innermost pinned column on each side. Returns the width
+* pinned to each side.
+*/
+function applyPinOffsets(columns) {
+	let pinnedStartWidth = 0;
+	let pinnedEndWidth = 0;
+	for (const column of columns) {
+		if (column.pin !== "start") continue;
+		column.pinOffset = pinnedStartWidth;
+		pinnedStartWidth += column.width ?? column.minWidth;
+	}
+	for (let i = columns.length - 1; i >= 0; i--) {
+		const column = columns[i];
+		if (column.pin !== "end") continue;
+		column.pinOffset = pinnedEndWidth;
+		pinnedEndWidth += column.width ?? column.minWidth;
+	}
+	const lastPinnedStart = columns.filter((c) => c.pin === "start").at(-1);
+	const firstPinnedEnd = columns.find((c) => c.pin === "end");
+	if (lastPinnedStart) lastPinnedStart.isPinEdge = true;
+	if (firstPinnedEnd) firstPinnedEnd.isPinEdge = true;
+	return {
+		pinnedStartWidth,
+		pinnedEndWidth
+	};
+}
+function resolveColumnLayout({ columns, containerWidth, columnWidths, leadingColumns, trailingColumns }) {
+	const leading = leadingColumns ?? [];
+	const trailing = trailingColumns ?? [];
+	const structuralKeys = new Set([...leading, ...trailing].map((c) => c.key));
+	const specs = orderColumns([
+		...leading,
+		...columns,
+		...trailing
+	]).map((column) => toColumnSpec(column, structuralKeys.has(column.key), columnWidths));
+	const { resolved, isOverflowing } = resolveWidths(specs, containerWidth);
+	const out = specs.map((spec, index) => ({
+		...spec.column,
+		index,
+		ariaColIndex: index + 1,
+		width: resolved.get(spec.column.key) ?? null,
+		minWidth: spec.minWidth,
+		maxWidth: spec.maxWidth,
+		flex: spec.flex,
+		align: spec.column.align ?? "start",
+		pinOffset: null,
+		isPinEdge: false,
+		isStructural: spec.isStructural
+	}));
+	const { pinnedStartWidth, pinnedEndWidth } = applyPinOffsets(out);
+	return {
+		columns: out,
+		pinnedStartWidth,
+		pinnedEndWidth,
+		totalWidth: out.every((c) => c.width != null) ? out.reduce((sum, c) => sum + (c.width ?? 0), 0) : null,
+		isOverflowing
+	};
+}
+/**
 * Normalizes the public column list into resolved leaves: visual order, ARIA
 * indices, pixel widths, and sticky offsets for pinned columns.
 *
@@ -77,180 +220,25 @@ function clamp(value, min, max) {
 * and the table scrolls horizontally.
 */
 function useTableColumns(t0) {
-	const $ = c(16);
+	const $ = c(6);
 	const { columns, containerWidth, columnWidths, leadingColumns, trailingColumns } = t0;
-	let isOverflowing;
-	let out;
-	let pinnedEndWidth;
-	let pinnedStartWidth;
 	let t1;
 	if ($[0] !== columnWidths || $[1] !== columns || $[2] !== containerWidth || $[3] !== leadingColumns || $[4] !== trailingColumns) {
-		const visible = [
-			...leadingColumns ?? [],
-			...columns,
-			...trailingColumns ?? []
-		].filter(_temp);
-		const ordered = [
-			...visible.filter(_temp2),
-			...visible.filter(_temp3),
-			...visible.filter(_temp4)
-		];
-		const structuralKeys = new Set([...leadingColumns ?? [], ...trailingColumns ?? []].map(_temp5));
-		const specs = ordered.map((column_0) => {
-			const isStructural = structuralKeys.has(column_0.key);
-			const explicit = columnWidths?.[column_0.key] ?? column_0.width;
-			const minWidth = column_0.minWidth ?? (explicit != null ? explicit : isStructural ? 0 : DEFAULT_MIN_WIDTH);
-			return {
-				column: column_0,
-				isStructural,
-				fixed: explicit ?? null,
-				minWidth,
-				maxWidth: column_0.maxWidth ?? null,
-				flex: explicit != null ? null : column_0.flex ?? 1
-			};
+		t1 = resolveColumnLayout({
+			columns,
+			containerWidth,
+			columnWidths,
+			leadingColumns,
+			trailingColumns
 		});
-		const resolved = /* @__PURE__ */ new Map();
-		isOverflowing = false;
-		if (containerWidth != null && containerWidth > 0) {
-			const fixedTotal = specs.reduce(_temp6, 0);
-			const flexSpecs = specs.filter(_temp7);
-			if (specs.reduce(_temp8, 0) > containerWidth) {
-				isOverflowing = true;
-				for (const spec of specs) resolved.set(spec.column.key, spec.fixed ?? spec.minWidth);
-			} else {
-				let remaining = containerWidth - fixedTotal;
-				let pool = flexSpecs;
-				while (pool.length > 0) {
-					const totalFlex = pool.reduce(_temp9, 0);
-					const nextPool = [];
-					let consumed = 0;
-					for (const spec_0 of pool) {
-						const ideal = remaining * (spec_0.flex ?? 1) / (totalFlex || 1);
-						const clamped = clamp(ideal, spec_0.minWidth, spec_0.maxWidth);
-						if (clamped !== ideal) {
-							resolved.set(spec_0.column.key, clamped);
-							consumed = consumed + clamped;
-						} else nextPool.push(spec_0);
-					}
-					if (nextPool.length === pool.length) {
-						const totalLeft = nextPool.reduce(_temp0, 0);
-						for (const spec_1 of nextPool) resolved.set(spec_1.column.key, remaining * (spec_1.flex ?? 1) / (totalLeft || 1));
-						break;
-					}
-					remaining = remaining - consumed;
-					pool = nextPool;
-				}
-				for (const spec_2 of specs) if (spec_2.fixed != null) resolved.set(spec_2.column.key, spec_2.fixed);
-			}
-		}
-		pinnedStartWidth = 0;
-		pinnedEndWidth = 0;
-		out = specs.map((spec_3, index) => ({
-			...spec_3.column,
-			index,
-			ariaColIndex: index + 1,
-			width: resolved.get(spec_3.column.key) ?? null,
-			minWidth: spec_3.minWidth,
-			maxWidth: spec_3.maxWidth,
-			flex: spec_3.flex,
-			align: spec_3.column.align ?? "start",
-			pinOffset: null,
-			isPinEdge: false,
-			isStructural: spec_3.isStructural
-		}));
-		for (const column_1 of out) {
-			if (column_1.pin !== "start") continue;
-			column_1.pinOffset = pinnedStartWidth;
-			pinnedStartWidth = pinnedStartWidth + (column_1.width ?? column_1.minWidth);
-		}
-		for (let i = out.length - 1; i >= 0; i--) {
-			const column_2 = out[i];
-			if (column_2.pin !== "end") continue;
-			column_2.pinOffset = pinnedEndWidth;
-			pinnedEndWidth = pinnedEndWidth + (column_2.width ?? column_2.minWidth);
-		}
-		const lastPinnedStart = out.filter(_temp1).at(-1);
-		const firstPinnedEnd = out.find(_temp10);
-		if (lastPinnedStart) lastPinnedStart.isPinEdge = true;
-		if (firstPinnedEnd) firstPinnedEnd.isPinEdge = true;
-		t1 = out.every(_temp11) ? out.reduce(_temp12, 0) : null;
 		$[0] = columnWidths;
 		$[1] = columns;
 		$[2] = containerWidth;
 		$[3] = leadingColumns;
 		$[4] = trailingColumns;
-		$[5] = isOverflowing;
-		$[6] = out;
-		$[7] = pinnedEndWidth;
-		$[8] = pinnedStartWidth;
-		$[9] = t1;
-	} else {
-		isOverflowing = $[5];
-		out = $[6];
-		pinnedEndWidth = $[7];
-		pinnedStartWidth = $[8];
-		t1 = $[9];
-	}
-	const totalWidth = t1;
-	let t2;
-	if ($[10] !== isOverflowing || $[11] !== out || $[12] !== pinnedEndWidth || $[13] !== pinnedStartWidth || $[14] !== totalWidth) {
-		t2 = {
-			columns: out,
-			pinnedStartWidth,
-			pinnedEndWidth,
-			totalWidth,
-			isOverflowing
-		};
-		$[10] = isOverflowing;
-		$[11] = out;
-		$[12] = pinnedEndWidth;
-		$[13] = pinnedStartWidth;
-		$[14] = totalWidth;
-		$[15] = t2;
-	} else t2 = $[15];
-	return t2;
-}
-function _temp12(sum_3, c_5) {
-	return sum_3 + (c_5.width ?? 0);
-}
-function _temp11(c_6) {
-	return c_6.width != null;
-}
-function _temp10(c_4) {
-	return c_4.pin === "end";
-}
-function _temp1(c_3) {
-	return c_3.pin === "start";
-}
-function _temp0(sum_2, s_3) {
-	return sum_2 + (s_3.flex ?? 1);
-}
-function _temp9(sum_1, s_2) {
-	return sum_1 + (s_2.flex ?? 1);
-}
-function _temp8(sum_0, s_1) {
-	return sum_0 + (s_1.fixed ?? s_1.minWidth);
-}
-function _temp7(s_0) {
-	return s_0.fixed == null;
-}
-function _temp6(sum, s) {
-	return sum + (s.fixed ?? 0);
-}
-function _temp5(c_2) {
-	return c_2.key;
-}
-function _temp4(c_1) {
-	return c_1.pin === "end";
-}
-function _temp3(c_0) {
-	return !c_0.pin;
-}
-function _temp2(c) {
-	return c.pin === "start";
-}
-function _temp(column) {
-	return !column.isHidden;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 }
 
 //#endregion