@1771technologies/lytenyte-pro 1.0.8 → 1.0.9

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useMemo } from "react";
-import { CellStyleRow } from "./cell-style-row";
-import { useGridRoot } from "../context";
-import { isTopRect } from "./is-top-rect";
-import { isCenterRect } from "./is-center-rect";
-import { isBottomRect } from "./is-bottom-rect";
+import { CellStyleRow } from "./cell-style-row.js";
+import { useGridRoot } from "../context.js";
+import { isTopRect } from "./is-top-rect.js";
+import { isCenterRect } from "./is-center-rect.js";
+import { isBottomRect } from "./is-bottom-rect.js";
 export const CellSelectionTop = memo(function CellSelectionTop() {
     const cx = useGridRoot();
     const allRects = cx.grid.internal.cellSelectionSplits.useValue();

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

@@ -1,17 +1,17 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { useGridRoot } from "../context";
-import { useEdgeScroll } from "./use-edge-scroll";
+import { useGridRoot } from "../context.js";
+import { useEdgeScroll } from "./use-edge-scroll.js";
 import { equal, getClientX, getClientY, getRelativeXPosition, getRelativeYPosition, } from "@1771technologies/lytenyte-js-utils";
 import { getNearestFocusable, getPositionFromFocusable } from "@1771technologies/lytenyte-shared";
 import { isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
-import { updateAdditiveCellSelection } from "./update-additive-cell-selection";
-import { deselectRectRange } from "./deselect-rect-range";
-import { isWithinSelectionRect } from "./is-within-selection-rect";
-import { expandCellSelectionStart } from "./expand-cell-selection-start";
-import { expandCellSelectionEnd } from "./expand-cell-selection-end";
-import { expandCellSelectionDown } from "./expand-cell-selection-down";
-import { expandCellSelectionUp } from "./expand-cell-selection-up";
+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;
 }

package/dist/cell-selection/cell-style-row.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { getTranslate, sizeFromCoord } from "@1771technologies/lytenyte-shared";
 export function CellStyleRow({ rect, isRowPinnedTop, isDeselect, isRowPinnedBottom, isPivot, }) {
     const cx = useGridRoot();

package/dist/cell-selection/split-on-pivot.js

@@ -1,4 +1,4 @@
-import { areRectsEqual } from "./are-rects-equal";
+import { areRectsEqual } from "./are-rects-equal.js";
 export function splitOnPivot(rect, pivot) {
     if (rect.isUnit || areRectsEqual(rect, pivot))
         return null;

package/dist/cells/cell-editor.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { getTabbables } from "@1771technologies/lytenyte-dom-utils";
-import { useGridRoot } from "../context";
-import { editOnChange } from "../state/helpers/edit-on-change";
+import { useGridRoot } from "../context.js";
+import { editOnChange } from "../state/helpers/edit-on-change.js";
 import { handleNavigationKeys } from "@1771technologies/lytenyte-shared";
 export function CellEditor({ cell }) {
     const [el, setEl] = useState(null);

package/dist/cells/cell-spacer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 export function CellSpacePinStart({ xPositions: x }) {
     const ctx = useGridRoot().grid;
     const bounds = ctx.state.viewBounds.useValue();

package/dist/cells/cell.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, memo, useEffect, useState } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { sizeFromCoord } from "@1771technologies/lytenyte-shared";
-import { CellDefault } from "./cell-default";
-import { CellEditor } from "./cell-editor";
-import { useRowMeta } from "../rows/row/context";
-import { CellSpacePinStart, CellSpacerPinEnd } from "./cell-spacer";
-import { useCellStyle } from "./use-cell-style";
+import { CellDefault } from "./cell-default.js";
+import { CellEditor } from "./cell-editor.js";
+import { useRowMeta } from "../rows/row/context.js";
+import { CellSpacePinStart, CellSpacerPinEnd } from "./cell-spacer.js";
+import { useCellStyle } from "./use-cell-style.js";
 export const Cell = forwardRef(function Cell(props, forwarded) {
     const { colBounds: [start, end], ...rowMeta } = useRowMeta();
     // This enforces our column virtualization.

package/dist/column-manager/branch.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo } from "react";
-import { TreeBranch } from "../tree-view/branch/branch";
-import { ColumnItemContext } from "./context";
+import { TreeBranch } from "../tree-view/branch/branch.js";
+import { ColumnItemContext } from "./context.js";
 import { dragState, DropWrap } from "@1771technologies/lytenyte-dragon";
-import { useGrid } from "../grid-provider/use-grid";
-import { useColumnsFromContext } from "./use-columns-from-context";
+import { useGrid } from "../grid-provider/use-grid.js";
+import { useColumnsFromContext } from "./use-columns-from-context.js";
 export const Branch = forwardRef(function Branch({ item, label, labelWrapClassName, labelWrapStyle, ...props }, forwarded) {
     const grid = useGrid();
     const id = grid.state.gridId.useValue();

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

@@ -1,13 +1,13 @@
-import { Root } from "./root";
-import { useColumnManager } from "./use-column-manager";
-import { VisibilityCheckbox } from "./visibility-checkbox";
+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").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").LabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Branch: import("react").ForwardRefExoticComponent<Omit<import("./branch").ColumnManagerBranchProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    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").MoveHandleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    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,11 +1,11 @@
-import { Branch } from "./branch";
-import { Label } from "./label";
-import { Leaf } from "./leaf";
-import { MoveHandle } from "./move-handle";
-import { Panel } from "./panel";
-import { Root } from "./root";
-import { useColumnManager } from "./use-column-manager";
-import { VisibilityCheckbox } from "./visibility-checkbox";
+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,

package/dist/column-manager/label.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef, useMemo } from "react";
-import { useColumnItemContext } from "./context";
+import { useColumnItemContext } from "./context.js";
 export const Label = forwardRef(function Label({ as, ...props }, forwarded) {
     const { item } = useColumnItemContext();
     const label = useMemo(() => {

package/dist/column-manager/leaf.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo } from "react";
-import { ColumnItemContext } from "./context";
-import { TreeLeaf } from "../tree-view/leaf";
+import { ColumnItemContext } from "./context.js";
+import { TreeLeaf } from "../tree-view/leaf.js";
 import { dragState, DropWrap } from "@1771technologies/lytenyte-dragon";
-import { useGrid } from "../grid-provider/use-grid";
-import { useColumnsFromContext } from "./use-columns-from-context";
+import { useGrid } from "../grid-provider/use-grid.js";
+import { useColumnsFromContext } from "./use-columns-from-context.js";
 export const Leaf = forwardRef(function ColumnManagerLeaf({ item, ...props }, forwarded) {
     const context = useMemo(() => {
         return { item: item };

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

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useDraggable } from "@1771technologies/lytenyte-dragon";
 import { useCombinedRefs, useSlot, } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef, useMemo } from "react";
-import { useColumnItemContext } from "./context";
-import { useColumnsFromContext } from "./use-columns-from-context";
-import { useGrid } from "../grid-provider/use-grid";
+import { useColumnItemContext } from "./context.js";
+import { useColumnsFromContext } from "./use-columns-from-context.js";
+import { useGrid } from "../grid-provider/use-grid.js";
 export const MoveHandle = forwardRef(function MoveHandle({ as, ...props }, forwarded) {
     const item = useColumnItemContext().item;
     const grid = useGrid();

package/dist/column-manager/panel.js

@@ -1,2 +1,2 @@
-import { TreePanel } from "../tree-view/panel/panel";
+import { TreePanel } from "../tree-view/panel/panel.js";
 export const Panel = TreePanel;

package/dist/column-manager/root.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { GridProvider } from "../grid-provider/provider";
-import { TreeRoot } from "../tree-view/root";
-import { branchLookupContext } from "./branch-lookup-context";
+import { GridProvider } from "../grid-provider/provider.js";
+import { TreeRoot } from "../tree-view/root.js";
+import { branchLookupContext } from "./branch-lookup-context.js";
 export function Root({ grid, lookup, children }) {
     return (_jsx(branchLookupContext.Provider, { value: lookup, children: _jsx(GridProvider, { value: grid, children: _jsx(TreeRoot, { children: children }) }) }));
 }

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

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useTreeViewPaths } from "../tree-view/hooks/use-tree-view-paths";
+import { useTreeViewPaths } from "../tree-view/hooks/use-tree-view-paths.js";
 export function useColumnManager({ grid, query }) {
     const columns = grid.state.columns.useValue();
     const filteredColumns = useMemo(() => {

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
-import { useColumnItemContext } from "./context";
+import { useColumnItemContext } from "./context.js";
 import { forwardRef, useCallback, useMemo } from "react";
-import { useGrid } from "../grid-provider/use-grid";
-import { useColumnsFromContext } from "./use-columns-from-context";
+import { useGrid } from "../grid-provider/use-grid.js";
+import { useColumnsFromContext } from "./use-columns-from-context.js";
 export const VisibilityCheckbox = forwardRef(function VisibilityCheckbox({ as, ...props }, forwarded) {
     const { item } = useColumnItemContext();
     const grid = useGrid();

package/dist/filter-tree/branch.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { TreeBranch } from "../tree-view/branch/branch";
+import { TreeBranch } from "../tree-view/branch/branch.js";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
-import { FilterTreeItemContext } from "./context";
-import { useTreeItem } from "./hooks/use-tree-item";
+import { FilterTreeItemContext } from "./context.js";
+import { useTreeItem } from "./hooks/use-tree-item.js";
 export const Branch = forwardRef(function Branch({ item, labelWrap, label, ...props }, forwarded) {
     const value = useTreeItem(item);
     const labelSlot = useSlot({

package/dist/filter-tree/context.d.ts

@@ -1,6 +1,6 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { TreeVirtualItem } from "../tree-view/virtualized/make-virtual-tree";
-import type { FilterIn, FilterInFilterItem } from "../+types";
+import type { TreeVirtualItem } from "../tree-view/virtualized/make-virtual-tree.js";
+import type { FilterIn, FilterInFilterItem } from "../+types.js";
 export interface TreeItemContextValue {
     readonly item: TreeVirtualItem<FilterInFilterItem>;
     readonly onCheckChange: (b?: boolean) => void;

package/dist/filter-tree/hooks/use-filter-tree.js

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState } from "react";
-import { useVirtualizedTree } from "../../tree-view/virtualized/use-virtualized-tree";
+import { useVirtualizedTree } from "../../tree-view/virtualized/use-virtualized-tree.js";
 import { useEvent } from "@1771technologies/lytenyte-react-hooks";
 export function useFilterTree({ grid, column, treeItemHeight = 24, pivotMode, applyChangesImmediately = false, query, }) {
     const [items, setItems] = useState([]);

package/dist/filter-tree/inclusion-checkbox.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useTreeItemContext } from "./context";
+import { useTreeItemContext } from "./context.js";
 export const InclusionCheckbox = forwardRef(function InclusionCheckbox({ as, ...props }, forwarded) {
     const { isChecked, onCheckChange, isIndeterminate } = useTreeItemContext();
     const rendered = useSlot({

package/dist/filter-tree/label.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef, useMemo } from "react";
-import { useTreeItemContext } from "./context";
+import { useTreeItemContext } from "./context.js";
 export const Label = forwardRef(function Label({ as, ...props }, forwarded) {
     const { item } = useTreeItemContext();
     const label = useMemo(() => {

package/dist/filter-tree/leaf.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { TreeLeaf } from "../tree-view/leaf";
-import { FilterTreeItemContext } from "./context";
-import { useTreeItem } from "./hooks/use-tree-item";
+import { TreeLeaf } from "../tree-view/leaf.js";
+import { FilterTreeItemContext } from "./context.js";
+import { useTreeItem } from "./hooks/use-tree-item.js";
 export const Leaf = forwardRef(function Leaf({ item, ...props }, forwarded) {
     const value = useTreeItem(item);
     return (_jsx(FilterTreeItemContext.Provider, { value: value, children: _jsx(TreeLeaf, { ...props, itemId: item.leaf.data.id, ref: forwarded, ...item.attrs, style: { ...props.style, ...item.attrs.style }, onClick: () => value.onCheckChange(), onKeyDown: (ev) => {

package/dist/filter-tree/root.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { GridProvider } from "../grid-provider/provider";
-import { TreeRoot } from "../tree-view/root";
-import { FilterTreeContext } from "./context";
+import { GridProvider } from "../grid-provider/provider.js";
+import { TreeRoot } from "../tree-view/root.js";
+import { FilterTreeContext } from "./context.js";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 export function Root({ grid, treeRef, filterIn, pivotMode, columnId, children, error, loading, errorAs, loadingAs, fetchItems, items, applyChangesImmediately, filterInChange, ...rootProps }) {
     const value = useMemo(() => {

package/dist/grid-box/grid-box.d.ts

@@ -1,11 +1,11 @@
-import { GridBoxRoot } from "./root";
-import { useAggregationBoxItems } from "./use-aggregation-box-items";
-import { useColumnBoxItems } from "./use-column-box-items";
-import { useRowGroupBoxItems } from "./use-row-group-box-items";
+import { GridBoxRoot } from "./root.js";
+import { useAggregationBoxItems } from "./use-aggregation-box-items.js";
+import { useColumnBoxItems } from "./use-column-box-items.js";
+import { useRowGroupBoxItems } from "./use-row-group-box-items.js";
 export declare const GridBox: {
     Root: typeof GridBoxRoot;
     Panel: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onDrop">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./item").GridBoxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./item.js").GridBoxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     useColumnBoxItems: typeof useColumnBoxItems;
     useRowGroupBoxItems: typeof useRowGroupBoxItems;
     useAggregationBoxItems: typeof useAggregationBoxItems;

package/dist/grid-box/grid-box.js

@@ -1,9 +1,9 @@
-import { BoxItem } from "./item";
-import { GridBoxPanel } from "./panel";
-import { GridBoxRoot } from "./root";
-import { useAggregationBoxItems } from "./use-aggregation-box-items";
-import { useColumnBoxItems } from "./use-column-box-items";
-import { useRowGroupBoxItems } from "./use-row-group-box-items";
+import { BoxItem } from "./item.js";
+import { GridBoxPanel } from "./panel.js";
+import { GridBoxRoot } from "./root.js";
+import { useAggregationBoxItems } from "./use-aggregation-box-items.js";
+import { useColumnBoxItems } from "./use-column-box-items.js";
+import { useRowGroupBoxItems } from "./use-row-group-box-items.js";
 export const GridBox = {
     Root: GridBoxRoot,
     Panel: GridBoxPanel,

package/dist/grid-box/item.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Item } from "../listbox/item";
+import { Item } from "../listbox/item.js";
 import { dragState, DropWrap, useDraggable } from "@1771technologies/lytenyte-dragon";
 import { useCombinedRefs, useSlot, } from "@1771technologies/lytenyte-react-hooks";
-import { useGridBoxContext } from "./context";
+import { useGridBoxContext } from "./context.js";
 export const BoxItem = forwardRef(function BoxItem({ item, itemAs, itemClassName, itemStyle, children, ...props }, forwarded) {
     const { accepted } = useGridBoxContext();
     const { dragProps } = useDraggable({

package/dist/grid-box/panel.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Panel } from "../listbox/panel";
+import { Panel } from "../listbox/panel.js";
 import { DropWrap } from "@1771technologies/lytenyte-dragon";
-import { useGridBoxContext } from "./context";
+import { useGridBoxContext } from "./context.js";
 export const GridBoxPanel = forwardRef(function GridBoxPanel(props, forwarded) {
     const ctx = useGridBoxContext();
     return (_jsx(DropWrap, { ...props, accepted: ctx.accepted, "data-ln-orientation": ctx.orientation, onDrop: ctx.onRootDrop, ref: forwarded, as: _jsx(Panel, {}) }));

package/dist/grid-box/root.d.ts

@@ -1,5 +1,5 @@
 import { type PropsWithChildren } from "react";
-import type { DropEventParams, Grid } from "../+types";
+import type { DropEventParams, Grid } from "../+types.js";
 export interface GridBoxRootProps<T> {
     readonly orientation?: "vertical" | "horizontal";
     readonly onRootDrop: (p: DropEventParams) => void;

package/dist/grid-box/root.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { Root } from "../listbox/root";
-import { GridProvider } from "../grid-provider/provider";
-import { GridBoxContext } from "./context";
+import { Root } from "../listbox/root.js";
+import { GridProvider } from "../grid-provider/provider.js";
+import { GridBoxContext } from "./context.js";
 export function GridBoxRoot({ grid, orientation = "vertical", accepted, onRootDrop, children, }) {
     return (_jsx(GridProvider, { value: grid, children: _jsx(GridBoxContext.Provider, { value: useMemo(() => ({ accepted, orientation, onRootDrop }), [accepted, onRootDrop, orientation]), children: _jsx(Root, { orientation: orientation, children: children }) }) }));
 }

package/dist/grid.d.ts

@@ -1,17 +1,17 @@
-import { Root } from "./root/root";
-import { useLyteNyte } from "./state/use-lytenyte";
+import { Root } from "./root/root.js";
+import { useLyteNyte } from "./state/use-lytenyte.js";
 export declare const Grid: {
     Root: typeof Root;
     Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    HeaderGroupCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-group-cell").HeaderGroupCellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    HeaderRow: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-row").HeaderRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    HeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-cell").HeaderCellProps<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Cell: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & import("./cells/cell").CellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RowFullWidth: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./rows/row-full-width").RowFullWidthProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HeaderGroupCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-group-cell.js").HeaderGroupCellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HeaderRow: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-row.js").HeaderRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-cell.js").HeaderCellProps<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Cell: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & import("./cells/cell.js").CellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RowFullWidth: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./rows/row-full-width.js").RowFullWidthProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RowsContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RowsBottom: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RowsTop: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Row: import("react").NamedExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onDrag"> & import("./rows/row/row").RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Row: import("react").NamedExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onDrag"> & import("./rows/row/row.js").RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RowsCenter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Viewport: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     useLyteNyte: typeof useLyteNyte;

package/dist/grid.js

@@ -1,15 +1,15 @@
-import { Cell } from "./cells/cell";
-import { Header } from "./header/header";
-import { HeaderCell } from "./header/header-cell";
-import { HeaderGroupCell } from "./header/header-group-cell";
-import { HeaderRow } from "./header/header-row";
-import { Root } from "./root/root";
-import { RowFullWidth } from "./rows/row-full-width";
-import { Row } from "./rows/row/row";
-import { RowsContainer } from "./rows/rows-container";
-import { RowsBottom, RowsCenter, RowsTop } from "./rows/rows-sections";
-import { useLyteNyte } from "./state/use-lytenyte";
-import { Viewport } from "./viewport/viewport";
+import { Cell } from "./cells/cell.js";
+import { Header } from "./header/header.js";
+import { HeaderCell } from "./header/header-cell.js";
+import { HeaderGroupCell } from "./header/header-group-cell.js";
+import { HeaderRow } from "./header/header-row.js";
+import { Root } from "./root/root.js";
+import { RowFullWidth } from "./rows/row-full-width.js";
+import { Row } from "./rows/row/row.js";
+import { RowsContainer } from "./rows/rows-container.js";
+import { RowsBottom, RowsCenter, RowsTop } from "./rows/rows-sections.js";
+import { useLyteNyte } from "./state/use-lytenyte.js";
+import { Viewport } from "./viewport/viewport.js";
 export const Grid = {
     Root,
     Header,

package/dist/header/header-cell.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { COLUMN_MARKER_ID, HeaderCellReact } from "@1771technologies/lytenyte-shared";
 import { fastDeepMemo, useCombinedRefs, } from "@1771technologies/lytenyte-react-hooks";
-import { useHeaderCellRenderer } from "./use-header-cell-renderer";
-import { ResizeHandler } from "./resize-handler";
-import { useDragMove } from "./use-drag-move";
+import { useHeaderCellRenderer } from "./use-header-cell-renderer.js";
+import { ResizeHandler } from "./resize-handler.js";
+import { useDragMove } from "./use-drag-move.js";
 const HeaderCellImpl = forwardRef(function HeaderCell({ cell, resizerAs, resizerStyle, resizerClassName, children, ...props }, forwarded) {
     const grid = useGridRoot().grid;
     const ctx = grid.state;

package/dist/header/header-group-cell.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { HeaderGroupCellReact } from "@1771technologies/lytenyte-shared";
 import { fastDeepMemo, useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
-import { useDragMove } from "./use-drag-move";
+import { useDragMove } from "./use-drag-move.js";
 const HeaderGroupCellImpl = forwardRef(function HeaderCell({ cell, children, ...props }, forwarded) {
     const grid = useGridRoot().grid;
     const ctx = grid.state;

package/dist/header/header-row.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { HeaderRowReact } from "@1771technologies/lytenyte-shared";
 const HeaderRowImpl = forwardRef(function HeaderRow(props, forwarded) {
     const maxRow = useGridRoot().grid.view.get().header.maxRow;

package/dist/header/header.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
 import { HeaderReact } from "@1771technologies/lytenyte-shared";
 const HeaderImpl = forwardRef(function Header(props, forwarded) {

package/dist/header/resize-handler.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import {} from "react";
 import { DEFAULT_COLUMN_WIDTH_MAX, DEFAULT_COLUMN_WIDTH_MIN, getColIndexFromEl, getTranslate, sizeFromCoord, } from "@1771technologies/lytenyte-shared";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { getComputedStyle, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
 import { clamp, getClientX } from "@1771technologies/lytenyte-js-utils";
 export function ResizeHandler({ as, cell, xPositions, style, className, }) {

package/dist/header/use-header-cell-renderer.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 function DefaultRenderer(p) {
     return _jsx(_Fragment, { children: p.column.name ?? p.column.id });
 }

package/dist/icons/index.js

@@ -1 +1,3 @@
-export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";
+export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon,
+// eslint-disable-next-line import/extensions
+ } from "@1771technologies/lytenyte-core/icons";

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { GridBox } from "./grid-box/grid-box.js";
 export { DropWrap } from "@1771technologies/lytenyte-dragon";
 export { activateLicense } from "./license.js";
 export { measureText } from "@1771technologies/lytenyte-shared";
-export { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source";
-export { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated";
-export { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source";
-export { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source";
+export { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source.js";
+export { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated.js";
+export { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source.js";
+export { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source.js";

package/dist/index.js

@@ -7,7 +7,7 @@ export { GridBox } from "./grid-box/grid-box.js";
 export { DropWrap } from "@1771technologies/lytenyte-dragon";
 export { activateLicense } from "./license.js";
 export { measureText } from "@1771technologies/lytenyte-shared";
-export { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source";
-export { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated";
-export { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source";
-export { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source";
+export { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source.js";
+export { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated.js";
+export { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source.js";
+export { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source.js";

package/dist/listbox/item.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useListboxContext } from "./context";
+import { useListboxContext } from "./context.js";
 import { getTabbables } from "@1771technologies/lytenyte-dom-utils";
 export const Item = forwardRef(function Item(props, forwarded) {
     const ctx = useListboxContext();

package/dist/listbox/panel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
-import { useListboxContext } from "./context";
+import { useListboxContext } from "./context.js";
 import { useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
 import { getTabbables } from "@1771technologies/lytenyte-dom-utils";
 export const Panel = forwardRef(function Panel(props, forwarded) {

package/dist/listbox/root.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { context } from "./context";
+import { context } from "./context.js";
 export function Root(props) {
     const value = useMemo(() => {
         return {

package/dist/root/dialog-driver.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 export function DialogDriver() {
     const grid = useGridRoot().grid;
     const openFrameState = grid.internal.dialogFrames.useValue();

package/dist/root/popover-driver.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 export function PopoverDriver() {
     const grid = useGridRoot().grid;
     const openFrameState = grid.internal.popoverFrames.useValue();

package/dist/root/root.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo } from "react";
 import { useEvent, useMeasure } from "@1771technologies/lytenyte-react-hooks";
-import { RootProvider } from "../context";
-import { DialogDriver } from "./dialog-driver";
-import { PopoverDriver } from "./popover-driver";
-import { CellSelectionDriver } from "../cell-selection/cell-selection-driver";
-import { hasAValidLicense } from "../license";
+import { RootProvider } from "../context.js";
+import { DialogDriver } from "./dialog-driver.js";
+import { PopoverDriver } from "./popover-driver.js";
+import { CellSelectionDriver } from "../cell-selection/cell-selection-driver.js";
+import { hasAValidLicense } from "../license.js";
 export function Root({ grid, children, ...events }) {
     useEffect(() => {
         if (hasAValidLicense)

package/dist/row-data-source-client/pivots/create-agg-model.d.ts

@@ -1,6 +1,6 @@
-import { type Column, type ColumnPivotModel } from "../../+types";
+import { type Column, type ColumnPivotModel } from "../../+types.js";
 export declare function createAggModel<T>(model: ColumnPivotModel<T>, columns: Column<T>[], separator: string): {
     [k: string]: {
-        readonly fn: import("../../+types").AggModelFn<T>;
+        readonly fn: import("../../+types.js").AggModelFn<T>;
     };
 };

package/dist/row-data-source-client/pivots/create-agg-model.js

@@ -1,4 +1,4 @@
-import {} from "../../+types";
+import {} from "../../+types.js";
 export function createAggModel(model, columns, separator) {
     const aggFunToId = new Map(model.values.map((c) => [c.field, c.aggFn]));
     const aggModel = columns

package/dist/rows/row/row.d.ts

@@ -1,4 +1,4 @@
-import type { RowNormalRowLayout } from "../../+types";
+import type { RowNormalRowLayout } from "../../+types.js";
 import { type DropWrapProps } from "@1771technologies/lytenyte-shared";
 export interface RowProps extends Omit<DropWrapProps, "accepted"> {
     readonly row: RowNormalRowLayout<any>;

package/dist/rows/row/row.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, memo } from "react";
-import { useGridRoot } from "../../context";
-import { RowDetailRow } from "../row-detail-row";
+import { useGridRoot } from "../../context.js";
+import { RowDetailRow } from "../row-detail-row.js";
 import { RowReact } from "@1771technologies/lytenyte-shared";
-import { useRowContextValue } from "./use-row-context-value";
-import { RowContext } from "./context";
+import { useRowContextValue } from "./use-row-context-value.js";
+import { RowContext } from "./context.js";
 import { equal } from "@1771technologies/lytenyte-js-utils";
-import { CellSpacerNoPin } from "../../cells/cell-spacer";
+import { CellSpacerNoPin } from "../../cells/cell-spacer.js";
 const empty = [];
 const RowImpl = forwardRef(function Rows({ row, ...props }, forwarded) {
     const ctx = useGridRoot().grid;

package/dist/rows/row/use-row-context-value.d.ts

@@ -1,6 +1,6 @@
-import type { Grid, GridAtomReadonlyUnwatchable, RowNode } from "../../+types";
-import type { InternalAtoms } from "../../state/+types";
-import type { RowMetaData } from "./context";
+import type { Grid, GridAtomReadonlyUnwatchable, RowNode } from "../../+types.js";
+import type { InternalAtoms } from "../../state/+types.js";
+import type { RowMetaData } from "./context.js";
 export declare function useRowContextValue(grid: Grid<any> & {
     internal: InternalAtoms;
 }, row: GridAtomReadonlyUnwatchable<RowNode<any> | null>, yPositions: Uint32Array): RowMetaData;

package/dist/rows/row-detail-row.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getNearestRow, getRowIndexFromEl, SCROLL_WIDTH_VARIABLE_USE, sizeFromCoord, } from "@1771technologies/lytenyte-shared";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { useEffect, useState } from "react";
 import { getTabbables, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
 export function RowDetailRow({ layout, }) {

package/dist/rows/row-full-width.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { RowFullWidthReact } from "@1771technologies/lytenyte-shared";
-import { RowDetailRow } from "./row-detail-row";
-import { useRowContextValue } from "./row/use-row-context-value";
+import { RowDetailRow } from "./row-detail-row.js";
+import { useRowContextValue } from "./row/use-row-context-value.js";
 const empty = [];
 const RowFullWidthImpl = forwardRef(function RowFullWidth({ row: layout, space, children, ...props }, forwarded) {
     const grid = useGridRoot().grid;

package/dist/rows/rows-container.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
 import { RowsContainerReact } from "@1771technologies/lytenyte-shared";
 export const RowsContainer = fastDeepMemo(forwardRef(function Rows(props, forwarded) {

package/dist/rows/rows-sections.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
-import { useGridRoot } from "../context";
-import { NativeScroller } from "./scrollers/native-scroller";
+import { useGridRoot } from "../context.js";
+import { NativeScroller } from "./scrollers/native-scroller.js";
 import { RowsBottomReact, RowsCenterReact, RowsTopReact } from "@1771technologies/lytenyte-shared";
-import { CellSelectionBottom, CellSelectionCenter, CellSelectionTop, } from "../cell-selection/cell-selection-containers";
+import { CellSelectionBottom, CellSelectionCenter, CellSelectionTop, } from "../cell-selection/cell-selection-containers.js";
 export const RowsTop = fastDeepMemo(forwardRef(function RowsTop(props, forwarded) {
     const cx = useGridRoot().grid;
     const view = cx.view.useValue().rows;

package/dist/sort-manager/root.d.ts

@@ -1,3 +1,3 @@
 import { type PropsWithChildren } from "react";
-import { type SortManagerContext } from "./context";
+import { type SortManagerContext } from "./context.js";
 export declare function Root({ sortItems, setSortItems, grid, mode, children, }: PropsWithChildren<SortManagerContext>): import("react/jsx-runtime").JSX.Element;

package/dist/sort-manager/root.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { context } from "./context";
+import { context } from "./context.js";
 export function Root({ sortItems, setSortItems, grid, mode, children, }) {
     const value = useMemo(() => {
         return {

package/dist/sort-manager/sort-add.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortRowCtx } from "./context";
+import { useSortRowCtx } from "./context.js";
 export const SortAdd = forwardRef(function SortAdd({ as: as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const renderer = useSlot({

package/dist/sort-manager/sort-apply.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEvent, useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortManagerCtx } from "./context";
+import { useSortManagerCtx } from "./context.js";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
-import { sortItemsToSortModel } from "./utils/sort-item-to-sort-model";
+import { sortItemsToSortModel } from "./utils/sort-item-to-sort-model.js";
 export const SortApply = forwardRef(function SortApply({ as, ...props }, forwarded) {
     const ctx = useSortManagerCtx();
     const onApply = useEvent(() => {

package/dist/sort-manager/sort-cancel.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEvent, useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortManagerCtx } from "./context";
-import { sortModelToSortItems } from "./utils/sort-model-to-sort-items";
+import { useSortManagerCtx } from "./context.js";
+import { sortModelToSortItems } from "./utils/sort-model-to-sort-items.js";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
 export const SortCancel = forwardRef(function SortCancel({ as, ...props }, forwarded) {
     const ctx = useSortManagerCtx();

package/dist/sort-manager/sort-clear.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEvent, useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortManagerCtx } from "./context";
+import { useSortManagerCtx } from "./context.js";
 export const SortClear = forwardRef(function SortClear({ as, ...props }, forwarded) {
     const ctx = useSortManagerCtx();
     const onClear = useEvent(() => {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortRowCtx } from "./context";
+import { useSortRowCtx } from "./context.js";
 export const SortColumnSelect = forwardRef(function SortColumnSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsxs("select", { "aria-label": "Select column to sort", value: row.columnItem?.value ?? "", onChange: (e) => {

package/dist/sort-manager/sort-direction-select.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortRowCtx } from "./context";
+import { useSortRowCtx } from "./context.js";
 export const SortDirectionSelect = forwardRef(function SortDirectionSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsx("select", { "aria-label": "Select sort direction", value: row.sortDirectionSelected?.value ?? "", onChange: (e) => {

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

@@ -1,16 +1,16 @@
-import { Root } from "./root";
-import { useSortManager } from "./hooks/use-sort-manager";
+import { Root } from "./root.js";
+import { useSortManager } from "./hooks/use-sort-manager.js";
 export declare const SortManager: {
     Root: typeof Root;
-    Row: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-row").SortRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Row: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-row.js").SortRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Rows: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    ColumnSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-column-select").SortColumnSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-    ValueSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-value-select").SortValueSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-    DirectionSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-direction-select").SortDirectionSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-    Add: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-add").SortAddProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Remove: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-remove").SortRemoveProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Cancel: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-cancel").SortCancelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Clear: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-clear").SortClearProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Apply: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-apply").SortApplyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ColumnSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-column-select.js").SortColumnSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    ValueSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-value-select.js").SortValueSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    DirectionSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-direction-select.js").SortDirectionSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    Add: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-add.js").SortAddProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Remove: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-remove.js").SortRemoveProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Cancel: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-cancel.js").SortCancelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Clear: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-clear.js").SortClearProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Apply: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-apply.js").SortApplyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     useSortManager: typeof useSortManager;
 };

package/dist/sort-manager/sort-manager.js

@@ -1,15 +1,15 @@
-import { Root } from "./root";
-import { SortRow } from "./sort-row";
-import { SortRows } from "./sort-rows";
-import { useSortManager } from "./hooks/use-sort-manager";
-import { SortColumnSelect } from "./sort-column-select";
-import { SortValueSelect } from "./sort-value-select";
-import { SortDirectionSelect } from "./sort-direction-select";
-import { SortAdd } from "./sort-add";
-import { SortRemove } from "./sort-remove";
-import { SortCancel } from "./sort-cancel";
-import { SortClear } from "./sort-clear";
-import { SortApply } from "./sort-apply";
+import { Root } from "./root.js";
+import { SortRow } from "./sort-row.js";
+import { SortRows } from "./sort-rows.js";
+import { useSortManager } from "./hooks/use-sort-manager.js";
+import { SortColumnSelect } from "./sort-column-select.js";
+import { SortValueSelect } from "./sort-value-select.js";
+import { SortDirectionSelect } from "./sort-direction-select.js";
+import { SortAdd } from "./sort-add.js";
+import { SortRemove } from "./sort-remove.js";
+import { SortCancel } from "./sort-cancel.js";
+import { SortClear } from "./sort-clear.js";
+import { SortApply } from "./sort-apply.js";
 export const SortManager = {
     Root,
     Row: SortRow,

package/dist/sort-manager/sort-remove.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortRowCtx } from "./context";
+import { useSortRowCtx } from "./context.js";
 export const SortRemove = forwardRef(function SortRemove({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const renderer = useSlot({

package/dist/sort-manager/sort-row.d.ts

@@ -1,4 +1,4 @@
-import type { SortRowItem } from "./hooks/use-sort-row-item";
+import type { SortRowItem } from "./hooks/use-sort-row-item.js";
 export interface SortRowProps {
     readonly row: SortRowItem;
 }

package/dist/sort-manager/sort-row.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Item } from "../listbox/item";
-import { rowContext } from "./context";
+import { Item } from "../listbox/item.js";
+import { rowContext } from "./context.js";
 export const SortRow = forwardRef(function SortRow({ row, ...props }, forwarded) {
     return (_jsx(rowContext.Provider, { value: row, children: _jsx(Item, { ...props, ref: forwarded }) }));
 });

package/dist/sort-manager/sort-rows.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Panel } from "../listbox/panel";
+import { Panel } from "../listbox/panel.js";
 export const SortRows = forwardRef(function SortRows(props, forwarded) {
     return _jsx(Panel, { ...props, ref: forwarded });
 });

package/dist/sort-manager/sort-value-select.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortRowCtx } from "./context";
+import { useSortRowCtx } from "./context.js";
 export const SortValueSelect = forwardRef(function SortValueSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsxs("select", { "aria-label": "Select sort value", value: row.sortSelected?.value ?? "", onChange: (e) => {

package/dist/state/api/cell-root.js

@@ -1,6 +1,6 @@
 import { CONTAINS_DEAD_CELLS, FULL_WIDTH, updateLayout } from "@1771technologies/lytenyte-shared";
-import { getSpanFn } from "../helpers/get-span-callback";
-import { getFullWidthCallback } from "../helpers/get-full-width-callback";
+import { getSpanFn } from "../helpers/get-span-callback.js";
+import { getFullWidthCallback } from "../helpers/get-full-width-callback.js";
 export const makeCellRoot = (grid) => {
     return (row, column) => {
         const l = grid.internal.layout;

package/dist/tree-view/root.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo, useRef, useState } from "react";
-import { context } from "./context";
+import { context } from "./context.js";
 import { useCombinedRefs, useEvent } from "@1771technologies/lytenyte-react-hooks";
 import { getAllIds } from "./navigation/get-all-ids.js";
 import { getIdsBetweenNodes } from "./utils/get-ids-between-nodes.js";

package/dist/viewport/viewport.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { handleNavigationKeys, handleSkipInner, useFocusTracking, } from "@1771technologies/lytenyte-shared";
-import { beginEditing } from "./begin-editing";
+import { beginEditing } from "./begin-editing.js";
 export const Viewport = forwardRef(function Viewport({ children, style, ...props }, forwarded) {
     const ctx = useGridRoot();
     const ref = useCombinedRefs(ctx.ref, forwarded);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -49,12 +49,12 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-core": "1.0.8",
-    "@1771technologies/lytenyte-dragon": "1.0.8",
-    "@1771technologies/lytenyte-shared": "1.0.8",
-    "@1771technologies/lytenyte-dom-utils": "1.0.8",
-    "@1771technologies/lytenyte-react-hooks": "1.0.8",
-    "@1771technologies/lytenyte-js-utils": "1.0.8"
+    "@1771technologies/lytenyte-core": "1.0.9",
+    "@1771technologies/lytenyte-dom-utils": "1.0.9",
+    "@1771technologies/lytenyte-react-hooks": "1.0.9",
+    "@1771technologies/lytenyte-dragon": "1.0.9",
+    "@1771technologies/lytenyte-js-utils": "1.0.9",
+    "@1771technologies/lytenyte-shared": "1.0.9"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",