@galaxy-io/dls 1.6.1 → 2.0.0

package/dist/table/TablePrimitives.js

@@ -1,302 +0,0 @@
-import { withTheme } from "../theme/GalaxyTheme.js";
-import { getCssSizeValue } from "../utils/linaria.js";
-import { ColumnAlign, ColumnPin } from "./types.js";
-import { getDensityCellPadding, getDensityRowHeight, getVariantBackgroundColor, getVariantHoverBackgroundColor, getVariantSelectedBackgroundColor } from "./utils.js";
-/* empty css                          */
-import { styled } from "@linaria/react";
-import { match } from "ts-pattern";
-//#region src/table/TablePrimitives.tsx
-/**
-* Shared styled leaves for InfiniteTable and VirtualizedInfiniteTable.
-*
-* Every export here is non-generic on purpose: `withTheme` erases type
-* parameters, so generic row/cell renderers compose these rather than being
-* wrapped themselves.
-*
-* The table elements are laid out with flex, which strips their implicit ARIA
-* roles — callers must pass explicit `role` attributes.
-*/
-var _exp = () => ({ $width, $fillWidth }) => {
-	if ($fillWidth) return "100%";
-	if ($width) return getCssSizeValue($width);
-	return "auto";
-};
-var _exp2 = () => ({ $height, $fillHeight }) => {
-	if ($fillHeight) return "100%";
-	if ($height) return getCssSizeValue($height);
-	return "auto";
-};
-var _exp3 = () => ({ $minHeight }) => $minHeight !== void 0 ? getCssSizeValue($minHeight) : "auto";
-var _exp4 = () => ({ $maxHeight }) => $maxHeight !== void 0 ? getCssSizeValue($maxHeight) : "none";
-var TableOuterContainer = withTheme(/*#__PURE__*/ styled("div")({
-	name: "TableOuterContainer",
-	class: "tldpbjd",
-	propsAsIs: false,
-	vars: {
-		"tldpbjd-0": [_exp()],
-		"tldpbjd-1": [_exp2()],
-		"tldpbjd-2": [_exp3()],
-		"tldpbjd-3": [_exp4()]
-	}
-}));
-/**
-* Deliberately not wrapped in `withTheme` — it receives a ref, and the
-* `withTheme` HOC does not forward one.
-*/
-var _exp5 = () => ({ $noLastRowPadding }) => $noLastRowPadding ? "0" : "8px";
-var TableScrollContainer = /*#__PURE__*/ styled("div")({
-	name: "TableScrollContainer",
-	class: "t1ltwowk",
-	propsAsIs: false,
-	vars: { "t1ltwowk-0": [_exp5()] }
-});
-/**
-* `min-width` is the sum of the resolved column widths, so a table whose fixed
-* columns overflow scrolls horizontally instead of squashing — while a table of
-* flexible columns still fills its container.
-*/
-var _exp6 = () => ({ $rowMinWidth }) => `${$rowMinWidth}px`;
-var StyledTable = /*#__PURE__*/ styled("table")({
-	name: "StyledTable",
-	class: "sfoers7",
-	propsAsIs: false,
-	vars: { "sfoers7-0": [_exp6()] }
-});
-var TableHead = /*#__PURE__*/ styled("thead")({
-	name: "TableHead",
-	class: "tmoy46",
-	propsAsIs: false
-});
-var _exp7 = () => ({ $virtualHeight }) => $virtualHeight !== void 0 ? `${$virtualHeight}px` : "auto";
-var TableBody = /*#__PURE__*/ styled("tbody")({
-	name: "TableBody",
-	class: "tyata5l",
-	propsAsIs: false,
-	vars: { "tyata5l-0": [_exp7()] }
-});
-var TableHeaderRow = /*#__PURE__*/ styled("tr")({
-	name: "TableHeaderRow",
-	class: "tr9kpwl",
-	propsAsIs: false
-});
-var _exp8 = () => ({ $isClickable }) => $isClickable ? "pointer" : "default";
-var _exp9 = () => ({ $density, $rowHeight }) => $rowHeight !== void 0 ? `${$rowHeight}px` : getDensityRowHeight($density);
-var _exp0 = () => ({ $translateY }) => $translateY !== void 0 ? "absolute" : "static";
-var _exp1 = () => ({ $translateY }) => $translateY !== void 0 ? `translateY(${$translateY}px)` : "none";
-var _exp10 = () => ({ theme }) => theme.color.border.selected;
-var _exp11 = () => ({ $isSelected, $variant, theme }) => $isSelected ? getVariantSelectedBackgroundColor(theme, $variant) : getVariantBackgroundColor(theme, $variant);
-var _exp12 = () => ({ $isExpanded, $isLastRow, theme }) => {
-	if ($isExpanded || $isLastRow) return "none";
-	return `0.5px solid ${theme.color.border.primary}`;
-};
-var _exp13 = () => ({ $isClickable, $isSelected, $variant, theme }) => {
-	if ($isSelected) return getVariantSelectedBackgroundColor(theme, $variant);
-	if ($isClickable) return getVariantHoverBackgroundColor(theme, $variant);
-	return getVariantBackgroundColor(theme, $variant);
-};
-var TableRow = withTheme(/*#__PURE__*/ styled("tr")({
-	name: "TableRow",
-	class: "t1ae7muk",
-	propsAsIs: false,
-	vars: {
-		"t1ae7muk-0": [_exp8()],
-		"t1ae7muk-1": [_exp9()],
-		"t1ae7muk-2": [_exp0()],
-		"t1ae7muk-3": [_exp1()],
-		"t1ae7muk-4": [_exp10()],
-		"t1ae7muk-5": [_exp11()],
-		"t1ae7muk-6": [_exp12()],
-		"t1ae7muk-7": [_exp13()]
-	}
-}));
-var _exp14 = () => ({ $density }) => getDensityRowHeight($density);
-var _exp15 = () => ({ theme }) => theme.color.border.primary;
-var _exp16 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
-var TableLoadingRow = withTheme(/*#__PURE__*/ styled("tr")({
-	name: "TableLoadingRow",
-	class: "t5udbsy",
-	propsAsIs: false,
-	vars: {
-		"t5udbsy-0": [_exp14()],
-		"t5udbsy-1": [_exp15()],
-		"t5udbsy-2": [_exp16()]
-	}
-}));
-var _exp17 = () => ({ $density, $isCompact }) => $isCompact ? "4px 6px" : getDensityCellPadding($density);
-var _exp18 = () => ({ $width }) => {
-	if ($width) return `0 0 ${$width}px`;
-	return "1 1 0";
-};
-var _exp19 = () => ({ $minWidth }) => {
-	if ($minWidth) return `${$minWidth}px`;
-	return "0";
-};
-var _exp20 = () => ({ $maxWidth }) => {
-	if ($maxWidth) return `${$maxWidth}px`;
-	return "none";
-};
-var _exp21 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "left").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "right").with(void 0, () => "left").exhaustive();
-var _exp22 = () => ({ theme }) => theme.color.border.primary;
-var _exp23 = () => ({ $variant, theme }) => getVariantBackgroundColor(theme, $variant);
-var _exp24 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "flex-start").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "flex-end").with(void 0, () => "flex-start").exhaustive();
-var _exp25 = () => ({ $isSortable }) => {
-	if ($isSortable) return "pointer";
-	return "default";
-};
-var _exp26 = () => ({ theme }) => theme.color.border.selected;
-var _exp27 = () => ({ $pin }) => {
-	if ($pin) return 25;
-	return 20;
-};
-var _exp28 = () => ({ $pin, $pinnedOffset }) => {
-	if ($pin === ColumnPin.LEFT && $pinnedOffset !== void 0) return `${$pinnedOffset}px`;
-	return "auto";
-};
-var _exp29 = () => ({ $pin, $pinnedOffset }) => {
-	if ($pin === ColumnPin.RIGHT && $pinnedOffset !== void 0) return `${$pinnedOffset}px`;
-	return "auto";
-};
-var _exp30 = () => ({ $pin, theme }) => {
-	if ($pin === ColumnPin.LEFT) return `0.5px solid ${theme.color.border.primary}`;
-	return "none";
-};
-var _exp31 = () => ({ $pin, theme }) => {
-	if ($pin === ColumnPin.RIGHT) return `0.5px solid ${theme.color.border.primary}`;
-	return "none";
-};
-var TableHeaderCell = withTheme(/*#__PURE__*/ styled("th")({
-	name: "TableHeaderCell",
-	class: "t9zg7bh",
-	propsAsIs: false,
-	vars: {
-		"t9zg7bh-0": [_exp17()],
-		"t9zg7bh-1": [_exp18()],
-		"t9zg7bh-2": [_exp19()],
-		"t9zg7bh-3": [_exp20()],
-		"t9zg7bh-4": [_exp21()],
-		"t9zg7bh-5": [_exp22()],
-		"t9zg7bh-6": [_exp23()],
-		"t9zg7bh-7": [_exp24()],
-		"t9zg7bh-8": [_exp25()],
-		"t9zg7bh-9": [_exp26()],
-		"t9zg7bh-10": [_exp27()],
-		"t9zg7bh-11": [_exp28()],
-		"t9zg7bh-12": [_exp29()],
-		"t9zg7bh-13": [_exp30()],
-		"t9zg7bh-14": [_exp31()]
-	}
-}));
-var _exp32 = () => ({ $density, $isCompact }) => $isCompact ? "4px 6px" : getDensityCellPadding($density);
-var _exp33 = () => ({ theme }) => theme.color.text.primary;
-var _exp34 = () => ({ $width }) => {
-	if ($width) return `0 0 ${$width}px`;
-	return "1 1 0";
-};
-var _exp35 = () => ({ $minWidth }) => {
-	if ($minWidth) return `${$minWidth}px`;
-	return "0";
-};
-var _exp36 = () => ({ $maxWidth }) => {
-	if ($maxWidth) return `${$maxWidth}px`;
-	return "none";
-};
-var _exp37 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "left").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "right").with(void 0, () => "left").exhaustive();
-var _exp38 = () => ({ $align }) => match($align).with(ColumnAlign.LEFT, () => "flex-start").with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "flex-end").with(void 0, () => "flex-start").exhaustive();
-var _exp39 = () => ({ $pin, $variant, theme }) => {
-	if ($pin) return getVariantBackgroundColor(theme, $variant);
-	return "transparent";
-};
-var _exp40 = () => ({ $isEditable }) => $isEditable ? "text" : "inherit";
-var _exp41 = () => ({ $variant, theme }) => getVariantHoverBackgroundColor(theme, $variant);
-var _exp42 = () => ({ $pin, $isPositioned }) => {
-	if ($pin) return "sticky";
-	if ($isPositioned) return "relative";
-	return "static";
-};
-var _exp43 = () => ({ $pin }) => {
-	if ($pin) return 5;
-	return "auto";
-};
-var _exp44 = () => ({ $pin, $pinnedOffset }) => {
-	if ($pin === ColumnPin.LEFT && $pinnedOffset !== void 0) return `${$pinnedOffset}px`;
-	return "auto";
-};
-var _exp45 = () => ({ $pin, $pinnedOffset }) => {
-	if ($pin === ColumnPin.RIGHT && $pinnedOffset !== void 0) return `${$pinnedOffset}px`;
-	return "auto";
-};
-var _exp46 = () => ({ $pin, theme }) => {
-	if ($pin === ColumnPin.LEFT) return `0.5px solid ${theme.color.border.primary}`;
-	return "none";
-};
-var _exp47 = () => ({ $pin, theme }) => {
-	if ($pin === ColumnPin.RIGHT) return `0.5px solid ${theme.color.border.primary}`;
-	return "none";
-};
-var TableDataCell = withTheme(/*#__PURE__*/ styled("td")({
-	name: "TableDataCell",
-	class: "txnbn9h",
-	propsAsIs: false,
-	vars: {
-		"txnbn9h-0": [_exp32()],
-		"txnbn9h-1": [_exp33()],
-		"txnbn9h-2": [_exp34()],
-		"txnbn9h-3": [_exp35()],
-		"txnbn9h-4": [_exp36()],
-		"txnbn9h-5": [_exp37()],
-		"txnbn9h-6": [_exp38()],
-		"txnbn9h-7": [_exp39()],
-		"txnbn9h-8": [_exp40()],
-		"txnbn9h-9": [_exp41()],
-		"txnbn9h-10": [_exp42()],
-		"txnbn9h-11": [_exp43()],
-		"txnbn9h-12": [_exp44()],
-		"txnbn9h-13": [_exp45()],
-		"txnbn9h-14": [_exp46()],
-		"txnbn9h-15": [_exp47()]
-	}
-}));
-var _exp48 = () => ({ $grow }) => $grow ? "1 1 auto" : "0 1 auto";
-var HeaderContentWrapper = /*#__PURE__*/ styled("div")({
-	name: "HeaderContentWrapper",
-	class: "hsbbcc2",
-	propsAsIs: false,
-	vars: { "hsbbcc2-0": [_exp48()] }
-});
-/** Holds a trailing affordance — a menu trigger, say — at the cell's far edge. */
-var HeaderTrailingWrapper = /*#__PURE__*/ styled("div")({
-	name: "HeaderTrailingWrapper",
-	class: "h10hzgu6",
-	propsAsIs: false
-});
-var SortIconWrapper = /*#__PURE__*/ styled("div")({
-	name: "SortIconWrapper",
-	class: "s9ehtv6",
-	propsAsIs: false
-});
-/**
-* Grab area pinned to the trailing edge of a resizable header cell.
-*
-* The area is wide enough to grab comfortably, but the indicator sits flush
-* against the trailing edge — centring it inside the grab area would leave it
-* floating a few pixels short of the column border it represents.
-*/
-var _exp49 = () => ({ $isResizing, theme }) => $isResizing ? theme.color.border.selected : "transparent";
-var _exp51 = () => ({ theme }) => theme.color.border.selected;
-var ColumnResizeHandle = withTheme(/*#__PURE__*/ styled("div")({
-	name: "ColumnResizeHandle",
-	class: "c17fany5",
-	propsAsIs: false,
-	vars: {
-		"c17fany5-0": [_exp49()],
-		"c17fany5-1": [_exp51()]
-	}
-}));
-/** Sentinel that drives infinite scroll; carries no visual weight. */
-var InfiniteScrollSentinel = /*#__PURE__*/ styled("div")({
-	name: "InfiniteScrollSentinel",
-	class: "i4yku28",
-	propsAsIs: false
-});
-//#endregion
-export { ColumnResizeHandle, HeaderContentWrapper, HeaderTrailingWrapper, InfiniteScrollSentinel, SortIconWrapper, StyledTable, TableBody, TableDataCell, TableHead, TableHeaderCell, TableHeaderRow, TableLoadingRow, TableOuterContainer, TableRow, TableScrollContainer };

package/dist/table/TableSelectCell.d.ts

@@ -1,18 +0,0 @@
-import { TableDensity } from "./types";
-interface TableSelectCellProps {
-    isChecked: boolean;
-    isIndeterminate?: boolean;
-    isDisabled?: boolean;
-    density: TableDensity;
-    ariaLabel: string;
-    /** `isShiftKey` drives range selection when the row supports it. */
-    onChange: (isChecked: boolean, isShiftKey: boolean) => void;
-}
-/**
- * Checkbox used by both the select-all header cell and each body row.
- *
- * Clicks are kept from bubbling so selecting a row never also fires
- * `onRowClick`.
- */
-declare const TableSelectCell: ({ isChecked, isIndeterminate, isDisabled, density, ariaLabel, onChange, }: TableSelectCellProps) => import("react").JSX.Element;
-export default TableSelectCell;

package/dist/table/TableSelectCell.js

@@ -1,27 +0,0 @@
-import { TableDensity } from "./types.js";
-import { InputSize } from "../inputs/Input.js";
-import CheckboxInput from "../inputs/CheckboxInput.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/table/TableSelectCell.tsx
-var DENSITY_TO_CHECKBOX_SIZE_MAP = {
-	[TableDensity.SMALL]: InputSize.SMALL,
-	[TableDensity.MEDIUM]: InputSize.MEDIUM,
-	[TableDensity.LARGE]: InputSize.LARGE
-};
-/**
-* Checkbox used by both the select-all header cell and each body row.
-*
-* Clicks are kept from bubbling so selecting a row never also fires
-* `onRowClick`.
-*/
-var TableSelectCell = ({ isChecked, isIndeterminate, isDisabled, density, ariaLabel, onChange }) => /* @__PURE__ */ jsx(CheckboxInput, {
-	isChecked,
-	isIndeterminate,
-	isDisabled,
-	size: DENSITY_TO_CHECKBOX_SIZE_MAP[density],
-	ariaLabel,
-	stopClickPropagation: true,
-	onChange: (isChecked, event) => onChange(isChecked, event?.shiftKey ?? false)
-});
-//#endregion
-export { TableSelectCell as default };

package/dist/table/TableStatusRow.d.ts

@@ -1,18 +0,0 @@
-import type { ReactNode } from "react";
-interface TableStatusRowProps {
-    colSpan: number;
-    /** Scroll container's client width. */
-    viewportWidth?: number;
-    /** Space left below the header, so the message centres in what's visible. */
-    availableHeight?: number;
-    role: "status" | "alert";
-    children: ReactNode;
-}
-/**
- * In-flow row for the empty and error states.
- *
- * Rendering inside `<tbody>` rather than as an overlay on the outer container
- * is what keeps the message from covering the sticky header.
- */
-declare const TableStatusRow: ({ colSpan, viewportWidth, availableHeight, role, children, }: TableStatusRowProps) => import("react").JSX.Element;
-export default TableStatusRow;

package/dist/table/TableStatusRow.js

@@ -1,50 +0,0 @@
-/* empty css                         */
-import { styled } from "@linaria/react";
-import { jsx } from "react/jsx-runtime";
-//#region src/table/TableStatusRow.tsx
-var StatusRow = /*#__PURE__*/ styled("tr")({
-	name: "StatusRow",
-	class: "s1fgfidg",
-	propsAsIs: false
-});
-var StatusCell = /*#__PURE__*/ styled("td")({
-	name: "StatusCell",
-	class: "s1mn0f4e",
-	propsAsIs: false
-});
-/**
-* Sticky-left and sized to the scrollport so the message stays centred in view
-* no matter how far the table is scrolled horizontally.
-*/
-var _exp = () => ({ $width }) => $width !== void 0 ? `${$width}px` : "100%";
-var _exp2 = () => ({ $minHeight }) => $minHeight !== void 0 ? `${$minHeight}px` : "120px";
-var StatusViewport = /*#__PURE__*/ styled("div")({
-	name: "StatusViewport",
-	class: "s1r7bpq0",
-	propsAsIs: false,
-	vars: {
-		"s1r7bpq0-0": [_exp()],
-		"s1r7bpq0-1": [_exp2()]
-	}
-});
-/**
-* In-flow row for the empty and error states.
-*
-* Rendering inside `<tbody>` rather than as an overlay on the outer container
-* is what keeps the message from covering the sticky header.
-*/
-var TableStatusRow = ({ colSpan, viewportWidth, availableHeight, role, children }) => /* @__PURE__ */ jsx(StatusRow, {
-	role: "row",
-	children: /* @__PURE__ */ jsx(StatusCell, {
-		colSpan,
-		role: "cell",
-		children: /* @__PURE__ */ jsx(StatusViewport, {
-			$width: viewportWidth,
-			$minHeight: availableHeight,
-			role,
-			children
-		})
-	})
-});
-//#endregion
-export { TableStatusRow as default };

package/dist/table/useSpreadsheetEditing.d.ts

@@ -1,13 +0,0 @@
-import type { EditingCell } from "./types";
-interface UseSpreadsheetEditingOptions {
-    editingCell?: EditingCell | null;
-    onEditingCellChange?: (cell: EditingCell | null) => void;
-}
-export declare function useSpreadsheetEditing(options: UseSpreadsheetEditingOptions): {
-    editingCell: EditingCell | null;
-    startEditing: (rowIndex: number, columnId: string) => void;
-    cancelEditing: () => void;
-    commitEditing: () => void;
-    isEditing: (rowIndex: number, columnId: string) => boolean;
-};
-export {};

package/dist/table/useSpreadsheetEditing.js

@@ -1,41 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-//#region src/table/useSpreadsheetEditing.ts
-function useSpreadsheetEditing(options) {
-	const { editingCell: controlledCell, onEditingCellChange } = options;
-	const isControlled = controlledCell !== void 0;
-	const [internalCell, setInternalCell] = useState(null);
-	const currentCell = isControlled ? controlledCell : internalCell;
-	const setEditingCell = useCallback((cell) => {
-		if (isControlled) onEditingCellChange?.(cell);
-		else setInternalCell(cell);
-	}, [isControlled, onEditingCellChange]);
-	const startEditing = useCallback((rowIndex, columnId) => {
-		setEditingCell({
-			rowIndex,
-			columnId
-		});
-	}, [setEditingCell]);
-	const cancelEditing = useCallback(() => {
-		setEditingCell(null);
-	}, [setEditingCell]);
-	const commitEditing = useCallback(() => {
-		setEditingCell(null);
-	}, [setEditingCell]);
-	useEffect(() => {
-		if (!currentCell) return;
-		const onKeyDown = (e) => {
-			if (e.key === "Escape") cancelEditing();
-		};
-		document.addEventListener("keydown", onKeyDown);
-		return () => document.removeEventListener("keydown", onKeyDown);
-	}, [currentCell, cancelEditing]);
-	return {
-		editingCell: currentCell,
-		startEditing,
-		cancelEditing,
-		commitEditing,
-		isEditing: (rowIndex, columnId) => currentCell?.rowIndex === rowIndex && currentCell?.columnId === columnId
-	};
-}
-//#endregion
-export { useSpreadsheetEditing };

package/dist/table/useTableColumnResize.d.ts

@@ -1,38 +0,0 @@
-import { ColumnResizeMode, type ColumnDef, type ColumnSizingState } from "./types";
-interface UseTableColumnResizeOptions<TData> {
-    columns: ColumnDef<TData, unknown>[];
-    enabled?: boolean;
-    columnSizing?: ColumnSizingState;
-    defaultColumnSizing?: ColumnSizingState;
-    onColumnSizingChange?: (columnSizing: ColumnSizingState) => void;
-    mode?: ColumnResizeMode;
-}
-export interface TableColumnResize<TData> {
-    columnSizing: ColumnSizingState;
-    /** TanStack-shaped setter, so `state.columnSizing` stays in sync. */
-    onColumnSizingChange: (updater: ColumnSizingState | ((old: ColumnSizingState) => ColumnSizingState)) => void;
-    resizingColumnId: string | null;
-    canResizeColumn: (column: ColumnDef<TData, unknown>) => boolean;
-    /**
-     * `measuredWidth` is the column's rendered width. Pass it for flexible
-     * columns — they have no declared `size`, so without it the drag would jump
-     * to the fallback width on the first pointer move.
-     */
-    startResize: (columnId: string, clientX: number, measuredWidth?: number) => void;
-    resizeByKeyboard: (columnId: string, event: React.KeyboardEvent) => void;
-    /** `current` is undefined for a flexible column that has not been resized. */
-    getColumnResizeBounds: (columnId: string) => {
-        min: number;
-        max: number;
-        current: number | undefined;
-    };
-}
-/**
- * Drag- and keyboard-driven column resizing, controlled or uncontrolled.
- *
- * Pointer listeners live on `window` so the drag survives the pointer leaving
- * the header, and the teardown is held in a ref so unmounting mid-drag cannot
- * leave listeners or the `col-resize` body cursor behind.
- */
-export declare function useTableColumnResize<TData>({ columns, enabled, columnSizing, defaultColumnSizing, onColumnSizingChange, mode, }: UseTableColumnResizeOptions<TData>): TableColumnResize<TData>;
-export {};

package/dist/table/useTableColumnResize.js

@@ -1,155 +0,0 @@
-import { ColumnResizeMode } from "./types.js";
-import "./utils.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-//#region src/table/useTableColumnResize.ts
-/** Keyboard resize step, and the step while shift is held. */
-var KEYBOARD_RESIZE_STEP_PX = 8;
-var KEYBOARD_RESIZE_STEP_LARGE_PX = 32;
-function clampWidth(column, width) {
-	const min = column?.minSize ?? 60;
-	const max = column?.maxSize ?? 800;
-	return Math.min(max, Math.max(min, width));
-}
-/**
-* Drag- and keyboard-driven column resizing, controlled or uncontrolled.
-*
-* Pointer listeners live on `window` so the drag survives the pointer leaving
-* the header, and the teardown is held in a ref so unmounting mid-drag cannot
-* leave listeners or the `col-resize` body cursor behind.
-*/
-function useTableColumnResize({ columns, enabled = false, columnSizing, defaultColumnSizing, onColumnSizingChange, mode = ColumnResizeMode.ON_CHANGE }) {
-	const [internalSizing, setInternalSizing] = useState(defaultColumnSizing ?? {});
-	const [resizingColumnId, setResizingColumnId] = useState(null);
-	const isControlled = columnSizing !== void 0;
-	const resolvedSizing = isControlled ? columnSizing : internalSizing;
-	const sizingRef = useRef(resolvedSizing);
-	const columnsRef = useRef(columns);
-	const onChangeRef = useRef(onColumnSizingChange);
-	useEffect(() => {
-		sizingRef.current = resolvedSizing;
-		columnsRef.current = columns;
-		onChangeRef.current = onColumnSizingChange;
-	});
-	const dragRef = useRef(null);
-	const teardownRef = useRef(null);
-	useEffect(() => () => teardownRef.current?.(), []);
-	const commitWidth = useCallback((columnId, width) => {
-		const next = {
-			...sizingRef.current,
-			[columnId]: width
-		};
-		sizingRef.current = next;
-		if (!isControlled) setInternalSizing(next);
-		onChangeRef.current?.(next);
-	}, [isControlled]);
-	const handleColumnSizingChange = useCallback((updater) => {
-		const next = typeof updater === "function" ? updater(sizingRef.current) : updater;
-		sizingRef.current = next;
-		if (!isControlled) setInternalSizing(next);
-		onChangeRef.current?.(next);
-	}, [isControlled]);
-	const findColumn = useCallback((columnId) => columnsRef.current.find((column) => column.id === columnId), []);
-	const getColumnWidth = useCallback((columnId) => {
-		const column = findColumn(columnId);
-		return sizingRef.current[columnId] ?? column?.size ?? 150;
-	}, [findColumn]);
-	const canResizeColumn = useCallback((column) => enabled && column.enableResizing !== false, [enabled]);
-	const startResize = useCallback((columnId, clientX, measuredWidth) => {
-		const column = findColumn(columnId);
-		if (!enabled || !column || column.enableResizing === false) return;
-		teardownRef.current?.();
-		const startWidth = measuredWidth ?? getColumnWidth(columnId);
-		dragRef.current = {
-			columnId,
-			startX: clientX,
-			startWidth,
-			latestWidth: startWidth
-		};
-		setResizingColumnId(columnId);
-		const onPointerMove = (event) => {
-			const drag = dragRef.current;
-			if (!drag) return;
-			const width = clampWidth(findColumn(drag.columnId), drag.startWidth + (event.clientX - drag.startX));
-			drag.latestWidth = width;
-			if (mode === ColumnResizeMode.ON_CHANGE) commitWidth(drag.columnId, width);
-		};
-		const teardown = () => {
-			window.removeEventListener("pointermove", onPointerMove);
-			window.removeEventListener("pointerup", onPointerUp);
-			window.removeEventListener("pointercancel", onPointerUp);
-			document.body.style.cursor = "";
-			document.body.style.userSelect = "";
-			dragRef.current = null;
-			teardownRef.current = null;
-			setResizingColumnId(null);
-		};
-		function onPointerUp() {
-			const drag = dragRef.current;
-			if (drag && mode === ColumnResizeMode.ON_END) commitWidth(drag.columnId, drag.latestWidth);
-			teardown();
-		}
-		teardownRef.current = teardown;
-		window.addEventListener("pointermove", onPointerMove);
-		window.addEventListener("pointerup", onPointerUp);
-		window.addEventListener("pointercancel", onPointerUp);
-		document.body.style.cursor = "col-resize";
-		document.body.style.userSelect = "none";
-	}, [
-		enabled,
-		mode,
-		commitWidth,
-		findColumn,
-		getColumnWidth
-	]);
-	const resizeByKeyboard = useCallback((columnId, event) => {
-		const column = findColumn(columnId);
-		if (!enabled || !column || column.enableResizing === false) return;
-		const step = event.shiftKey ? KEYBOARD_RESIZE_STEP_LARGE_PX : KEYBOARD_RESIZE_STEP_PX;
-		if (event.key === "ArrowLeft") {
-			event.preventDefault();
-			commitWidth(columnId, clampWidth(column, getColumnWidth(columnId) - step));
-			return;
-		}
-		if (event.key === "ArrowRight") {
-			event.preventDefault();
-			commitWidth(columnId, clampWidth(column, getColumnWidth(columnId) + step));
-			return;
-		}
-		if (event.key === "Home") {
-			event.preventDefault();
-			commitWidth(columnId, clampWidth(column, column.size ?? 150));
-		}
-	}, [
-		enabled,
-		commitWidth,
-		findColumn,
-		getColumnWidth
-	]);
-	const getColumnResizeBounds = useCallback((columnId) => {
-		const column = findColumn(columnId);
-		return {
-			min: column?.minSize ?? 60,
-			max: column?.maxSize ?? 800,
-			current: sizingRef.current[columnId] ?? column?.size
-		};
-	}, [findColumn]);
-	return useMemo(() => ({
-		columnSizing: resolvedSizing,
-		onColumnSizingChange: handleColumnSizingChange,
-		resizingColumnId,
-		canResizeColumn,
-		startResize,
-		resizeByKeyboard,
-		getColumnResizeBounds
-	}), [
-		resolvedSizing,
-		handleColumnSizingChange,
-		resizingColumnId,
-		canResizeColumn,
-		startResize,
-		resizeByKeyboard,
-		getColumnResizeBounds
-	]);
-}
-//#endregion
-export { useTableColumnResize };