@1771technologies/lytenyte-pro 1.0.20 → 2.0.0-dev.1

package/dist/cell-selection/cell-selection-driver.js

@@ -1,289 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useGridRoot } from "../context.js";
-import { useEdgeScroll } from "./use-edge-scroll.js";
-import { equal, getClientX, getClientY, getRelativeXPosition, getRelativeYPosition, } from "@1771technologies/lytenyte-shared";
-import { getNearestFocusable, getPositionFromFocusable } from "@1771technologies/lytenyte-shared";
-import { isHTMLElement } from "@1771technologies/lytenyte-shared";
-import { updateAdditiveCellSelection } from "./update-additive-cell-selection.js";
-import { deselectRectRange } from "./deselect-rect-range.js";
-import { isWithinSelectionRect } from "./is-within-selection-rect.js";
-import { expandCellSelectionStart } from "./expand-cell-selection-start.js";
-import { expandCellSelectionEnd } from "./expand-cell-selection-end.js";
-import { expandCellSelectionDown } from "./expand-cell-selection-down.js";
-import { expandCellSelectionUp } from "./expand-cell-selection-up.js";
-function isNormalClick(event) {
-    return event.button === 0 && !event.altKey;
-}
-export function CellSelectionDriver() {
-    const cx = useGridRoot();
-    const grid = cx.grid;
-    const viewport = cx.grid.state.viewport.useValue();
-    const mode = cx.grid.state.cellSelectionMode.useValue();
-    const { cancelX, cancelY, edgeScrollX, edgeScrollY } = useEdgeScroll(cx.grid);
-    useEffect(() => {
-        if (!viewport || mode === "none")
-            return;
-        const isMultiRange = mode === "multi-range";
-        let isAdditive = false;
-        let startSelection = null;
-        let pointerStartX = 0;
-        let pointerStartY = 0;
-        let lastRect = null;
-        let animFrame = null;
-        const gridId = grid.state.gridId.get();
-        const pointerMove = (event) => {
-            if (animFrame)
-                cancelAnimationFrame(animFrame);
-            animFrame = requestAnimationFrame(() => {
-                animFrame = null;
-                const clientX = getClientX(event);
-                const clientY = getClientY(event);
-                const target = event.target;
-                if (!isHTMLElement(target))
-                    return;
-                const focusable = getNearestFocusable(gridId, target);
-                if (!focusable)
-                    return;
-                const position = getPositionFromFocusable(gridId, focusable);
-                if (position.kind !== "cell" && position.kind !== "full-width")
-                    return;
-                const rowIndex = position.rowIndex;
-                const columnIndex = position.colIndex;
-                if (pointerStartX != null && pointerStartY != null) {
-                    const moveDeltaX = Math.abs(pointerStartX - clientX);
-                    const moveDeltaY = Math.abs(pointerStartY - clientY);
-                    if (moveDeltaX < 20 && moveDeltaY < 20)
-                        return;
-                    pointerStartX = null;
-                    pointerStartY = null;
-                }
-                if (!startSelection)
-                    return;
-                const meta = grid.state.columnMeta.get();
-                const startCount = meta.columnVisibleStartCount;
-                const firstEnd = meta.columnVisibleCenterCount + startCount;
-                const ds = grid.state.rowDataStore;
-                const topCount = ds.rowTopCount.get();
-                const centerCount = ds.rowCenterCount.get();
-                const firstEndRow = centerCount + topCount;
-                const relativeX = getRelativeXPosition(viewport, clientX);
-                const isRtl = grid.state.rtl.get();
-                const visualX = isRtl ? relativeX.right : relativeX.left;
-                const startColSection = startSelection.columnStart < startCount
-                    ? "start"
-                    : startSelection.columnStart >= firstEnd
-                        ? "end"
-                        : "center";
-                const colSection = columnIndex < startCount ? "start" : columnIndex >= firstEnd ? "end" : "center";
-                const rowSection = rowIndex < topCount ? "top" : rowIndex >= firstEnd ? "bottom" : "center";
-                const startRowSection = startSelection.rowStart < topCount
-                    ? "top"
-                    : startSelection.rowStart >= firstEndRow
-                        ? "bottom"
-                        : "center";
-                const isSameColPin = startColSection === colSection;
-                const isSameRowPin = startRowSection === rowSection;
-                edgeScrollX(visualX, isRtl);
-                const relativeY = getRelativeYPosition(viewport, clientY);
-                edgeScrollY(relativeY.top);
-                const scrollY = viewport.scrollTop;
-                if (!isSameRowPin && rowIndex < topCount && scrollY > 0)
-                    return;
-                const maxScroll = viewport.scrollHeight - viewport.clientHeight - 4;
-                if (!isSameRowPin && rowIndex > topCount + centerCount - 1 && scrollY < maxScroll)
-                    return;
-                const scrollX = Math.abs(viewport.scrollLeft);
-                if (!isSameColPin && columnIndex < startCount && scrollX > 0)
-                    return;
-                const maxScrollX = viewport.scrollWidth - viewport.clientWidth - 4;
-                if (!isSameColPin && columnIndex >= firstEnd && scrollX < maxScrollX)
-                    return;
-                const startRow = rowIndex < startSelection.rowStart ? rowIndex : startSelection.rowStart;
-                const endRow = rowIndex < startSelection.rowStart ? startSelection.rowEnd : rowIndex + 1;
-                const startCol = columnIndex < startSelection.columnStart ? columnIndex : startSelection.columnStart;
-                const endCol = columnIndex < startSelection.columnStart ? startSelection.columnEnd : columnIndex + 1;
-                const active = [
-                    { rowStart: startRow, rowEnd: endRow, columnStart: startCol, columnEnd: endCol },
-                ];
-                if (isAdditive) {
-                    updateAdditiveCellSelection(grid, active[0]);
-                }
-                else {
-                    grid.state.cellSelections.set(active);
-                }
-                lastRect = active[0];
-            });
-        };
-        const pointerDown = (event) => {
-            if (!isNormalClick(event)) {
-                document.removeEventListener("pointermove", pointerMove);
-                // Prevent the default for the context menu, otherwise the cell
-                // right clicked will be focused,
-                // resulting in the cell selection changing.
-                if (event.button == 2)
-                    event.preventDefault();
-                return;
-            }
-            isAdditive = isMultiRange && (event.ctrlKey || event.metaKey);
-            const target = event.target;
-            if (!isHTMLElement(target))
-                return;
-            const focusable = getNearestFocusable(gridId, target);
-            if (!focusable)
-                return;
-            const position = getPositionFromFocusable(gridId, focusable);
-            if (position.kind !== "cell" && position.kind !== "full-width")
-                return;
-            const rowIndex = position.rowIndex;
-            const columnIndex = position.colIndex;
-            // If the columnIndex or rowIndex is null then we haven't clicked a valid cell position.
-            // This ends the row selection.
-            if (columnIndex == null || rowIndex == null) {
-                grid.state.cellSelections.set([]);
-                grid.internal.cellSelectionPivot.set(null);
-                return;
-            }
-            const isSelected = grid.state.cellSelections
-                .get()
-                .some((c) => isWithinSelectionRect(c, rowIndex, columnIndex));
-            const isDeselect = isAdditive && isSelected;
-            pointerStartX = event.clientX;
-            pointerStartY = event.clientY;
-            startSelection = {
-                columnStart: columnIndex,
-                columnEnd: columnIndex + 1,
-                rowStart: rowIndex,
-                rowEnd: rowIndex + 1,
-            };
-            // If shift key down we select an area. We can only select an area if a pivot has been established.
-            // The pivot will always expand the last cell selection rect if there are multiple ones.
-            const pivot = grid.internal.cellSelectionPivot.get();
-            if (event.shiftKey && pivot) {
-                const active = { ...pivot };
-                active.columnStart = Math.min(columnIndex, active.columnStart);
-                active.columnEnd = Math.max(columnIndex + 1, active.columnEnd);
-                active.rowStart = Math.min(rowIndex, active.rowStart);
-                active.rowEnd = Math.max(rowIndex + 1, active.rowEnd);
-                grid.state.cellSelections.set([active]);
-                // We need to prevent the default otherwise the cell to go to will be
-                // focused. This leads to awkward behavior around the cell selection pivot
-                event.preventDefault();
-                document.addEventListener("mousemove", pointerMove);
-                document.addEventListener("contextmenu", pointerUp);
-                document.addEventListener("pointerup", pointerUp);
-                return;
-            }
-            // We need to prevent the default for multi
-            if (mode === "multi-range" && (event.metaKey || event.ctrlKey)) {
-                event.preventDefault();
-            }
-            if (!isDeselect && grid.state.cellSelections.get().length <= 1)
-                grid.internal.cellSelectionPivot.set({ ...startSelection, isUnit: true });
-            grid.internal.cellSelectionIsDeselect.set(isDeselect);
-            if (isAdditive) {
-                updateAdditiveCellSelection(grid, startSelection);
-            }
-            else {
-                grid.state.cellSelections.set([startSelection]);
-            }
-            lastRect = startSelection;
-            document.addEventListener("mousemove", pointerMove);
-            document.addEventListener("contextmenu", pointerUp);
-            document.addEventListener("pointerup", pointerUp);
-        };
-        const pointerUp = () => {
-            startSelection = null;
-            if (isAdditive) {
-                const isDeselect = grid.internal.cellSelectionIsDeselect.get();
-                const rects = isDeselect
-                    ? grid.state.cellSelections.get().flatMap((r) => deselectRectRange(r, lastRect))
-                    : [...grid.state.cellSelections.get(), lastRect];
-                grid.state.cellSelections.set(rects);
-                grid.internal.cellSelectionAdditiveRects.set(null);
-                grid.internal.cellSelectionIsDeselect.set(false);
-                isAdditive = false;
-            }
-            cancelX();
-            cancelY();
-            document.removeEventListener("pointerup", pointerUp);
-            document.removeEventListener("contextmenu", pointerUp);
-            document.removeEventListener("pointermove", pointerMove);
-        };
-        viewport.addEventListener("pointerdown", pointerDown);
-        const handleKey = (ev) => {
-            const rtl = grid.state.rtl.get();
-            const start = rtl ? "ArrowRight" : "ArrowLeft";
-            const end = rtl ? "ArrowLeft" : "ArrowRight";
-            if (!ev.shiftKey)
-                return;
-            let handled = false;
-            if (ev.key === start) {
-                expandCellSelectionStart(grid, ev.ctrlKey || ev.metaKey);
-                handled = true;
-            }
-            else if (ev.key === end) {
-                expandCellSelectionEnd(grid, ev.ctrlKey || ev.metaKey);
-                handled = true;
-            }
-            else if (ev.key === "ArrowDown") {
-                expandCellSelectionDown(grid, ev.ctrlKey || ev.metaKey);
-                handled = true;
-            }
-            else if (ev.key === "ArrowUp") {
-                expandCellSelectionUp(grid, ev.ctrlKey || ev.metaKey);
-                handled = true;
-            }
-            if (handled) {
-                ev.preventDefault();
-                ev.stopPropagation();
-            }
-        };
-        viewport.addEventListener("keydown", handleKey);
-        return () => {
-            viewport.removeEventListener("pointerdown", pointerDown);
-            viewport.removeEventListener("keydown", handleKey);
-        };
-    }, [cancelX, cancelY, edgeScrollX, edgeScrollY, grid, mode, viewport]);
-    useEffect(() => {
-        let prev = null;
-        return grid.internal.focusActive.watch(() => {
-            const focus = grid.internal.focusActive.get();
-            // If the focus is null, then we should just return. This keeps the existing selection
-            // in place - for things like copy and paste.
-            if (!focus)
-                return;
-            if (equal(prev, focus))
-                return;
-            prev = focus;
-            if (focus?.kind !== "cell" && focus?.kind !== "full-width") {
-                grid.state.cellSelections.set([]);
-                grid.internal.cellSelectionPivot.set(null);
-                grid.internal.cellSelectionAdditiveRects.set([]);
-            }
-            else {
-                grid.state.cellSelections.set([
-                    {
-                        rowStart: focus.rowIndex,
-                        rowEnd: focus.rowIndex + 1,
-                        columnStart: focus.colIndex,
-                        columnEnd: focus.colIndex + 1,
-                    },
-                ]);
-                grid.internal.cellSelectionPivot.set({
-                    rowStart: focus.rowIndex,
-                    rowEnd: focus.rowIndex + 1,
-                    columnStart: focus.colIndex,
-                    columnEnd: focus.colIndex + 1,
-                    isUnit: true,
-                });
-            }
-        });
-    }, [
-        grid.internal.cellSelectionAdditiveRects,
-        grid.internal.cellSelectionPivot,
-        grid.internal.focusActive,
-        grid.state.cellSelections,
-    ]);
-    return _jsx(_Fragment, {});
-}

package/dist/cell-selection/expand-cell-selection-down.d.ts

@@ -1,5 +0,0 @@
-import type { Grid } from "../+types.js";
-import type { InternalAtoms } from "../state/+types.js";
-export declare function expandCellSelectionDown(grid: Grid<any> & {
-    internal: InternalAtoms;
-}, meta: boolean): void;

package/dist/cell-selection/expand-cell-selection-down.js

@@ -1,39 +0,0 @@
-import { getRootCell } from "./get-root-cell.js";
-export function expandCellSelectionDown(grid, meta) {
-    const cellSelections = grid.state.cellSelections.get();
-    const rect = cellSelections.at(-1);
-    const pivot = grid.internal.cellSelectionPivot.get();
-    if (!rect || !pivot)
-        return;
-    if (meta) {
-        const rowCount = grid.state.rowDataStore.rowCount.get();
-        if (pivot.rowStart === rowCount - 1)
-            return;
-        const next = { ...rect, rowStart: pivot.rowStart, rowEnd: rowCount };
-        const nextSelections = [...cellSelections];
-        nextSelections[nextSelections.length - 1] = next;
-        grid.state.cellSelections.set(nextSelections);
-        return;
-    }
-    let next;
-    let focusRow;
-    if (rect.rowStart < pivot.rowStart) {
-        let rowOffset = 1;
-        for (let i = rect.columnStart; i < rect.columnEnd; i++) {
-            const cell = getRootCell(grid, rect.rowStart, i);
-            if (cell)
-                rowOffset = Math.max(rowOffset, cell.rowSpan);
-        }
-        focusRow = rect.rowStart + rowOffset;
-        next = { ...rect, rowStart: focusRow };
-    }
-    else {
-        focusRow = rect.rowEnd + 1;
-        next = { ...rect, rowEnd: focusRow };
-        focusRow -= 1;
-    }
-    grid.api.scrollIntoView({ row: focusRow });
-    const nextSelections = [...cellSelections];
-    nextSelections[nextSelections.length - 1] = next;
-    grid.state.cellSelections.set(nextSelections);
-}

package/dist/cell-selection/expand-cell-selection-end.d.ts

@@ -1,5 +0,0 @@
-import type { Grid } from "../+types.js";
-import type { InternalAtoms } from "../state/+types.js";
-export declare function expandCellSelectionEnd(grid: Grid<any> & {
-    internal: InternalAtoms;
-}, meta: boolean): void;

package/dist/cell-selection/expand-cell-selection-end.js

@@ -1,40 +0,0 @@
-import { getRootCell } from "./get-root-cell.js";
-export function expandCellSelectionEnd(grid, meta) {
-    const selections = grid.state.cellSelections.get();
-    const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
-    const rect = selections.at(-1);
-    const pivot = cellSelectionPivot;
-    if (!rect || !pivot)
-        return;
-    if (meta) {
-        const colCount = grid.state.columnMeta.get().columnsVisible.length;
-        if (pivot.columnStart === colCount - 1)
-            return;
-        const next = { ...rect, columnStart: pivot.columnStart, columnEnd: colCount };
-        const nextSelections = [...selections];
-        nextSelections[nextSelections.length - 1] = next;
-        grid.state.cellSelections.set(nextSelections);
-        return;
-    }
-    let next;
-    let focusColumn;
-    if (rect.columnStart < pivot.columnStart) {
-        let colOffset = 1;
-        for (let i = rect.rowStart; i < rect.rowEnd; i++) {
-            const cell = getRootCell(grid, i, rect.columnStart);
-            if (cell)
-                colOffset = Math.max(colOffset, cell.colSpan);
-        }
-        focusColumn = rect.columnStart + colOffset;
-        next = { ...rect, columnStart: focusColumn };
-    }
-    else {
-        focusColumn = rect.columnEnd + 1;
-        next = { ...rect, columnEnd: focusColumn };
-        focusColumn -= 1;
-    }
-    grid.api.scrollIntoView({ column: focusColumn });
-    const nextSelections = [...selections];
-    nextSelections[nextSelections.length - 1] = next;
-    grid.state.cellSelections.set(nextSelections);
-}

package/dist/cell-selection/expand-cell-selection-start.d.ts

@@ -1,5 +0,0 @@
-import type { InternalAtoms } from "../state/+types.js";
-import type { Grid } from "../+types.js";
-export declare function expandCellSelectionStart(grid: Grid<any> & {
-    internal: InternalAtoms;
-}, meta: boolean): void;

package/dist/cell-selection/expand-cell-selection-start.js

@@ -1,39 +0,0 @@
-import { getRootCell } from "./get-root-cell.js";
-export function expandCellSelectionStart(grid, meta) {
-    const selections = grid.state.cellSelections.get();
-    const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
-    const rect = selections.at(-1);
-    const pivot = cellSelectionPivot;
-    if (!rect || !pivot)
-        return;
-    if (meta) {
-        if (pivot.columnStart === 0)
-            return;
-        const next = { ...rect, columnStart: 0, columnEnd: pivot.columnEnd };
-        const nextSelections = [...selections];
-        nextSelections[nextSelections.length - 1] = next;
-        grid.state.cellSelections.set(nextSelections);
-        return;
-    }
-    let next;
-    let focusColumn;
-    if (rect.columnEnd > pivot.columnEnd) {
-        let colOffset = 1;
-        for (let i = rect.rowStart; i < rect.rowEnd; i++) {
-            const cell = getRootCell(grid, i, rect.columnEnd - 1);
-            if (cell)
-                colOffset = Math.max(colOffset, cell.colSpan);
-        }
-        focusColumn = rect.columnEnd - colOffset;
-        next = { ...rect, columnEnd: focusColumn };
-        focusColumn -= 1;
-    }
-    else {
-        focusColumn = rect.columnStart - 1;
-        next = { ...rect, columnStart: focusColumn };
-    }
-    grid.api.scrollIntoView({ column: focusColumn });
-    const nextSelections = [...selections];
-    nextSelections[nextSelections.length - 1] = next;
-    grid.state.cellSelections.set(nextSelections);
-}

package/dist/cell-selection/expand-cell-selection-up.d.ts

@@ -1,5 +0,0 @@
-import type { InternalAtoms } from "../state/+types.js";
-import type { Grid } from "../+types.js";
-export declare function expandCellSelectionUp(grid: Grid<any> & {
-    internal: InternalAtoms;
-}, meta: boolean): void;

package/dist/cell-selection/expand-cell-selection-up.js

@@ -1,39 +0,0 @@
-import { getRootCell } from "./get-root-cell.js";
-export function expandCellSelectionUp(grid, meta) {
-    const selections = grid.state.cellSelections.get();
-    const cellSelectionPivot = grid.internal.cellSelectionPivot.get();
-    const rect = selections.at(-1);
-    const pivot = cellSelectionPivot;
-    if (!rect || !pivot)
-        return;
-    if (meta) {
-        if (pivot.rowStart === 0)
-            return;
-        const next = { ...rect, rowEnd: pivot.rowEnd, rowStart: 0 };
-        const nextSelections = [...selections];
-        nextSelections[nextSelections.length - 1] = next;
-        grid.state.cellSelections.set(nextSelections);
-        return;
-    }
-    let next;
-    let focusRow;
-    if (rect.rowEnd > pivot.rowEnd) {
-        let rowOffset = 1;
-        for (let i = rect.columnStart; i < rect.columnEnd; i++) {
-            const cell = getRootCell(grid, rect.rowEnd - 1, i);
-            if (cell)
-                rowOffset = Math.max(rowOffset, cell.rowSpan);
-        }
-        focusRow = rect.rowEnd - rowOffset;
-        next = { ...rect, rowEnd: focusRow };
-        focusRow -= 1;
-    }
-    else {
-        focusRow = rect.rowStart - 1;
-        next = { ...rect, rowStart: focusRow };
-    }
-    grid.api.scrollIntoView({ row: focusRow });
-    const nextSelections = [...selections];
-    nextSelections[nextSelections.length - 1] = next;
-    grid.state.cellSelections.set(nextSelections);
-}

package/dist/column-manager/branch-lookup-context.d.ts

@@ -1,4 +0,0 @@
-import type { Column } from "../+types";
-import type { PathBranch } from "@1771technologies/lytenyte-shared";
-export declare const branchLookupContext: import("react").Context<Record<string, PathBranch<Column<any>>>>;
-export declare const useBranchLookup: () => Record<string, PathBranch<Column<any>>>;

package/dist/column-manager/branch-lookup-context.js

@@ -1,3 +0,0 @@
-import { createContext, useContext } from "react";
-export const branchLookupContext = createContext({});
-export const useBranchLookup = () => useContext(branchLookupContext);

package/dist/column-manager/branch.d.ts

@@ -1,15 +0,0 @@
-import type { CSSProperties } from "react";
-import type { Column } from "../+types";
-import type { PathBranch } from "@1771technologies/lytenyte-shared";
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface ColumnManagerBranchProps {
-    readonly item: PathBranch<Column<any>>;
-    readonly label: SlotComponent;
-    readonly expander?: SlotComponent<{
-        expanded: boolean;
-        toggle: () => void;
-    }>;
-    readonly labelWrapClassName?: string;
-    readonly labelWrapStyle?: CSSProperties;
-}
-export declare const Branch: import("react").ForwardRefExoticComponent<Omit<ColumnManagerBranchProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;

package/dist/column-manager/branch.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useMemo } from "react";
-import { TreeBranch } from "../tree-view/branch/branch.js";
-import { ColumnItemContext } from "./context.js";
-import { useGrid } from "../grid-provider/use-grid.js";
-import { useColumnsFromContext } from "./use-columns-from-context.js";
-import { dragState, DropWrap } from "@1771technologies/lytenyte-core/yinternal";
-export const Branch = forwardRef(function Branch({ item, label, labelWrapClassName, labelWrapStyle, ...props }, forwarded) {
-    const grid = useGrid();
-    const id = grid.state.gridId.useValue();
-    const accepted = `${id}-columns`;
-    const base = grid.state.columnBase.useValue();
-    const columns = useColumnsFromContext(item);
-    const isVisible = useMemo(() => {
-        const allVisible = columns.every((c) => !(c.hide ?? base.hide));
-        return allVisible;
-    }, [base.hide, columns]);
-    const toggle = useCallback((s) => {
-        const next = s ?? isVisible;
-        grid.api.columnUpdate(Object.fromEntries(columns.map((c) => [c.id, { hide: next }])));
-    }, [columns, grid.api, isVisible]);
-    return (_jsx(ColumnItemContext, { value: useMemo(() => ({ item }), [item]), children: _jsx(TreeBranch, { ...props, itemId: item.data.idOccurrence, ref: forwarded, onKeyDown: (ev) => {
-                props.onKeyDown?.(ev);
-                if (ev.key === " ") {
-                    toggle();
-                    ev.preventDefault();
-                }
-            }, labelWrap: _jsx(DropWrap, { "data-ln-column-manager-branch": true, "data-ln-column-id": item.data.idOccurrence, accepted: [accepted], className: labelWrapClassName, style: labelWrapStyle, onEnter: (el) => {
-                    const data = dragState.data
-                        .get()
-                        ?.siteLocalData?.[accepted]?.at(-1);
-                    if (!data)
-                        return;
-                    const move = data.id;
-                    if (columns.some((c) => c.id === move))
-                        return;
-                    const allColumns = grid.state.columns.get();
-                    const moveIndex = allColumns.findIndex((c) => c.id === move);
-                    if (moveIndex === -1)
-                        return;
-                    const thisIndex = allColumns.findIndex((c) => c.id === columns[0].id);
-                    const isBefore = thisIndex > moveIndex;
-                    // Flipped since our source is the one moving
-                    if (!isBefore) {
-                        el.setAttribute("data-ln-is-before", "true");
-                    }
-                    else {
-                        el.setAttribute("data-ln-is-after", "true");
-                    }
-                }, onLeave: (el) => {
-                    el.removeAttribute("data-ln-is-before");
-                    el.removeAttribute("data-ln-is-after");
-                } }), label: label }) }));
-});

package/dist/column-manager/column-manager.d.ts

@@ -1,13 +0,0 @@
-import { Root } from "./root.js";
-import { useColumnManager } from "./use-column-manager.js";
-import { VisibilityCheckbox } from "./visibility-checkbox.js";
-export declare const ColumnManager: {
-    Root: typeof Root;
-    Leaf: import("react").ForwardRefExoticComponent<Omit<import("./leaf.js").ColumnManagerLeafProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./label.js").LabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Branch: import("react").ForwardRefExoticComponent<Omit<import("./branch.js").ColumnManagerBranchProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    Panel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
-    MoveHandle: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./move-handle.js").MoveHandleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    VisibilityCheckbox: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & VisibilityCheckbox, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    useColumnManager: typeof useColumnManager;
-};

package/dist/column-manager/column-manager.js

@@ -1,18 +0,0 @@
-import { Branch } from "./branch.js";
-import { Label } from "./label.js";
-import { Leaf } from "./leaf.js";
-import { MoveHandle } from "./move-handle.js";
-import { Panel } from "./panel.js";
-import { Root } from "./root.js";
-import { useColumnManager } from "./use-column-manager.js";
-import { VisibilityCheckbox } from "./visibility-checkbox.js";
-export const ColumnManager = {
-    Root,
-    Leaf,
-    Label,
-    Branch,
-    Panel,
-    MoveHandle,
-    VisibilityCheckbox,
-    useColumnManager: useColumnManager,
-};

package/dist/column-manager/context.d.ts

@@ -1,7 +0,0 @@
-import type { Column } from "../+types";
-import type { PathBranch, PathLeaf } from "@1771technologies/lytenyte-shared";
-export interface TreeItemContextValue {
-    readonly item: PathBranch<Column<any>> | PathLeaf<Column<any>>;
-}
-export declare const ColumnItemContext: import("react").Context<TreeItemContextValue>;
-export declare const useColumnItemContext: () => TreeItemContextValue;

package/dist/column-manager/context.js

@@ -1,3 +0,0 @@
-import { createContext, useContext } from "react";
-export const ColumnItemContext = createContext(null);
-export const useColumnItemContext = () => useContext(ColumnItemContext);

package/dist/column-manager/label.d.ts

@@ -1,5 +0,0 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface LabelProps {
-    readonly as?: SlotComponent;
-}
-export declare const Label: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & LabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/column-manager/label.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { useColumnItemContext } from "./context.js";
-import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
-export const Label = forwardRef(function Label({ as, ...props }, forwarded) {
-    const { item } = useColumnItemContext();
-    const label = useMemo(() => {
-        if (item.kind == "branch")
-            return item.id.split("#").at(-2);
-        return item.data.name ?? item.data.id;
-    }, [item]);
-    const rendered = useSlot({
-        props: [{ children: label }, props],
-        ref: forwarded,
-        slot: as ?? _jsx("div", {}),
-    });
-    return rendered;
-});

package/dist/column-manager/leaf.d.ts

@@ -1,6 +0,0 @@
-import type { Column } from "../+types";
-import type { PathLeaf } from "@1771technologies/lytenyte-shared";
-export interface ColumnManagerLeafProps {
-    readonly item: PathLeaf<Column<any>>;
-}
-export declare const Leaf: import("react").ForwardRefExoticComponent<Omit<ColumnManagerLeafProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;