@1771technologies/lytenyte-pro 1.0.0-beta.12 → 1.0.0-beta.14

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,5 +1,6 @@
 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,20 +1,7 @@
 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,24 +8,9 @@ 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,9 +1,6 @@
 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,26 +1,29 @@
 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,6 +1,4 @@
 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,154 +1,131 @@
 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,16 +1,8 @@
 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,40 +6,12 @@ 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,10 +1 @@
-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,16 +3,7 @@ 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,30 +1,3 @@
-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>>;