@mindlogic-ai/logician-ui 4.0.0-alpha.9 → 5.0.0-alpha.0

package/dist/components/Table/TableContext.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useRef, useState, useCallback, useEffect } from 'react';
+import { createContext, useContext, useRef, useState, useCallback, useEffect, useMemo } from 'react';
 
 const TableContext = createContext(null);
 const useTableContext = () => {
@@ -17,9 +17,15 @@ const TableProvider = ({ children }) => {
         isScrollEnd: false,
         isScrolling: false,
     });
-    const stickyColumnsRef = useRef({
-        leftColumnWidths: new Map(),
-        rightColumnWidths: new Map(),
+    // Column widths live in state (not a ref) so that a width change — a font
+    // swap, a window/sidebar resize, or the columns re-flowing when the table
+    // goes from fitting to overflowing — triggers a re-render and the sticky
+    // offsets are recomputed. Storing them in a ref (the previous approach) meant
+    // the offsets were computed once at mount and then went stale, detaching the
+    // sticky columns from their real positions.
+    const [stickyColumns, setStickyColumns] = useState({
+        left: {},
+        right: {},
     });
     // 스크롤 상태 업데이트
     const updateScrollState = useCallback(() => {
@@ -50,41 +56,59 @@ const TableProvider = ({ children }) => {
             updateScrollState();
         }
     }, [updateScrollState]);
-    // Register a sticky column with its width
+    /*
+     * A ref mirror of the widths above, so `hasStickyWidth` can answer without
+     * making its caller a subscriber. Every body cell subscribing to width state
+     * would re-render the whole table on the first measurement of any column.
+     */
+    const stickyColumnsRef = useRef({ left: {}, right: {} });
+    const hasStickyWidth = useCallback((direction, index) => stickyColumnsRef.current[direction][index] !== undefined, []);
+    // Register a sticky column with its (measured) width. Rounds to whole pixels
+    // and bails when unchanged so the ResizeObserver-driven callers can't
+    // ping-pong on sub-pixel differences and spin the render loop.
     const registerStickyColumn = useCallback((direction, index, width) => {
-        if (direction === 'left') {
-            stickyColumnsRef.current.leftColumnWidths.set(index, width);
-        }
-        else {
-            stickyColumnsRef.current.rightColumnWidths.set(index, width);
-        }
+        const rounded = Math.round(width);
+        // The ref is written here rather than in an effect so `hasStickyWidth` is
+        // already true for the next cell that mounts in the same commit — without
+        // that, every cell of a column measures before the first state update
+        // lands, which is exactly the cost this is meant to avoid.
+        stickyColumnsRef.current = {
+            ...stickyColumnsRef.current,
+            [direction]: {
+                ...stickyColumnsRef.current[direction],
+                [index]: rounded,
+            },
+        };
+        setStickyColumns((prev) => {
+            const side = prev[direction];
+            if (side[index] === rounded)
+                return prev;
+            return { ...prev, [direction]: { ...side, [index]: rounded } };
+        });
     }, []);
     // Get the offset for a sticky column based on its index and direction
     const getStickyOffset = useCallback((direction, index) => {
         if (index === 0)
             return 0;
-        const widthsMap = direction === 'left'
-            ? stickyColumnsRef.current.leftColumnWidths
-            : stickyColumnsRef.current.rightColumnWidths;
+        const widths = stickyColumns[direction];
         let offset = 0;
         for (let i = 0; i < index; i++) {
-            offset += widthsMap.get(i) || 0;
+            offset += widths[i] || 0;
         }
         return offset;
-    }, []);
+    }, [stickyColumns]);
     // Check if a column is the last sticky column on its side
     const isLastStickyColumn = useCallback((direction, index) => {
-        const widthsMap = direction === 'left'
-            ? stickyColumnsRef.current.leftColumnWidths
-            : stickyColumnsRef.current.rightColumnWidths;
-        // Find the highest index in the map
+        const widths = stickyColumns[direction];
+        // Find the highest registered index on this side
         let maxIndex = -1;
-        for (const idx of widthsMap.keys()) {
+        for (const key of Object.keys(widths)) {
+            const idx = Number(key);
             if (idx > maxIndex)
                 maxIndex = idx;
         }
         return index === maxIndex;
-    }, []);
+    }, [stickyColumns]);
     // 단일 useEffect에서 모든 이벤트 리스너 관리
     useEffect(() => {
         const container = containerRef.current;
@@ -105,13 +129,40 @@ const TableProvider = ({ children }) => {
             window.removeEventListener('resize', handleResize);
         };
     }, [updateScrollState]);
-    return (jsx(TableContext.Provider, { value: {
-            ...scrollState,
-            setContainerRef,
-            registerStickyColumn,
-            getStickyOffset,
-            isLastStickyColumn,
-        }, children: children }));
+    /*
+     * Memoised, because an object literal here is a new value on *every* render of
+     * this provider, and a new context value re-renders every consumer —
+     * `Th`/`Td`/`Tr` all call `useTableContext()`. React propagates a context
+     * change into subtrees that `React.memo` has already bailed out of, so a
+     * memoised row does not stop it: the cells inside re-render anyway.
+     *
+     * In a virtualised table that is the dominant cost of scrolling. Measured on a
+     * consumer's 12,000-row admin table (production build): one scroll step that
+     * mounted a single new row re-rendered `Td` **794 times** — every cell of every
+     * rendered row, each one re-running Chakra's runtime style resolution. Wall
+     * time was ~1,050ms per step and did not depend on how many rows the step
+     * actually brought in (1.8 rows and 7.3 rows cost the same), which is the
+     * signature of a whole-table re-render rather than incremental work.
+     *
+     * With this memo the value changes only when `scrollState` or the registered
+     * sticky widths change, so a scroll that alters neither costs nothing.
+     */
+    const value = useMemo(() => ({
+        ...scrollState,
+        setContainerRef,
+        registerStickyColumn,
+        hasStickyWidth,
+        getStickyOffset,
+        isLastStickyColumn,
+    }), [
+        scrollState,
+        setContainerRef,
+        registerStickyColumn,
+        hasStickyWidth,
+        getStickyOffset,
+        isLastStickyColumn,
+    ]);
+    return (jsx(TableContext.Provider, { value: value, children: children }));
 };
 
 export { TableProvider, useTableContext };

package/dist/components/Table/TableContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.mjs","sources":["../../../src/components/Table/TableContext.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"TableContext.mjs","sources":["../../../src/components/Table/TableContext.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/components/Table/Td.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Td.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Td.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,eAAO,MAAM,EAAE;yIAaZ,cAAc,GAAG;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE;;CAqHrC,CAAC"}
+{"version":3,"file":"Td.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Td.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,eAAO,MAAM,EAAE;yIAaZ,cAAc,GAAG;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE;;CAyHrC,CAAC"}

package/dist/components/Table/Td.js

@@ -6,6 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var Table_styles = require('./Table.styles.js');
 var TableContext = require('./TableContext.js');
+var useRegisterStickyWidth = require('./useRegisterStickyWidth.js');
 
 const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0, _first, style, className, children, onClick, onMouseEnter, onMouseLeave, ...rest }) => {
     const cellRef = React.useRef(null);
@@ -52,14 +53,17 @@ const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0,
                 ...style,
             }, ...htmlProps, children: children }));
     }
-    const { registerStickyColumn, getStickyOffset, isLastStickyColumn, ...scrollState } = tableContext;
-    // Update width when element is mounted and dimensions change
-    React.useEffect(() => {
-        if (isSticky && cellRef.current) {
-            const width = cellRef.current.getBoundingClientRect().width;
-            registerStickyColumn(stickyDirection, stickyIndex, width);
-        }
-    }, [isSticky, registerStickyColumn, stickyDirection, stickyIndex]);
+    const { registerStickyColumn, hasStickyWidth, getStickyOffset, isLastStickyColumn, ...scrollState } = tableContext;
+    // Keep this column's width registered so the cumulative sticky offsets stay
+    // correct across layout changes (font swap, resize, fit -> overflow).
+    useRegisterStickyWidth.useRegisterStickyWidth(cellRef, {
+        isSticky,
+        direction: stickyDirection,
+        index: stickyIndex,
+        register: registerStickyColumn,
+        hasWidth: hasStickyWidth,
+        role: 'body',
+    });
     // Get the sticky offset based on the column's position
     const stickyOffset = isSticky
         ? getStickyOffset(stickyDirection, stickyIndex)

package/dist/components/Table/Td.js.map

@@ -1 +1 @@
-{"version":3,"file":"Td.js","sources":["../../../src/components/Table/Td.tsx"],"sourcesContent":[null],"names":["useRef","useTableContext","useToken","_jsx","useEffect","getStickyStyles","Table"],"mappings":"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"}
+{"version":3,"file":"Td.js","sources":["../../../src/components/Table/Td.tsx"],"sourcesContent":[null],"names":["useRef","useTableContext","useToken","_jsx","useRegisterStickyWidth","getStickyStyles","Table"],"mappings":"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"}

package/dist/components/Table/Td.mjs

@@ -1,9 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
+import { useRef } from 'react';
 import { useToken, Table } from '@chakra-ui/react';
 import { getStickyStyles } from './Table.styles.mjs';
 import { useTableContext } from './TableContext.mjs';
+import { useRegisterStickyWidth } from './useRegisterStickyWidth.mjs';
 
 const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0, _first, style, className, children, onClick, onMouseEnter, onMouseLeave, ...rest }) => {
     const cellRef = useRef(null);
@@ -50,14 +51,17 @@ const Td = ({ wrap, isSticky = false, stickyDirection = 'left', stickyIndex = 0,
                 ...style,
             }, ...htmlProps, children: children }));
     }
-    const { registerStickyColumn, getStickyOffset, isLastStickyColumn, ...scrollState } = tableContext;
-    // Update width when element is mounted and dimensions change
-    useEffect(() => {
-        if (isSticky && cellRef.current) {
-            const width = cellRef.current.getBoundingClientRect().width;
-            registerStickyColumn(stickyDirection, stickyIndex, width);
-        }
-    }, [isSticky, registerStickyColumn, stickyDirection, stickyIndex]);
+    const { registerStickyColumn, hasStickyWidth, getStickyOffset, isLastStickyColumn, ...scrollState } = tableContext;
+    // Keep this column's width registered so the cumulative sticky offsets stay
+    // correct across layout changes (font swap, resize, fit -> overflow).
+    useRegisterStickyWidth(cellRef, {
+        isSticky,
+        direction: stickyDirection,
+        index: stickyIndex,
+        register: registerStickyColumn,
+        hasWidth: hasStickyWidth,
+        role: 'body',
+    });
     // Get the sticky offset based on the column's position
     const stickyOffset = isSticky
         ? getStickyOffset(stickyDirection, stickyIndex)

package/dist/components/Table/Td.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Td.mjs","sources":["../../../src/components/Table/Td.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Td.mjs","sources":["../../../src/components/Table/Td.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/components/Table/Th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAY,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,eAAO,MAAM,EAAE,2IAiJd,CAAC"}
+{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAY,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,eAAO,MAAM,EAAE,2IAqJd,CAAC"}

package/dist/components/Table/Th.js

@@ -6,6 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var Table_styles = require('./Table.styles.js');
 var TableContext = require('./TableContext.js');
+var useRegisterStickyWidth = require('./useRegisterStickyWidth.js');
 
 const Th = React.forwardRef(({ isSticky = false, stickyDirection = 'left', stickyIndex = 0, style, className, children, onClick, onMouseEnter, onMouseLeave, ...rest }, forwardedRef) => {
     const tableContext = TableContext.useTableContext();
@@ -48,14 +49,17 @@ const Th = React.forwardRef(({ isSticky = false, stickyDirection = 'left', stick
                 ...style,
             }, ...htmlProps, children: children }));
     }
-    const { registerStickyColumn, getStickyOffset, isLastStickyColumn, ...scrollState } = tableContext;
-    // Update width when element is mounted and dimensions change
-    React.useEffect(() => {
-        if (isSticky && measureNodeRef.current) {
-            const width = measureNodeRef.current.getBoundingClientRect().width;
-            registerStickyColumn(stickyDirection, stickyIndex, width);
-        }
-    }, [isSticky, registerStickyColumn, stickyDirection, stickyIndex]);
+    const { registerStickyColumn, hasStickyWidth, getStickyOffset, isLastStickyColumn, ...scrollState } = tableContext;
+    // Keep this column's width registered so the cumulative sticky offsets stay
+    // correct across layout changes (font swap, resize, fit -> overflow).
+    useRegisterStickyWidth.useRegisterStickyWidth(measureNodeRef, {
+        isSticky,
+        direction: stickyDirection,
+        index: stickyIndex,
+        register: registerStickyColumn,
+        hasWidth: hasStickyWidth,
+        role: 'header',
+    });
     // Combine refs (forwarded ref and internal ref)
     const setRefs = React.useCallback((node) => {
         // Set internal ref

package/dist/components/Table/Th.js.map

@@ -1 +1 @@
-{"version":3,"file":"Th.js","sources":["../../../src/components/Table/Th.tsx"],"sourcesContent":[null],"names":["forwardRef","useTableContext","useRef","useToken","useCallback","_jsx","useEffect","getStickyStyles","Table"],"mappings":"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"}
+{"version":3,"file":"Th.js","sources":["../../../src/components/Table/Th.tsx"],"sourcesContent":[null],"names":["forwardRef","useTableContext","useRef","useToken","useCallback","_jsx","useRegisterStickyWidth","getStickyStyles","Table"],"mappings":"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"}

package/dist/components/Table/Th.mjs

@@ -1,9 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useCallback, useEffect } from 'react';
+import { forwardRef, useRef, useCallback } from 'react';
 import { useToken, Table } from '@chakra-ui/react';
 import { getStickyStyles } from './Table.styles.mjs';
 import { useTableContext } from './TableContext.mjs';
+import { useRegisterStickyWidth } from './useRegisterStickyWidth.mjs';
 
 const Th = forwardRef(({ isSticky = false, stickyDirection = 'left', stickyIndex = 0, style, className, children, onClick, onMouseEnter, onMouseLeave, ...rest }, forwardedRef) => {
     const tableContext = useTableContext();
@@ -46,14 +47,17 @@ const Th = forwardRef(({ isSticky = false, stickyDirection = 'left', stickyIndex
                 ...style,
             }, ...htmlProps, children: children }));
     }
-    const { registerStickyColumn, getStickyOffset, isLastStickyColumn, ...scrollState } = tableContext;
-    // Update width when element is mounted and dimensions change
-    useEffect(() => {
-        if (isSticky && measureNodeRef.current) {
-            const width = measureNodeRef.current.getBoundingClientRect().width;
-            registerStickyColumn(stickyDirection, stickyIndex, width);
-        }
-    }, [isSticky, registerStickyColumn, stickyDirection, stickyIndex]);
+    const { registerStickyColumn, hasStickyWidth, getStickyOffset, isLastStickyColumn, ...scrollState } = tableContext;
+    // Keep this column's width registered so the cumulative sticky offsets stay
+    // correct across layout changes (font swap, resize, fit -> overflow).
+    useRegisterStickyWidth(measureNodeRef, {
+        isSticky,
+        direction: stickyDirection,
+        index: stickyIndex,
+        register: registerStickyColumn,
+        hasWidth: hasStickyWidth,
+        role: 'header',
+    });
     // Combine refs (forwarded ref and internal ref)
     const setRefs = useCallback((node) => {
         // Set internal ref

package/dist/components/Table/Th.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Th.mjs","sources":["../../../src/components/Table/Th.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Th.mjs","sources":["../../../src/components/Table/Th.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/components/Table/useRegisterStickyWidth.d.ts

@@ -0,0 +1,48 @@
+import { RefObject } from 'react';
+import { StickyDirection } from './Table.styles';
+interface UseRegisterStickyWidthOptions {
+    isSticky: boolean;
+    direction: StickyDirection;
+    index: number;
+    register: (direction: StickyDirection, index: number, width: number) => void;
+    /**
+     * Whether some cell has already measured this column. Body cells use it to
+     * skip; header cells ignore it (they are the authority).
+     */
+    hasWidth: (direction: StickyDirection, index: number) => boolean;
+    /**
+     * `header` — one cell per column, mounted for the table's lifetime. It owns
+     * the measurement and keeps a `ResizeObserver` so the width follows later
+     * layout changes.
+     *
+     * `body` — one cell per column *per row*. It measures only when no width is
+     * known yet (a table with no header row) and never observes.
+     */
+    role: 'header' | 'body';
+}
+/**
+ * Keep a sticky column's measured width registered with the table context, so
+ * the cumulative sticky offsets stay correct across layout changes — a web-font
+ * swap that reflows the text, a window/sidebar resize, or the columns shrinking
+ * when the table goes from fitting its container to overflowing it. Without a
+ * live measurement the offsets are computed once from stale widths and the
+ * pinned columns visibly detach (a gap opens and neighbours collapse).
+ *
+ * **A column's width is one number, so it is measured once — by the header.**
+ * Every cell used to measure itself and attach its own `ResizeObserver`. In a
+ * static table that is merely redundant; in a virtualised one it is the
+ * dominant cost of scrolling, because rows mount and unmount continuously and
+ * each mount forces a synchronous layout.
+ *
+ * Measured on a 12,000-row admin table (production build, 10 scroll steps):
+ * 680 `getBoundingClientRect` calls and 280 `ResizeObserver`s created — 68
+ * measurements and 28 observers per scroll step, for three sticky columns whose
+ * widths never changed. `getBoundingClientRect` alone was 11.9% of profiled CPU.
+ *
+ * Body cells still measure when nothing else has: a table with sticky columns
+ * and no header row would otherwise get zero offsets. In that case the first
+ * body cell to mount supplies the width and the rest skip.
+ */
+export declare function useRegisterStickyWidth(ref: RefObject<HTMLTableCellElement | null>, { isSticky, direction, index, register, hasWidth, role, }: UseRegisterStickyWidthOptions): void;
+export {};
+//# sourceMappingURL=useRegisterStickyWidth.d.ts.map

package/dist/components/Table/useRegisterStickyWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterStickyWidth.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useRegisterStickyWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,UAAU,6BAA6B;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E;;;OAGG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACjE;;;;;;;OAOG;IACH,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,EAC3C,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,GACL,EAAE,6BAA6B,QAyBjC"}

package/dist/components/Table/useRegisterStickyWidth.js

@@ -0,0 +1,54 @@
+"use client";
+'use strict';
+
+var React = require('react');
+
+/**
+ * Keep a sticky column's measured width registered with the table context, so
+ * the cumulative sticky offsets stay correct across layout changes — a web-font
+ * swap that reflows the text, a window/sidebar resize, or the columns shrinking
+ * when the table goes from fitting its container to overflowing it. Without a
+ * live measurement the offsets are computed once from stale widths and the
+ * pinned columns visibly detach (a gap opens and neighbours collapse).
+ *
+ * **A column's width is one number, so it is measured once — by the header.**
+ * Every cell used to measure itself and attach its own `ResizeObserver`. In a
+ * static table that is merely redundant; in a virtualised one it is the
+ * dominant cost of scrolling, because rows mount and unmount continuously and
+ * each mount forces a synchronous layout.
+ *
+ * Measured on a 12,000-row admin table (production build, 10 scroll steps):
+ * 680 `getBoundingClientRect` calls and 280 `ResizeObserver`s created — 68
+ * measurements and 28 observers per scroll step, for three sticky columns whose
+ * widths never changed. `getBoundingClientRect` alone was 11.9% of profiled CPU.
+ *
+ * Body cells still measure when nothing else has: a table with sticky columns
+ * and no header row would otherwise get zero offsets. In that case the first
+ * body cell to mount supplies the width and the rest skip.
+ */
+function useRegisterStickyWidth(ref, { isSticky, direction, index, register, hasWidth, role, }) {
+    React.useEffect(() => {
+        const node = ref.current;
+        if (!isSticky || !node)
+            return;
+        if (role === 'body') {
+            // Header already measured this column (the usual case) — nothing to do,
+            // and crucially no observer to attach and tear down on every scroll.
+            if (hasWidth(direction, index))
+                return;
+            register(direction, index, node.getBoundingClientRect().width);
+            return;
+        }
+        register(direction, index, node.getBoundingClientRect().width);
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => {
+            register(direction, index, node.getBoundingClientRect().width);
+        });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [ref, isSticky, direction, index, register, hasWidth, role]);
+}
+
+exports.useRegisterStickyWidth = useRegisterStickyWidth;
+//# sourceMappingURL=useRegisterStickyWidth.js.map

package/dist/components/Table/useRegisterStickyWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterStickyWidth.js","sources":["../../../src/components/Table/useRegisterStickyWidth.ts"],"sourcesContent":[null],"names":["useEffect"],"mappings":";;;;;AAyBA;;;;;;;;;;;;;;;;;;;;;;AAsBG;SACa,sBAAsB,CACpC,GAA2C,EAC3C,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,GAC0B,EAAA;IAEhCA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO;AACxB,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI;YAAE;AAExB,QAAA,IAAI,IAAI,KAAK,MAAM,EAAE;;;AAGnB,YAAA,IAAI,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC;gBAAE;AAChC,YAAA,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAC9D;QACF;AAEA,QAAA,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QAE9D,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE;AAE3C,QAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAK;AACvC,YAAA,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AAChE,QAAA,CAAC,CAAC;AACF,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAEtB,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACpC,IAAA,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;AACjE;;;;"}

package/dist/components/Table/useRegisterStickyWidth.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { useEffect } from 'react';
+
+/**
+ * Keep a sticky column's measured width registered with the table context, so
+ * the cumulative sticky offsets stay correct across layout changes — a web-font
+ * swap that reflows the text, a window/sidebar resize, or the columns shrinking
+ * when the table goes from fitting its container to overflowing it. Without a
+ * live measurement the offsets are computed once from stale widths and the
+ * pinned columns visibly detach (a gap opens and neighbours collapse).
+ *
+ * **A column's width is one number, so it is measured once — by the header.**
+ * Every cell used to measure itself and attach its own `ResizeObserver`. In a
+ * static table that is merely redundant; in a virtualised one it is the
+ * dominant cost of scrolling, because rows mount and unmount continuously and
+ * each mount forces a synchronous layout.
+ *
+ * Measured on a 12,000-row admin table (production build, 10 scroll steps):
+ * 680 `getBoundingClientRect` calls and 280 `ResizeObserver`s created — 68
+ * measurements and 28 observers per scroll step, for three sticky columns whose
+ * widths never changed. `getBoundingClientRect` alone was 11.9% of profiled CPU.
+ *
+ * Body cells still measure when nothing else has: a table with sticky columns
+ * and no header row would otherwise get zero offsets. In that case the first
+ * body cell to mount supplies the width and the rest skip.
+ */
+function useRegisterStickyWidth(ref, { isSticky, direction, index, register, hasWidth, role, }) {
+    useEffect(() => {
+        const node = ref.current;
+        if (!isSticky || !node)
+            return;
+        if (role === 'body') {
+            // Header already measured this column (the usual case) — nothing to do,
+            // and crucially no observer to attach and tear down on every scroll.
+            if (hasWidth(direction, index))
+                return;
+            register(direction, index, node.getBoundingClientRect().width);
+            return;
+        }
+        register(direction, index, node.getBoundingClientRect().width);
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => {
+            register(direction, index, node.getBoundingClientRect().width);
+        });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [ref, isSticky, direction, index, register, hasWidth, role]);
+}
+
+export { useRegisterStickyWidth };
+//# sourceMappingURL=useRegisterStickyWidth.mjs.map

package/dist/components/Table/useRegisterStickyWidth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterStickyWidth.mjs","sources":["../../../src/components/Table/useRegisterStickyWidth.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAyBA;;;;;;;;;;;;;;;;;;;;;;AAsBG;SACa,sBAAsB,CACpC,GAA2C,EAC3C,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,GAC0B,EAAA;IAEhC,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO;AACxB,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI;YAAE;AAExB,QAAA,IAAI,IAAI,KAAK,MAAM,EAAE;;;AAGnB,YAAA,IAAI,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC;gBAAE;AAChC,YAAA,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAC9D;QACF;AAEA,QAAA,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QAE9D,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE;AAE3C,QAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAK;AACvC,YAAA,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AAChE,QAAA,CAAC,CAAC;AACF,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAEtB,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACpC,IAAA,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;AACjE;;;;"}

package/dist/components/Tabs/Tab/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAU/E,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,GAAG,8IAgCf,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAU/E,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,GAAG,8IAiCf,CAAC"}

package/dist/components/Tabs/Tab/Tab.js

@@ -11,7 +11,7 @@ const Tab = React.forwardRef(({ value, children, css, ...props }, ref) => {
     if (!value) {
         throw new Error('Tab component requires a "value" prop');
     }
-    return (jsxRuntime.jsx(react.Tabs.Trigger, { value: value, asChild: true, children: jsxRuntime.jsx(react.Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _selected: Tab_styles.horizontalSelectedStyles, ...props, css: mergeCss.mergeCss({
+    return (jsxRuntime.jsx(react.Tabs.Trigger, { value: value, asChild: true, children: jsxRuntime.jsx(react.Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _hover: { bg: 'primary.wash', color: 'fg.default' }, _selected: Tab_styles.horizontalSelectedStyles, ...props, css: mergeCss.mergeCss({
                 '&[data-orientation=vertical]': {
                     ...Tab_styles.verticalStyles,
                     '&[data-selected]': Tab_styles.verticalSelectedStyles,

package/dist/components/Tabs/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tabs","Button","horizontalSelectedStyles","mergeCss","verticalStyles","verticalSelectedStyles"],"mappings":";;;;;;;;;MAaa,GAAG,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;IAEA,QACEC,eAACC,UAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,kBACjCD,cAAA,CAACE,YAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,SAAS,EAAEC,mCAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAGC,yBAAc;AACjB,oBAAA,kBAAkB,EAAEC,iCAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tabs","Button","horizontalSelectedStyles","mergeCss","verticalStyles","verticalSelectedStyles"],"mappings":";;;;;;;;;MAaa,GAAG,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;AAEA,IAAA,QACEC,cAAA,CAACC,UAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EACjCD,cAAA,CAACE,YAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,MAAM,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,EACnD,SAAS,EAAEC,mCAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAGC,yBAAc;AACjB,oBAAA,kBAAkB,EAAEC,iCAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}

package/dist/components/Tabs/Tab/Tab.mjs

@@ -9,7 +9,7 @@ const Tab = forwardRef(({ value, children, css, ...props }, ref) => {
     if (!value) {
         throw new Error('Tab component requires a "value" prop');
     }
-    return (jsx(Tabs.Trigger, { value: value, asChild: true, children: jsx(Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _selected: horizontalSelectedStyles, ...props, css: mergeCss({
+    return (jsx(Tabs.Trigger, { value: value, asChild: true, children: jsx(Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _hover: { bg: 'primary.wash', color: 'fg.default' }, _selected: horizontalSelectedStyles, ...props, css: mergeCss({
                 '&[data-orientation=vertical]': {
                     ...verticalStyles,
                     '&[data-selected]': verticalSelectedStyles,

package/dist/components/Tabs/Tab/Tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;MAaa,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;IAEA,QACEA,IAAC,IAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,kBACjCA,GAAA,CAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,wBAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAE,QAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAG,cAAc;AACjB,oBAAA,kBAAkB,EAAE,sBAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;MAaa,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;AAEA,IAAA,QACEA,GAAA,CAAC,IAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EACjCA,GAAA,CAAC,MAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,MAAM,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,EACnD,SAAS,EAAE,wBAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAE,QAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAG,cAAc;AACjB,oBAAA,kBAAkB,EAAE,sBAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}