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

package/dist/types/types.d.ts

@@ -1,13 +1,8 @@
-import { AsyncDataBlock, AsyncDataBlockPinned, AsyncDataRequestBlock, AsyncDataResponse, ColumnInFilterItemFetcher, ColumnInFilterItemFetcherParams, ColumnPivotsFetcher, ColumnPivotsFetcherParams, DataFetcher, DataFetcherParams } from '@1771technologies/grid-server-data-source';
-import { ReactNode } from 'react';
-export type * from '@1771technologies/grid-types/pro-react';
-export type AsyncDataBlockProReact = AsyncDataBlock;
-export type AsyncDataBlockPinnedProReact = AsyncDataBlockPinned;
-export type AsyncDataRequestBlockProReact = AsyncDataRequestBlock;
-export type AsyncDataResponseProReact = AsyncDataResponse;
-export type ColumnInFilterItemFetcherProReact<D = any> = ColumnInFilterItemFetcher<D, ReactNode>;
-export type ColumnInFilterItemFetcherParamsProReact<D = any> = ColumnInFilterItemFetcherParams<D, ReactNode>;
-export type ColumnPivotsFetcherProReact<D = any> = ColumnPivotsFetcher<D, ReactNode>;
-export type ColumnPivotsFetcherParamsProReact<D = any> = ColumnPivotsFetcherParams<D, ReactNode>;
-export type DataFetcherProReact<D = any> = DataFetcher<D, ReactNode>;
-export type DataFetcherParamsPropReact<D = any> = DataFetcherParams<D, ReactNode>;
+export type * from "../+types";
+export type { CellProps } from "../cells/cell";
+export type { HeaderCellProps } from "../header/header-cell";
+export type { HeaderGroupCellProps } from "../header/header-group-cell";
+export type { HeaderRowProps } from "../header/header-row";
+export type { RootProps } from "../root/root";
+export type { RowFullWidthProps } from "../rows/row-full-width";
+export {};

package/dist/types/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/cycle-sorts.d.ts

@@ -0,0 +1,2 @@
+import type { Column, Grid } from "../+types";
+export declare function cycleSorts<T>(grid: Grid<T>, column: Column<T>): void;

package/dist/utils/cycle-sorts.js

@@ -0,0 +1,16 @@
+export function cycleSorts(grid, column) {
+    const current = grid.api.sortForColumn(column.id);
+    if (current) {
+        if (current.sort.isDescending)
+            grid.state.sortModel.set([]);
+        else
+            grid.state.sortModel.set([
+                { columnId: column.id, sort: { kind: "string" }, isDescending: true },
+            ]);
+    }
+    else {
+        grid.state.sortModel.set([
+            { columnId: column.id, sort: { kind: "string" }, isDescending: false },
+        ]);
+    }
+}

package/dist/viewport/begin-editing.d.ts

@@ -0,0 +1,5 @@
+import type { Grid } from "../+types";
+import type { InternalAtoms } from "../state/+types";
+export declare function beginEditing<T>(grid: Grid<T> & {
+    internal: InternalAtoms;
+}, activator?: "single" | "double-click", init?: any): void;

package/dist/viewport/begin-editing.js

@@ -0,0 +1,15 @@
+export function beginEditing(grid, activator, init) {
+    const focusPos = grid.internal.focusActive.get();
+    const editMode = grid.state.editCellMode.get();
+    const editActivator = grid.state.editClickActivator.get();
+    if (focusPos?.kind !== "cell" || editMode === "readonly")
+        return;
+    if (activator && editActivator !== activator)
+        return;
+    const column = grid.api.columnFromIndex(focusPos.colIndex);
+    if (!column)
+        return;
+    if (grid.api.editIsCellActive({ column, rowIndex: focusPos.rowIndex }))
+        return;
+    grid.api.editBegin({ column, rowIndex: focusPos.rowIndex, init });
+}

package/dist/viewport/viewport.d.ts

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

package/dist/viewport/viewport.js

@@ -0,0 +1,77 @@
+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 { handleNavigationKeys, handleSkipInner, useFocusTracking, } from "@1771technologies/lytenyte-shared";
+import { beginEditing } from "./begin-editing";
+export const Viewport = forwardRef(function Viewport({ children, style, ...props }, forwarded) {
+    const ctx = useGridRoot();
+    const ref = useCombinedRefs(ctx.ref, forwarded);
+    const vp = ctx.grid.state.viewport.useValue();
+    const width = ctx.grid.state.widthTotal.useValue();
+    const height = ctx.grid.state.heightTotal.useValue();
+    const rtl = ctx.grid.state.rtl.useValue();
+    const focused = useFocusTracking(vp, ctx.grid.internal.focusActive);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { tabIndex: 0, ...props, onKeyDown: (e) => {
+                    handleSkipInner(e);
+                    props.onKeyDown?.(e);
+                    if (e.defaultPrevented || e.shiftKey)
+                        return;
+                    const ds = ctx.grid.state.rowDataStore;
+                    handleNavigationKeys(e, {
+                        vp: ctx.grid.state.viewport.get(),
+                        rowCount: ds.rowCount.get(),
+                        topCount: ds.rowTopCount.get(),
+                        centerCount: ds.rowCenterCount.get(),
+                        columnCount: ctx.grid.state.columnMeta.get().columnsVisible.length,
+                        focusActive: ctx.grid.internal.focusActive,
+                        id: ctx.grid.state.gridId.get(),
+                        layout: ctx.grid.internal.layout.get(),
+                        rtl: ctx.grid.state.rtl.get(),
+                        scrollIntoView: ctx.grid.api.scrollIntoView,
+                    });
+                    if (e.key === "Enter" || e.key.length === 1) {
+                        // We use a timeout to avoid setting the value on clicks. This can happen when a user types
+                        // a non-printable key.
+                        setTimeout(() => {
+                            beginEditing(ctx.grid, undefined, e.key === "Enter" ? undefined : e.key);
+                        });
+                    }
+                    if (e.key === "Backspace" || e.key === "Delete") {
+                        const focusPos = ctx.grid.internal.focusActive.get();
+                        if (focusPos?.kind === "cell")
+                            ctx.grid.api.editUpdate({
+                                column: focusPos.colIndex,
+                                rowIndex: focusPos.rowIndex,
+                                value: null,
+                            });
+                    }
+                }, onClick: (e) => {
+                    props.onClick?.(e);
+                    if (e.defaultPrevented)
+                        return;
+                    beginEditing(ctx.grid, "single");
+                    if (ctx.grid.state.rowSelectionActivator.get() === "single-click")
+                        ctx.grid.api.rowHandleSelect(e);
+                }, onDoubleClick: (e) => {
+                    props.onDoubleClick?.(e);
+                    if (e.defaultPrevented)
+                        return;
+                    beginEditing(ctx.grid, "double-click");
+                    if (ctx.grid.state.rowSelectionActivator.get() === "double-click")
+                        ctx.grid.api.rowHandleSelect(e);
+                }, role: "grid", ref: ref, "data-ln-viewport": true, style: {
+                    ...style,
+                    position: "relative",
+                    display: "flex",
+                    flexDirection: "column",
+                    width: "100%",
+                    height: "100%",
+                    overflow: style?.overflow ?? "auto",
+                    direction: rtl ? "rtl" : "ltr",
+                }, children: [vp && children, !vp && _jsx("div", { style: { width, height } })] }), !focused && (_jsx("div", { role: "none", "data-ln-focus-capture": true, onFocusCapture: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    vp?.focus();
+                }, tabIndex: 0 }))] }));
+});

package/main.css

@@ -0,0 +1,315 @@
+:root,
+.light {
+  --lng1771-primary-05: rgba(18, 108, 255, 0.05);
+  --lng1771-primary-10: rgba(18, 108, 255, 0.1);
+  --lng1771-primary-30: rgba(18, 108, 255, 0.3);
+  --lng1771-primary-50: #126cff;
+  --lng1771-primary-70: #053f9e;
+  --lng1771-primary-90: #012259;
+
+  --lng1771-row-selected: #d6e4fe;
+  --lng1771-focus-outline: var(--lng1771-primary-50);
+  --lng1771-gradient-shadow: linear-gradient(90deg, var(--lng1771-gray-50), var(--lng1771-gray-50));
+
+  --lng1771-gray-00: #ffffff;
+  --lng1771-gray-02: #fafbfc;
+  --lng1771-gray-05: #f6f8fa;
+  --lng1771-gray-10: #f2f4f7;
+  --lng1771-gray-20: #e9edf1;
+  --lng1771-gray-30: #dadfe7;
+  --lng1771-gray-40: #c3c9d5;
+  --lng1771-gray-50: #949ba8;
+  --lng1771-gray-60: #787e8c;
+  --lng1771-gray-70: #5c6170;
+  --lng1771-gray-80: #2d2f39;
+  --lng1771-gray-90: #1e1e29;
+  --lng1771-gray-100: #15151e;
+
+  --lng1771-pill-plain-fill: var(--lng1771-gray-20);
+  --lng1771-pill-column-fill: #ffffff;
+  --lng1771-pill-column-stroke: rgba(1, 34, 89, 0.14);
+  --lng1771-pill-pivot-fill: #ece6f8;
+  --lng1771-pill-pivot-stroke: #c6b5eb;
+  --lng1771-pill-group-fill: #e6f8f2;
+  --lng1771-pill-group-stroke: #a8d4c4;
+  --lng1771-pill-icon-color: var(--lng1771-gray-50);
+}
+
+:root {
+  --lng1771-typeface:
+    "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+.dark {
+  color-scheme: dark;
+
+  --lng1771-primary-05: rgba(18, 108, 255, 0.05);
+  --lng1771-primary-10: rgba(49, 127, 255, 0.1);
+  --lng1771-primary-30: rgba(18, 108, 255, 0.3);
+  --lng1771-primary-50: #126cff;
+  --lng1771-primary-70: #004dcc;
+  --lng1771-primary-90: #00307d;
+
+  --lng1771-row-selected: #1c2b44;
+  --lng1771-focus-outline: var(--lng1771-primary-50);
+
+  --lng1771-gray-00: #151519;
+  --lng1771-gray-02: #121316;
+  --lng1771-gray-05: #1c1e21;
+  --lng1771-gray-10: #282a2e;
+  --lng1771-gray-20: #2f3137;
+  --lng1771-gray-30: #3f424a;
+  --lng1771-gray-40: #525660;
+  --lng1771-gray-50: #676c79;
+  --lng1771-gray-60: #62636a;
+  --lng1771-gray-70: #7a7b85;
+  --lng1771-gray-80: #9898a0;
+  --lng1771-gray-90: #e4e4e7;
+  --lng1771-gray-100: #e4e4e7;
+
+  --lng1771-pill-plain-fill: var(--lng1771-gray-20);
+  --lng1771-pill-column-fill: #182644;
+  --lng1771-pill-column-stroke: rgba(68, 109, 177, 0.58);
+  --lng1771-pill-pivot-fill: rgba(120, 57, 255, 0.18);
+  --lng1771-pill-pivot-stroke: rgba(136, 81, 255, 0.6);
+  --lng1771-pill-group-fill: rgba(0, 221, 147, 0.14);
+  --lng1771-pill-group-stroke: rgba(26, 255, 172, 0.35);
+  --lng1771-pill-icon-color: var(--lng1771-gray-50);
+}
+
+.lng1771-teal {
+  color-scheme: dark;
+  --lng1771-primary-05: rgba(3, 182, 161, 0.05);
+  --lng1771-primary-10: rgba(3, 182, 161, 0.05);
+  --lng1771-primary-30: rgba(3, 182, 161, 0.25);
+  --lng1771-primary-50: #03b6a1;
+  --lng1771-primary-70: #278177;
+  --lng1771-primary-90: #278177;
+
+  --lng1771-focus-outline: var(--lng1771-primary-50);
+  --lng1771-row-selected: #192b2d;
+
+  --lng1771-gray-00: #0e1317;
+  --lng1771-gray-02: #11161b;
+  --lng1771-gray-05: #161b21;
+  --lng1771-gray-10: #1b2128;
+  --lng1771-gray-20: #20262d;
+  --lng1771-gray-30: #2a323c;
+  --lng1771-gray-40: #303a41;
+  --lng1771-gray-50: #465056;
+  --lng1771-gray-60: #65727b;
+  --lng1771-gray-70: #818f98;
+  --lng1771-gray-80: #a8b2b8;
+  --lng1771-gray-90: #d7dbdd;
+  --lng1771-gray-100: #edeeef;
+
+  --lng1771-pill-plain-fill: var(--lng1771-gray-20);
+  --lng1771-pill-column-fill: #1b3237;
+  --lng1771-pill-column-stroke: rgba(0, 181, 181, 0.36);
+  --lng1771-pill-pivot-fill: rgba(120, 57, 255, 0.18);
+  --lng1771-pill-pivot-stroke: rgba(136, 81, 255, 0.6);
+  --lng1771-pill-group-fill: rgba(0, 221, 147, 0.14);
+  --lng1771-pill-group-stroke: rgba(26, 255, 172, 0.35);
+  --lng1771-pill-icon-color: var(--lng1771-gray-70);
+}
+
+.lng1771-term256 {
+  color-scheme: dark;
+  /* Grid theme */
+
+  --lng1771-typeface:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
+    monospace;
+  --lng1771-header-font-typeface: var(--lng1771-typeface);
+  --lng1771-cell-font-typeface: var(--lng1771-typeface);
+  --lng1771-menu-item-font-typeface: var(--lng1771-typeface);
+
+  --lng1771-primary-05: rgba(87, 255, 255, 0.07);
+  --lng1771-primary-10: rgba(87, 255, 255, 0.07);
+  --lng1771-primary-30: rgba(87, 255, 255, 0.3);
+  --lng1771-primary-50: #57ffff;
+  --lng1771-primary-70: #278081;
+  --lng1771-primary-90: #278081;
+
+  --lng1771-row-selected: #192b2d;
+  --lng1771-focus-outline: var(--lng1771-primary-50);
+
+  --lng1771-gray-00: #000000;
+  --lng1771-gray-02: #0f0f0f;
+  --lng1771-gray-05: #121212;
+  --lng1771-gray-10: #1c1c1c;
+  --lng1771-gray-20: #262626;
+  --lng1771-gray-30: #303030;
+  --lng1771-gray-40: #3a3a3a;
+  --lng1771-gray-50: #4e4e4e;
+  --lng1771-gray-60: #626262;
+  --lng1771-gray-70: #8a8a8a;
+  --lng1771-gray-80: #a8a8a8;
+  --lng1771-gray-90: #dadada;
+  --lng1771-gray-100: #eeeeee;
+
+  --lng1771-pill-plain-fill: var(--lng1771-gray-20);
+  --lng1771-pill-column-fill: #182a2a;
+  --lng1771-pill-column-stroke: rgba(0, 181, 181, 0.266);
+  --lng1771-pill-pivot-fill: rgba(120, 57, 255, 0.18);
+  --lng1771-pill-pivot-stroke: rgba(136, 81, 255, 0.6);
+  --lng1771-pill-group-fill: rgba(0, 221, 147, 0.14);
+  --lng1771-pill-group-stroke: rgba(26, 255, 172, 0.35);
+  --lng1771-pill-icon-color: var(--lng1771-gray-60);
+}
+
+.lng-grid {
+  [data-ln-cell="true"] {
+    border-bottom: 1px solid var(--lng1771-gray-20);
+    border-right: 1px solid transparent;
+
+    color: var(--lng1771-gray-80);
+    font-size: 14px;
+    font-weight: 400;
+    font-family: var(--lng1771-typeface);
+
+    user-select: none;
+
+    background-color: var(--lng1771-gray-00);
+
+    &[data-ln-last-start-pin="true"] {
+      position: relative;
+      &::before {
+        position: absolute;
+        content: "";
+        top: 0px;
+        inset-inline-end: 0px;
+        width: 1px;
+        height: 100%;
+        background-color: var(--lng1771-gray-50);
+      }
+    }
+    &[data-ln-first-end-pin="true"] {
+      position: relative;
+      &::before {
+        position: absolute;
+        content: "";
+        top: 0px;
+        inset-inline-start: 0px;
+        width: 1px;
+        height: 100%;
+        background-color: var(--lng1771-gray-50);
+      }
+    }
+  }
+
+  [data-ln-alternate="true"] [data-ln-cell="true"] {
+    background-color: var(--lng1771-gray-02);
+  }
+  [data-ln-row-selected="true"] [data-ln-cell="true"] {
+    background-color: var(--lng1771-row-selected);
+  }
+
+  [data-ln-row="true"]:hover [data-ln-cell="true"] {
+    background-color: var(--lng1771-gray-10);
+  }
+  [data-ln-row-selected="true"][data-ln-row="true"]:hover [data-ln-cell="true"] {
+    background-color: var(--lng1771-primary-30);
+  }
+  [data-ln-rowtype="full-width"][data-ln-row="true"] > div:hover {
+    background-color: var(--lng1771-gray-10);
+  }
+  [data-ln-row-selected="true"][data-ln-rowtype="full-width"][data-ln-row="true"] > div:hover {
+    background-color: var(--lng1771-primary-30);
+  }
+
+  [data-ln-rows-top="true"] {
+    position: relative;
+    &::after {
+      position: absolute;
+      content: "";
+      bottom: 0px;
+      inset-inline-start: 0px;
+      width: 100%;
+      height: 1px;
+      background-color: var(--lng1771-gray-50);
+    }
+  }
+
+  [data-ln-rows-bottom="true"] {
+    position: relative;
+    &::after {
+      position: absolute;
+      content: "";
+      top: 0px;
+      inset-inline-start: 0px;
+      width: 100%;
+      height: 1px;
+      background-color: var(--lng1771-gray-50);
+    }
+  }
+
+  [data-ln-row="true"][data-ln-rowtype="full-width"] {
+    background-color: var(--lng1771-gray-00);
+    border-bottom: 1px solid var(--lng1771-gray-20);
+
+    &[data-ln-row-selected="true"] {
+      background-color: var(--lng1771-row-selected);
+    }
+  }
+
+  [data-ln-header-cell="true"],
+  [data-ln-header-group="true"] {
+    user-select: none;
+    color: var(--lng1771-gray-80);
+    background-color: var(--lng1771-gray-00);
+    border-bottom: 1px solid var(--lng1771-gray-20);
+    font-family: var(--lng1771-typeface);
+
+    position: relative;
+    &::after {
+      position: absolute;
+      content: "";
+      top: 4px;
+      inset-inline-end: 0px;
+      width: 1px;
+      height: calc(100% - 8px);
+      background-color: var(--lng1771-gray-20);
+    }
+    &[data-ln-pin="end"]::after {
+      inset-inline-end: unset;
+      inset-inline-start: 0px;
+    }
+
+    &[data-ln-last-start-pin]::after {
+      inset-inline-end: 1px;
+      background-color: var(--lng1771-gray-50);
+    }
+    &[data-ln-first-end-pin]::after {
+      background-color: var(--lng1771-gray-50);
+    }
+  }
+
+  [data-ln-header-group="true"] {
+    color: var(--lng1771-gray-60);
+    font-size: 14px;
+    font-weight: 600;
+  }
+
+  [data-ln-header-resizer="true"] {
+    background-color: transparent;
+    transition: background-color 200ms ease-in-out;
+    cursor: col-resize;
+    &:hover {
+      background-color: var(--lng1771-primary-50);
+    }
+  }
+  [data-ln-row-detail="true"] {
+    background-color: var(--lng1771-gray-05);
+  }
+
+  [data-ln-row="true"][data-ln-can-drop="true"] {
+    &[data-ln-over-top-half="true"] {
+      border-top: 1px solid var(--lng1771-primary-50);
+    }
+    &[data-ln-over-top-half="false"] [data-ln-cell="true"] {
+      border-bottom: 1px solid var(--lng1771-primary-50);
+    }
+  }
+}

package/package.json

@@ -1,105 +1,57 @@
 {
   "name": "@1771technologies/lytenyte-pro",
-  "version": "0.9.4",
-  "license": "COMMERCIAL",
+  "description": "Blazingly fast headless React data grid with 100s of features.",
+  "version": "1.0.0-beta.0",
   "type": "module",
+  "license": "COMMERCIAL",
   "files": [
     "dist",
+    "main.css",
     "LICENSE",
     "README.md"
   ],
+  "keywords": [
+    "react",
+    "data-grid",
+    "react-table",
+    "headless",
+    "virtualized"
+  ],
   "homepage": "https://1771technologies.com",
   "repository": {
     "type": "git",
-    "url": "https://github.com/1771-technologies/lytenyte.git"
+    "url": "https://github.com/1771-technologies/lytenyte.git",
+    "directory": "packages/commercial-lytenyte-pro"
   },
   "bugs": {
     "url": "https://github.com/1771-technologies/lytenyte/issues"
   },
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
     "./types": {
-      "types": "./dist/types/types.d.ts",
-      "import": "./dist/types.js",
-      "require": "./dist/types.js"
-    },
-    "./icons": {
-      "types": "./dist/types/icons.d.ts",
-      "import": "./dist/icons.js",
-      "require": "./dist/icons.js"
-    },
-    "./grid-container": {
-      "types": "./dist/types/grid-container/grid-container.d.ts",
-      "import": "./dist/grid-container.js",
-      "require": "./dist/grid-container.js"
-    },
-    "./menu": {
-      "types": "./dist/types/menu/menu.d.ts",
-      "import": "./dist/menu.js",
-      "require": "./dist/menu.js"
-    },
-    "./column-manager": {
-      "types": "./dist/types/column-manager/column-manager.d.ts",
-      "import": "./dist/column-manager.js",
-      "require": "./dist/column-manager.js"
-    },
-    "./pill-manager": {
-      "types": "./dist/types/pill-manager/pill-manager.d.ts",
-      "import": "./dist/pill-manager.js",
-      "require": "./dist/pill-manager.js"
-    },
-    "./sort-manager": {
-      "types": "./dist/types/sort-manager/sort-manager.d.ts",
-      "import": "./dist/sort-manager.js",
-      "require": "./dist/sort-manager.js"
-    },
-    "./dialog": {
-      "types": "./dist/types/dialog/dialog.d.ts",
-      "import": "./dist/dialog.js",
-      "require": "./dist/dialog.js"
-    },
-    "./popover": {
-      "types": "./dist/types/popover/popover.d.ts",
-      "import": "./dist/popover.js",
-      "require": "./dist/popover.js"
-    },
-    "./filters": {
-      "types": "./dist/types/filter-manager/filter-manager.d.ts",
-      "import": "./dist/filter-manager.js",
-      "require": "./dist/filter-manager.js"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js",
+      "require": "./dist/types/index.js"
     },
-    "./grid.css": "./dist/lytenyte-pro.css"
+    "./grid.css": "./main.css"
   },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
-    "@1771technologies/grid-client-data-source-pro": "0.9.4",
-    "@1771technologies/grid-server-data-source": "0.9.4",
-    "@1771technologies/grid-core": "0.9.4",
-    "@1771technologies/grid-design": "0.9.4",
-    "@1771technologies/grid-provider": "0.9.4",
-    "@1771technologies/grid-store-pro": "0.9.4",
-    "@1771technologies/grid-tree-data-source": "0.9.4",
-    "@1771technologies/grid-types": "0.9.4",
-    "@1771technologies/js-utils": "0.9.4",
-    "@1771technologies/lytenyte-core": "0.9.4",
-    "@1771technologies/react-cascada": "0.9.4",
-    "@1771technologies/react-dragon": "0.9.4",
-    "@1771technologies/react-sizer": "0.9.4",
-    "@1771technologies/react-split-pane": "0.9.4",
-    "@1771technologies/react-utils": "0.9.4",
-    "@base-ui-components/react": "1.0.0-alpha.7"
-  },
-  "devDependencies": {
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.2",
-    "alasql": "^4.6.6"
+    "@1771technologies/atom": "^1.0.2",
+    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.0",
+    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.0",
+    "@1771technologies/lytenyte-dragon": "1.0.0-beta.0",
+    "@1771technologies/lytenyte-shared": "1.0.0-beta.0",
+    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.0"
   },
-  "access": "public"
-}
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  }
+}