@1771technologies/lytenyte-pro 1.0.0-beta.0 → 1.0.0-beta.10

package/dist/row-data-source-server/utils/get-node-depth.js

@@ -1,9 +1,9 @@
 export function getNodeDepth(node) {
-    let depth = 0;
-    let current = node.parent;
-    while (current && current.kind !== "root") {
-        depth++;
-        current = current.parent;
-    }
-    return depth;
+  let depth = 0;
+  let current = node.parent;
+  while (current && current.kind !== "root") {
+    depth++;
+    current = current.parent;
+  }
+  return depth;
 }

package/dist/row-data-source-server/utils/get-node-path.js

@@ -1,9 +1,9 @@
 export function getNodePath(c) {
-    const path = [];
-    let current = c;
-    while (current.kind !== "root") {
-        path.unshift(current.path);
-        current = current.parent;
-    }
-    return path;
+  const path = [];
+  let current = c;
+  while (current.kind !== "root") {
+    path.unshift(current.path);
+    current = current.parent;
+  }
+  return path;
 }

package/dist/row-data-source-server/utils/get-request-id.js

@@ -1,6 +1,5 @@
 export function getRequestId(path, start, end) {
-    if (path.length === 0)
-        return `__ROOT__/${start}-${end}`;
-    const key = path.map((s) => (s == null ? `__null__` : s)).join("/") + `${start}-${end}`;
-    return key;
+  if (path.length === 0) return `__ROOT__/${start}-${end}`;
+  const key = path.map((s) => (s == null ? `__null__` : s)).join("/") + `${start}-${end}`;
+  return key;
 }

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

@@ -1,6 +1,6 @@
 export interface RowMetaData {
-    readonly selected: boolean;
-    readonly indeterminate: boolean;
+  readonly selected: boolean;
+  readonly indeterminate: boolean;
 }
 export declare const RowContext: import("react").Context<RowMetaData>;
 export declare const useRowMeta: () => RowMetaData;

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

@@ -1,7 +1,20 @@
 import type { RowNormalRowLayout } from "../../+types";
 import { type DropWrapProps } from "@1771technologies/lytenyte-shared";
 export interface RowProps extends Omit<DropWrapProps, "accepted"> {
-    readonly row: RowNormalRowLayout<any>;
-    readonly accepted?: string[];
+  readonly row: RowNormalRowLayout<any>;
+  readonly accepted?: string[];
 }
-export declare const Row: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onDrag"> & RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Row: import("react").ForwardRefExoticComponent<
+  Omit<
+    Omit<
+      import("react").DetailedHTMLProps<
+        import("react").HTMLAttributes<HTMLDivElement>,
+        HTMLDivElement
+      >,
+      "onDrag"
+    > &
+      RowProps,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;

package/dist/rows/row/row.js

@@ -8,9 +8,24 @@ import { useRowContextValue } from "./use-row-context-value";
 import { RowContext } from "./context";
 const empty = [];
 const RowImpl = forwardRef(function Rows({ row, ...props }, forwarded) {
-    const ctx = useGridRoot().grid;
-    const rowMeta = useRowContextValue(ctx, row.row);
-    const accepted = props.accepted ?? empty;
-    return (_jsx(RowContext.Provider, { value: rowMeta, children: _jsxs(RowReact, { ...props, ref: forwarded, accepted: accepted, gridId: ctx.state.gridId.useValue(), rowIndex: row.rowIndex, rowFirstPinBottom: row.rowFirstPinBottom, rowLastPinTop: row.rowLastPinTop, rowIsFocusRow: row.rowIsFocusRow ?? false, yPositions: ctx.state.yPositions.useValue(), "data-ln-row-selected": rowMeta.selected, children: [props.children, _jsx(RowDetailRow, { layout: row })] }) }));
+  const ctx = useGridRoot().grid;
+  const rowMeta = useRowContextValue(ctx, row.row);
+  const accepted = props.accepted ?? empty;
+  return _jsx(RowContext.Provider, {
+    value: rowMeta,
+    children: _jsxs(RowReact, {
+      ...props,
+      ref: forwarded,
+      accepted: accepted,
+      gridId: ctx.state.gridId.useValue(),
+      rowIndex: row.rowIndex,
+      rowFirstPinBottom: row.rowFirstPinBottom,
+      rowLastPinTop: row.rowLastPinTop,
+      rowIsFocusRow: row.rowIsFocusRow ?? false,
+      yPositions: ctx.state.yPositions.useValue(),
+      "data-ln-row-selected": rowMeta.selected,
+      children: [props.children, _jsx(RowDetailRow, { layout: row })],
+    }),
+  });
 });
 export const Row = fastDeepMemo(RowImpl);

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

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

package/dist/rows/row/use-row-context-value.js

@@ -1,29 +1,26 @@
 import { useEffect, useMemo, useState } from "react";
 export function useRowContextValue(grid, row) {
-    const r = row.useValue();
-    const [indeterminate, setIndeterminate] = useState(false);
-    const [selected, setSelected] = useState(false);
-    useEffect(() => {
-        function handleSelection() {
-            if (!r)
-                return;
-            const selectedIds = grid.state.rowSelectedIds.get();
-            if (selectedIds.has(r.id))
-                setSelected(true);
-            else
-                setSelected(false);
-            if (r.kind === "branch") {
-                const childIds = grid.state.rowDataSource.get().rowAllChildIds(r.id);
-                setIndeterminate(childIds.some((c) => selectedIds.has(c)) && childIds.some((c) => !selectedIds.has(c)));
-            }
-            else
-                setIndeterminate(false);
-        }
-        handleSelection();
-        return grid.state.rowSelectedIds.watch(() => handleSelection());
-    }, [grid.state.rowDataSource, grid.state.rowSelectedIds, r]);
-    const value = useMemo(() => {
-        return { selected, indeterminate };
-    }, [indeterminate, selected]);
-    return value;
+  const r = row.useValue();
+  const [indeterminate, setIndeterminate] = useState(false);
+  const [selected, setSelected] = useState(false);
+  useEffect(() => {
+    function handleSelection() {
+      if (!r) return;
+      const selectedIds = grid.state.rowSelectedIds.get();
+      if (selectedIds.has(r.id)) setSelected(true);
+      else setSelected(false);
+      if (r.kind === "branch") {
+        const childIds = grid.state.rowDataSource.get().rowAllChildIds(r.id);
+        setIndeterminate(
+          childIds.some((c) => selectedIds.has(c)) && childIds.some((c) => !selectedIds.has(c)),
+        );
+      } else setIndeterminate(false);
+    }
+    handleSelection();
+    return grid.state.rowSelectedIds.watch(() => handleSelection());
+  }, [grid.state.rowDataSource, grid.state.rowSelectedIds, r]);
+  const value = useMemo(() => {
+    return { selected, indeterminate };
+  }, [indeterminate, selected]);
+  return value;
 }

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

@@ -1,4 +1,6 @@
 import type { RowFullWidthRowLayout, RowNormalRowLayout } from "../+types";
-export declare function RowDetailRow<T>({ layout, }: {
-    layout: RowNormalRowLayout<T> | RowFullWidthRowLayout<T>;
+export declare function RowDetailRow<T>({
+  layout,
+}: {
+  layout: RowNormalRowLayout<T> | RowFullWidthRowLayout<T>;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,131 +1,154 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getNearestRow, getRowIndexFromEl, sizeFromCoord, VIEWPORT_WIDTH_VARIABLE_USE, } from "@1771technologies/lytenyte-shared";
+import {
+  getNearestRow,
+  getRowIndexFromEl,
+  sizeFromCoord,
+  VIEWPORT_WIDTH_VARIABLE_USE,
+} from "@1771technologies/lytenyte-shared";
 import { useGridRoot } from "../context";
 import { useEffect, useState } from "react";
 import { getTabbables, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
-export function RowDetailRow({ layout, }) {
-    const cx = useGridRoot();
-    const row = layout.row.useValue();
-    if (!row || !cx.grid.api.rowDetailIsExpanded(row))
-        return null;
-    return _jsx(RowDetailImpl, { row: row, rowIndex: layout.rowIndex });
+export function RowDetailRow({ layout }) {
+  const cx = useGridRoot();
+  const row = layout.row.useValue();
+  if (!row || !cx.grid.api.rowDetailIsExpanded(row)) return null;
+  return _jsx(RowDetailImpl, { row: row, rowIndex: layout.rowIndex });
 }
 function RowDetailImpl({ row, rowIndex }) {
-    const cx = useGridRoot();
-    const rtl = cx.grid.state.rtl.useValue();
-    const height = cx.grid.api.rowDetailRenderedHeight(row);
-    const rowHeight = sizeFromCoord(rowIndex, cx.grid.state.yPositions.get()) - height;
-    const Renderer = cx.grid.state.rowDetailRenderer.useValue().fn;
-    const [ref, setRef] = useState(null);
-    useEffect(() => {
-        const parent = ref?.parentElement;
-        const first = ref?.firstElementChild;
-        if (!parent || !first)
-            return;
-        const controller = new AbortController();
-        let focusTime = false;
-        const vp = cx.grid.state.viewport.get();
-        vp?.addEventListener("keydown", () => {
-            focusTime = true;
-            setTimeout(() => {
-                focusTime = false;
-            }, 20);
-        }, { capture: true, signal: controller.signal });
-        parent.addEventListener("focusin", (e) => {
-            if (focusTime && e.relatedTarget && isHTMLElement(e.relatedTarget)) {
-                const row = getNearestRow(e.relatedTarget);
-                const gridId = cx.grid.state.gridId.get();
-                if (gridId !== row?.getAttribute("data-ln-gridid"))
-                    return;
-                const prevIndex = getRowIndexFromEl(row);
-                if (prevIndex - 1 === rowIndex) {
-                    first.focus();
-                }
-            }
-        }, { signal: controller.signal });
-        parent.addEventListener("keydown", (e) => {
-            if (e.key === "ArrowDown" && document.activeElement !== first) {
-                e.stopPropagation();
-                e.preventDefault();
-                first.focus();
-            }
-        }, { signal: controller.signal });
-        first.addEventListener("keydown", (e) => {
-            const next = rtl ? "ArrowLeft" : "ArrowRight";
-            const prev = rtl ? "ArrowRight" : "ArrowLeft";
-            if (e.key === "Escape") {
-                first.focus();
-                return;
-            }
-            if (e.key === "ArrowUp") {
-                e.stopPropagation();
-                e.preventDefault();
-                cx.grid.api.focusCell({
-                    row: rowIndex,
-                    column: cx.grid.internal.focusActive.get()?.colIndex ?? 0,
-                });
-            }
-            if (e.key === next) {
-                e.preventDefault();
-                e.stopPropagation();
-                const focusables = getTabbables(first);
-                const index = focusables.indexOf(document.activeElement);
-                if (index === -1)
-                    focusables.at(0)?.focus();
-                else
-                    focusables.at(index + 1)?.focus();
-            }
-            if (e.key === prev) {
-                e.preventDefault();
-                e.stopPropagation();
-                const focusables = getTabbables(first);
-                const index = focusables.indexOf(document.activeElement);
-                if (index === -1)
-                    focusables.at(-1)?.focus();
-                else
-                    focusables[index - 1]?.focus();
-            }
-        }, { signal: controller.signal });
-        return () => {
-            controller.abort();
-        };
-    }, [
-        cx.grid.api,
-        cx.grid.internal.focusActive,
-        cx.grid.internal.focusPrevRowIndex,
-        cx.grid.state.gridId,
-        cx.grid.state.rtl,
-        cx.grid.state.viewport,
-        ref,
-        rowIndex,
-        rtl,
-    ]);
-    useEffect(() => {
-        const first = ref?.firstElementChild;
-        if (!first)
-            return;
-        const obs = new ResizeObserver(() => {
-            cx.grid.internal.rowDetailAutoHeightCache.set((prev) => ({
-                ...prev,
-                [rowIndex]: first.offsetHeight,
-            }));
-        });
-        obs.observe(first);
-        return () => obs.disconnect();
-    }, [cx.grid.internal.rowDetailAutoHeightCache, ref?.firstElementChild, rowIndex]);
-    const isAuto = cx.grid.state.rowDetailHeight.useValue() === "auto";
-    return (_jsx("div", { ref: setRef, role: "gridcell", style: {
-            gridColumnStart: "1",
-            gridColumnEnd: "2",
-            gridRowStart: "1",
-            gridRowEnd: "2",
-            marginTop: rowHeight,
-            pointerEvents: "all",
-        }, children: _jsx("div", { tabIndex: -1, "data-ln-row-detail": true, style: {
-                position: "sticky",
-                right: rtl ? "0px" : undefined,
-                left: rtl ? undefined : "0px",
-                width: VIEWPORT_WIDTH_VARIABLE_USE,
-                height: isAuto ? "auto" : height,
-            }, children: _jsx(Renderer, { grid: cx.grid, row: row, rowIndex: rowIndex }) }) }));
+  const cx = useGridRoot();
+  const rtl = cx.grid.state.rtl.useValue();
+  const height = cx.grid.api.rowDetailRenderedHeight(row);
+  const rowHeight = sizeFromCoord(rowIndex, cx.grid.state.yPositions.get()) - height;
+  const Renderer = cx.grid.state.rowDetailRenderer.useValue().fn;
+  const [ref, setRef] = useState(null);
+  useEffect(() => {
+    const parent = ref?.parentElement;
+    const first = ref?.firstElementChild;
+    if (!parent || !first) return;
+    const controller = new AbortController();
+    let focusTime = false;
+    const vp = cx.grid.state.viewport.get();
+    vp?.addEventListener(
+      "keydown",
+      () => {
+        focusTime = true;
+        setTimeout(() => {
+          focusTime = false;
+        }, 20);
+      },
+      { capture: true, signal: controller.signal },
+    );
+    parent.addEventListener(
+      "focusin",
+      (e) => {
+        if (focusTime && e.relatedTarget && isHTMLElement(e.relatedTarget)) {
+          const row = getNearestRow(e.relatedTarget);
+          const gridId = cx.grid.state.gridId.get();
+          if (gridId !== row?.getAttribute("data-ln-gridid")) return;
+          const prevIndex = getRowIndexFromEl(row);
+          if (prevIndex - 1 === rowIndex) {
+            first.focus();
+          }
+        }
+      },
+      { signal: controller.signal },
+    );
+    parent.addEventListener(
+      "keydown",
+      (e) => {
+        if (e.key === "ArrowDown" && document.activeElement !== first) {
+          e.stopPropagation();
+          e.preventDefault();
+          first.focus();
+        }
+      },
+      { signal: controller.signal },
+    );
+    first.addEventListener(
+      "keydown",
+      (e) => {
+        const next = rtl ? "ArrowLeft" : "ArrowRight";
+        const prev = rtl ? "ArrowRight" : "ArrowLeft";
+        if (e.key === "Escape") {
+          first.focus();
+          return;
+        }
+        if (e.key === "ArrowUp") {
+          e.stopPropagation();
+          e.preventDefault();
+          cx.grid.api.focusCell({
+            row: rowIndex,
+            column: cx.grid.internal.focusActive.get()?.colIndex ?? 0,
+          });
+        }
+        if (e.key === next) {
+          e.preventDefault();
+          e.stopPropagation();
+          const focusables = getTabbables(first);
+          const index = focusables.indexOf(document.activeElement);
+          if (index === -1) focusables.at(0)?.focus();
+          else focusables.at(index + 1)?.focus();
+        }
+        if (e.key === prev) {
+          e.preventDefault();
+          e.stopPropagation();
+          const focusables = getTabbables(first);
+          const index = focusables.indexOf(document.activeElement);
+          if (index === -1) focusables.at(-1)?.focus();
+          else focusables[index - 1]?.focus();
+        }
+      },
+      { signal: controller.signal },
+    );
+    return () => {
+      controller.abort();
+    };
+  }, [
+    cx.grid.api,
+    cx.grid.internal.focusActive,
+    cx.grid.internal.focusPrevRowIndex,
+    cx.grid.state.gridId,
+    cx.grid.state.rtl,
+    cx.grid.state.viewport,
+    ref,
+    rowIndex,
+    rtl,
+  ]);
+  useEffect(() => {
+    const first = ref?.firstElementChild;
+    if (!first) return;
+    const obs = new ResizeObserver(() => {
+      cx.grid.internal.rowDetailAutoHeightCache.set((prev) => ({
+        ...prev,
+        [rowIndex]: first.offsetHeight,
+      }));
+    });
+    obs.observe(first);
+    return () => obs.disconnect();
+  }, [cx.grid.internal.rowDetailAutoHeightCache, ref?.firstElementChild, rowIndex]);
+  const isAuto = cx.grid.state.rowDetailHeight.useValue() === "auto";
+  return _jsx("div", {
+    ref: setRef,
+    role: "gridcell",
+    style: {
+      gridColumnStart: "1",
+      gridColumnEnd: "2",
+      gridRowStart: "1",
+      gridRowEnd: "2",
+      marginTop: rowHeight,
+      pointerEvents: "all",
+    },
+    children: _jsx("div", {
+      tabIndex: -1,
+      "data-ln-row-detail": true,
+      style: {
+        position: "sticky",
+        right: rtl ? "0px" : undefined,
+        left: rtl ? undefined : "0px",
+        width: VIEWPORT_WIDTH_VARIABLE_USE,
+        height: isAuto ? "auto" : height,
+      },
+      children: _jsx(Renderer, { grid: cx.grid, row: row, rowIndex: rowIndex }),
+    }),
+  });
 }

package/dist/rows/row-full-width.d.ts

@@ -1,8 +1,16 @@
 import type { RowFullWidthRowLayout } from "../+types";
 import { type DropWrapProps } from "@1771technologies/lytenyte-shared";
 export interface RowFullWidthProps extends Omit<DropWrapProps, "accepted"> {
-    readonly row: RowFullWidthRowLayout<any>;
-    readonly space?: "viewport" | "scroll-width";
-    readonly accepted?: string[];
+  readonly row: RowFullWidthRowLayout<any>;
+  readonly space?: "viewport" | "scroll-width";
+  readonly accepted?: string[];
 }
-export declare const RowFullWidth: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & RowFullWidthProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RowFullWidth: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").ClassAttributes<HTMLDivElement> &
+      import("react").HTMLAttributes<HTMLDivElement> &
+      RowFullWidthProps,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;

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

@@ -6,12 +6,40 @@ import { RowFullWidthReact } from "@1771technologies/lytenyte-shared";
 import { RowDetailRow } from "./row-detail-row";
 import { useRowContextValue } from "./row/use-row-context-value";
 const empty = [];
-const RowFullWidthImpl = forwardRef(function RowFullWidth({ row: layout, space, children, ...props }, forwarded) {
-    const grid = useGridRoot().grid;
-    const Renderer = grid.state.rowFullWidthRenderer.useValue().fn;
-    const row = layout.row.useValue();
-    const meta = useRowContextValue(grid, layout.row);
-    return (_jsx(RowFullWidthReact, { ...props, ref: forwarded, accepted: props.accepted ?? empty, detail: _jsx(RowDetailRow, { layout: layout }), detailHeight: grid.api.rowDetailRenderedHeight(row ?? ""), gridId: grid.state.gridId.useValue(), rtl: grid.state.rtl.useValue(), rowFirstPinBottom: layout.rowFirstPinBottom, rowLastPinTop: layout.rowLastPinTop, rowIndex: layout.rowIndex, rowIsFocusRow: layout.rowIsFocusRow ?? false, yPositions: grid.state.yPositions.useValue(), space: space, "data-ln-row-selected": meta.selected, children: children ??
-            (row ? (_jsx(Renderer, { grid: grid, row: row, rowIndex: layout.rowIndex, rowSelected: meta.selected, rowIndeterminate: meta.indeterminate })) : null) }));
+const RowFullWidthImpl = forwardRef(function RowFullWidth(
+  { row: layout, space, children, ...props },
+  forwarded,
+) {
+  const grid = useGridRoot().grid;
+  const Renderer = grid.state.rowFullWidthRenderer.useValue().fn;
+  const row = layout.row.useValue();
+  const meta = useRowContextValue(grid, layout.row);
+  return _jsx(RowFullWidthReact, {
+    ...props,
+    ref: forwarded,
+    accepted: props.accepted ?? empty,
+    detail: _jsx(RowDetailRow, { layout: layout }),
+    detailHeight: grid.api.rowDetailRenderedHeight(row ?? ""),
+    gridId: grid.state.gridId.useValue(),
+    rtl: grid.state.rtl.useValue(),
+    rowFirstPinBottom: layout.rowFirstPinBottom,
+    rowLastPinTop: layout.rowLastPinTop,
+    rowIndex: layout.rowIndex,
+    rowIsFocusRow: layout.rowIsFocusRow ?? false,
+    yPositions: grid.state.yPositions.useValue(),
+    space: space,
+    "data-ln-row-selected": meta.selected,
+    children:
+      children ??
+      (row
+        ? _jsx(Renderer, {
+            grid: grid,
+            row: row,
+            rowIndex: layout.rowIndex,
+            rowSelected: meta.selected,
+            rowIndeterminate: meta.indeterminate,
+          })
+        : null),
+  });
 });
 export const RowFullWidth = fastDeepMemo(RowFullWidthImpl);

package/dist/rows/rows-container.d.ts

@@ -1 +1,10 @@
-export declare const RowsContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RowsContainer: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").DetailedHTMLProps<
+      import("react").HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;

package/dist/rows/rows-container.js

@@ -3,7 +3,16 @@ import { forwardRef } from "react";
 import { useGridRoot } from "../context";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
 import { RowsContainerReact } from "@1771technologies/lytenyte-shared";
-export const RowsContainer = fastDeepMemo(forwardRef(function Rows(props, forwarded) {
+export const RowsContainer = fastDeepMemo(
+  forwardRef(function Rows(props, forwarded) {
     const ctx = useGridRoot().grid;
-    return (_jsx(RowsContainerReact, { ...props, ref: forwarded, height: ctx.state.heightTotal.useValue(), width: ctx.state.widthTotal.useValue(), viewportHeight: ctx.state.viewportHeightInner.useValue(), viewportWidth: ctx.state.viewportWidthInner.useValue() }));
-}));
+    return _jsx(RowsContainerReact, {
+      ...props,
+      ref: forwarded,
+      height: ctx.state.heightTotal.useValue(),
+      width: ctx.state.widthTotal.useValue(),
+      viewportHeight: ctx.state.viewportHeightInner.useValue(),
+      viewportWidth: ctx.state.viewportWidthInner.useValue(),
+    });
+  }),
+);

package/dist/rows/rows-sections.d.ts

@@ -1,3 +1,30 @@
-export declare const RowsTop: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const RowsCenter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const RowsBottom: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RowsTop: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").DetailedHTMLProps<
+      import("react").HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;
+export declare const RowsCenter: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").DetailedHTMLProps<
+      import("react").HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;
+export declare const RowsBottom: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").DetailedHTMLProps<
+      import("react").HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;