@dxos/plugin-sheet 0.7.5-main.9d26e3a → 0.7.5-main.b19bfc8

package/dist/lib/node-esm/{chunk-L5PQHVTX.mjs → chunk-ZM7XLUGL.mjs}

@@ -1,4 +1,8 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  rangeExtension,
+  sheetExtension
+} from "./chunk-PTOI45NK.mjs";
 import {
   DEFAULT_COLS,
   DEFAULT_ROWS,
@@ -7,10 +11,10 @@ import {
   cellClassNameForRange,
   rangeFromIndex,
   useSheetModel
-} from "./chunk-NYYIDVR7.mjs";
+} from "./chunk-HPAMZ6SP.mjs";
 import {
   SHEET_PLUGIN
-} from "./chunk-BM2Q3FFC.mjs";
+} from "./chunk-RTZXXOS2.mjs";
 
 // packages/plugins/plugin-sheet/src/components/ComputeGraph/ComputeGraphContextProvider.tsx
 import React, { createContext, useContext } from "react";
@@ -39,334 +43,8 @@ var useComputeGraph = (space) => {
   return graph;
 };
 
-// packages/plugins/plugin-sheet/src/extensions/compute.ts
-import { syntaxTree } from "@codemirror/language";
-import { RangeSetBuilder, StateEffect, StateField } from "@codemirror/state";
-import { Decoration, EditorView, ViewPlugin, WidgetType } from "@codemirror/view";
-import { debounce } from "@dxos/async";
-import { createSheetName } from "@dxos/compute";
-import { invariant } from "@dxos/invariant";
-import { documentId, singleValueFacet } from "@dxos/react-ui-editor";
-var updateAllDecorations = StateEffect.define();
-var computeGraphFacet = singleValueFacet();
-
-// packages/plugins/plugin-sheet/src/extensions/editor/extension.ts
-import { acceptCompletion, autocompletion, completionStatus, startCompletion } from "@codemirror/autocomplete";
-import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
-import { ViewPlugin as ViewPlugin2, keymap } from "@codemirror/view";
-import { tags } from "@lezer/highlight";
-import { spreadsheet } from "codemirror-lang-spreadsheet";
-import { RANGE_NOTATION } from "@dxos/compute";
-import { singleValueFacet as singleValueFacet2 } from "@dxos/react-ui-editor";
-import { mx } from "@dxos/react-ui-theme";
-var highlightStyles = HighlightStyle.define([
-  // Function.
-  {
-    tag: tags.name,
-    class: "text-accentText"
-  },
-  // Range.
-  {
-    tag: tags.tagName,
-    class: "text-pinkText"
-  },
-  // Values.
-  {
-    tag: tags.number,
-    class: "text-tealText"
-  },
-  {
-    tag: tags.bool,
-    class: "text-tealText"
-  },
-  {
-    tag: tags.string,
-    class: "text-tealText"
-  },
-  // Error.
-  {
-    tag: tags.invalid,
-    class: "text-unAccent"
-  }
-]);
-var languageFacet = singleValueFacet2();
-var sheetExtension = ({ debug, functions = [] }) => {
-  const { extension, language } = spreadsheet({
-    idiom: "en-US",
-    decimalSeparator: "."
-  });
-  const createCompletion = (name) => {
-    const { section = "Custom", description, syntax } = functions.find((value) => value.name === name) ?? {};
-    return {
-      section,
-      label: name,
-      info: () => {
-        if (!description && !syntax) {
-          return null;
-        }
-        const root = document.createElement("div");
-        root.className = "flex flex-col gap-2 text-sm";
-        const title = document.createElement("h2");
-        title.innerText = name;
-        title.className = "text-lg font-mono text-accentText";
-        root.appendChild(title);
-        if (description) {
-          const info = document.createElement("p");
-          info.innerText = description;
-          info.className = "text-subdued";
-          root.appendChild(info);
-        }
-        if (syntax) {
-          const detail = document.createElement("pre");
-          detail.innerText = syntax;
-          detail.className = "whitespace-pre-wrap text-greenText";
-          root.appendChild(detail);
-        }
-        return root;
-      },
-      apply: (view, completion, from, to) => {
-        const insertParens = to === view.state.doc.toString().length;
-        view.dispatch(view.state.update({
-          changes: {
-            from,
-            to,
-            insert: completion.label + (insertParens ? "()" : "")
-          },
-          selection: {
-            anchor: from + completion.label.length + 1
-          }
-        }));
-      }
-    };
-  };
-  return [
-    extension,
-    languageFacet.of(language),
-    language.data.of({
-      autocomplete: (context) => {
-        if (context.state.doc.toString()[0] !== "=") {
-          return null;
-        }
-        const match = context.matchBefore(/\w*/);
-        if (!match || match.from === match.to) {
-          return null;
-        }
-        const text = match.text.toUpperCase();
-        if (!context.explicit && match.text.length < 2) {
-          return null;
-        }
-        return {
-          from: match.from,
-          options: functions?.filter(({ name }) => name.startsWith(text)).map(({ name }) => createCompletion(name)) ?? []
-        };
-      }
-    }),
-    syntaxHighlighting(highlightStyles),
-    autocompletion({
-      aboveCursor: false,
-      defaultKeymap: true,
-      activateOnTyping: true,
-      closeOnBlur: !debug,
-      icons: false,
-      tooltipClass: () => mx("!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]", "[&>ul>li[aria-selected]]:!bg-accentSurface", "border-separator")
-    }),
-    keymap.of([
-      {
-        key: "Tab",
-        run: (view) => {
-          return completionStatus(view.state) === "active" ? acceptCompletion(view) : startCompletion(view);
-        }
-      }
-    ])
-  ];
-};
-var rangeExtension = ({ onInit, onStateChange }) => {
-  let view;
-  let activeRange;
-  const notifier = {
-    setRange: (range) => {
-      if (activeRange) {
-        view.dispatch(view.state.update({
-          changes: {
-            ...activeRange,
-            insert: range.toString()
-          },
-          selection: {
-            anchor: activeRange.from + range.length
-          }
-        }));
-      }
-      view.focus();
-    }
-  };
-  return ViewPlugin2.fromClass(class {
-    constructor(_view) {
-      view = _view;
-      onInit?.(notifier);
-    }
-    update(view2) {
-      const { anchor } = view2.state.selection.ranges[0];
-      activeRange = void 0;
-      const language = view2.state.facet(languageFacet);
-      const { topNode } = language.parser.parse(view2.state.doc.toString());
-      visitTree(topNode, ({ type, from, to }) => {
-        if (from <= anchor && to >= anchor) {
-          switch (type.name) {
-            case "Function":
-              activeRange = {
-                from: to,
-                to
-              };
-              break;
-            case "CloseParen":
-              activeRange = {
-                from,
-                to: from
-              };
-              break;
-            case "RangeToken":
-            case "CellToken":
-              activeRange = {
-                from,
-                to
-              };
-              return true;
-          }
-        }
-        return false;
-      });
-      if (!activeRange && view2.state.doc.toString()[0] === "=") {
-        const str = view2.state.doc.sliceString(1);
-        if (RANGE_NOTATION.test(str)) {
-          activeRange = {
-            from: 1,
-            to: str.length + 1
-          };
-        }
-      }
-      onStateChange?.({
-        activeRange: activeRange ? view2.state.doc.sliceString(activeRange.from, activeRange.to) : void 0
-      });
-    }
-  });
-};
-var visitTree = (node, callback) => {
-  if (callback(node)) {
-    return true;
-  }
-  for (let child = node.firstChild; child !== null; child = child.nextSibling) {
-    if (visitTree(child, callback)) {
-      return true;
-    }
-  }
-  return false;
-};
-
-// packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx
-import React2, { createContext as createContext2, useCallback, useContext as useContext2, useState } from "react";
-import { invariant as invariant2 } from "@dxos/invariant";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
-import { Grid, useGridContext } from "@dxos/react-ui-grid";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx";
-var SheetContext = /* @__PURE__ */ createContext2(void 0);
-var useSheetContext = () => {
-  const context = useContext2(SheetContext);
-  invariant2(context, void 0, {
-    F: __dxlog_file,
-    L: 54,
-    S: void 0,
-    A: [
-      "context",
-      ""
-    ]
-  });
-  return context;
-};
-var SheetProviderImpl = ({ model, onInfo, ignoreAttention, children, __gridScope }) => {
-  const { id, editing, setEditing } = useGridContext("SheetProvider", __gridScope);
-  const [cursor, setCursorInternal] = useState();
-  const [range, setRangeInternal] = useState();
-  const [cursorFallbackRange, setCursorFallbackRange] = useState();
-  const [activeRefs, setActiveRefs] = useState("");
-  const setCursor = useCallback((nextCursor) => {
-    setCursorInternal(nextCursor);
-    setCursorFallbackRange(range?.to ? range : nextCursor ? {
-      from: nextCursor,
-      to: nextCursor
-    } : void 0);
-  }, [
-    range
-  ]);
-  const setRange = useCallback((nextRange) => {
-    setRangeInternal(nextRange);
-    setCursorFallbackRange(nextRange?.to ? nextRange : cursor ? {
-      from: cursor,
-      to: cursor
-    } : void 0);
-  }, [
-    cursor
-  ]);
-  return /* @__PURE__ */ React2.createElement(SheetContext.Provider, {
-    value: {
-      id,
-      model,
-      editing,
-      setEditing,
-      cursor,
-      setCursor,
-      range,
-      setRange,
-      cursorFallbackRange,
-      activeRefs,
-      setActiveRefs,
-      // TODO(burdon): Change to event.
-      onInfo,
-      ignoreAttention
-    }
-  }, children);
-};
-var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo }) => {
-  const model = useSheetModel(graph, sheet, {
-    readonly
-  });
-  return !model ? null : /* @__PURE__ */ React2.createElement(Grid.Root, {
-    id: fullyQualifiedId(sheet)
-  }, /* @__PURE__ */ React2.createElement(SheetProviderImpl, {
-    model,
-    onInfo,
-    ignoreAttention
-  }, children));
-};
-
-// packages/plugins/plugin-sheet/src/components/GridSheet/GridSheet.tsx
-import React5, { useCallback as useCallback4, useMemo as useMemo2, useRef, useState as useState3 } from "react";
-import { createIntent as createIntent2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { rangeToA1Notation as rangeToA1Notation2 } from "@dxos/compute";
-import { DropdownMenu, Icon, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { useAttention } from "@dxos/react-ui-attention";
-import { closestCell, defaultSizeRow, editorKeys, Grid as Grid2, GridCellEditor, parseCellIndex } from "@dxos/react-ui-grid";
-
-// packages/plugins/plugin-sheet/src/components/GridSheet/util.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { inRange as inRange2 } from "@dxos/compute";
-import { createDocAccessor, fullyQualifiedId as fullyQualifiedId3 } from "@dxos/react-client/echo";
-import { parseValue, cellClassesForFieldType } from "@dxos/react-ui-form";
-import { colToA1Notation, rowToA1Notation, commentedClassName } from "@dxos/react-ui-grid";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-sheet/src/integrations/thread-ranges.ts
-import { useCallback as useCallback3, useEffect, useMemo } from "react";
-import { createIntent, createResolver, LayoutAction, useIntentDispatcher, useIntentResolver } from "@dxos/app-framework";
-import { debounce as debounce2 } from "@dxos/async";
-import { inRange } from "@dxos/compute";
-import { ThreadAction } from "@dxos/plugin-thread/types";
-import { fullyQualifiedId as fullyQualifiedId2 } from "@dxos/react-client/echo";
-
-// packages/plugins/plugin-sheet/src/components/index.ts
-import { lazy } from "react";
-
 // packages/plugins/plugin-sheet/src/components/RangeList/RangeList.tsx
-import React3, { useCallback as useCallback2 } from "react";
+import React2, { useCallback } from "react";
 import { rangeToA1Notation } from "@dxos/compute";
 import { S } from "@dxos/echo-schema";
 import { useTranslation } from "@dxos/react-ui";
@@ -376,59 +54,62 @@ var RangeList = ({ sheet }) => {
   const { t } = useTranslation(SHEET_PLUGIN);
   const handleSelectRange = (range) => {
   };
-  const handleDeleteRange = useCallback2((range) => {
+  const handleDeleteRange = useCallback((range) => {
     const index = sheet.ranges.findIndex((sheetRange) => sheetRange === range);
     sheet.ranges.splice(index, 1);
   }, [
     sheet
   ]);
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("h2", {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h2", {
     className: "p-2 text-sm font-semibold"
-  }, t("range list heading")), /* @__PURE__ */ React3.createElement(List.Root, {
+  }, t("range list heading")), /* @__PURE__ */ React2.createElement(List.Root, {
     items: sheet.ranges,
     isItem: S.is(Range)
-  }, ({ items: ranges }) => ranges.map((range, i) => /* @__PURE__ */ React3.createElement(List.Item, {
+  }, ({ items: ranges }) => ranges.map((range, i) => /* @__PURE__ */ React2.createElement(List.Item, {
     key: i,
     item: range,
     classNames: [
       "p-2",
       ghostHover
     ]
-  }, /* @__PURE__ */ React3.createElement(List.ItemDragHandle, null), /* @__PURE__ */ React3.createElement(List.ItemTitle, {
+  }, /* @__PURE__ */ React2.createElement(List.ItemDragHandle, null), /* @__PURE__ */ React2.createElement(List.ItemTitle, {
     onClick: () => handleSelectRange(range)
   }, t("range title", {
     position: rangeToA1Notation(rangeFromIndex(sheet, range.range)),
     key: t(`range key ${range.key} label`),
     value: t(`range value ${range.value} label`)
-  })), /* @__PURE__ */ React3.createElement(List.ItemDeleteButton, {
+  })), /* @__PURE__ */ React2.createElement(List.ItemDeleteButton, {
     onClick: () => handleDeleteRange(range)
   })))));
 };
 
-// packages/plugins/plugin-sheet/src/components/SheetObjectSettings.tsx
-import React4 from "react";
-import { SPACE_PLUGIN } from "@dxos/plugin-space/meta";
-import { Input, useTranslation as useTranslation2 } from "@dxos/react-ui";
-var SheetObjectSettings = ({ sheet }) => {
-  const { t } = useTranslation2(SPACE_PLUGIN);
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", {
-    role: "form",
-    className: "flex flex-col w-full p-2 gap-1"
-  }, /* @__PURE__ */ React4.createElement(Input.Root, null, /* @__PURE__ */ React4.createElement(Input.Label, null, t("name label")), /* @__PURE__ */ React4.createElement(Input.TextInput, {
-    placeholder: t("name placeholder"),
-    value: sheet.name ?? "",
-    onChange: (event) => {
-      sheet.name = event.target.value;
-    }
-  }))), /* @__PURE__ */ React4.createElement(RangeList, {
-    sheet
-  }));
-};
-
 // packages/plugins/plugin-sheet/src/components/index.ts
-var SheetContainer = lazy(() => import("./SheetContainer-YB3JBVPZ.mjs"));
+import { lazy } from "react";
+
+// packages/plugins/plugin-sheet/src/components/GridSheet/GridSheet.tsx
+import React4, { useCallback as useCallback4, useMemo as useMemo2, useRef, useState as useState3 } from "react";
+import { createIntent as createIntent2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { rangeToA1Notation as rangeToA1Notation2 } from "@dxos/compute";
+import { DropdownMenu, Icon, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { useAttention } from "@dxos/react-ui-attention";
+import { closestCell, defaultSizeRow, editorKeys, Grid as Grid2, GridCellEditor, parseCellIndex } from "@dxos/react-ui-grid";
+
+// packages/plugins/plugin-sheet/src/components/GridSheet/util.ts
+import { useEffect as useEffect2, useState } from "react";
+import { inRange as inRange2 } from "@dxos/compute";
+import { createDocAccessor, fullyQualifiedId as fullyQualifiedId2 } from "@dxos/react-client/echo";
+import { parseValue, cellClassesForFieldType } from "@dxos/react-ui-form";
+import { colToA1Notation, rowToA1Notation, commentedClassName } from "@dxos/react-ui-grid";
+import { mx } from "@dxos/react-ui-theme";
 
 // packages/plugins/plugin-sheet/src/integrations/thread-ranges.ts
+import { useCallback as useCallback2, useEffect, useMemo } from "react";
+import { createIntent, createResolver, LayoutAction, useIntentResolver, useIntentDispatcher } from "@dxos/app-framework";
+import { debounce } from "@dxos/async";
+import { inRange } from "@dxos/compute";
+import { S as S2 } from "@dxos/echo-schema";
+import { ThreadAction } from "@dxos/plugin-thread/types";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
 var completeCellRangeToThreadCursor = (range) => {
   return `${range.from.col},${range.from.row},${range.to.col},${range.to.row}`;
 };
@@ -452,16 +133,23 @@ var parseThreadAnchorAsCellRange = (cursor) => {
 };
 var useUpdateFocusedCellOnThreadSelection = (grid) => {
   const { model, setActiveRefs } = useSheetContext();
-  const scrollIntoViewResolver = useMemo(() => createResolver(LayoutAction.ScrollIntoView, ({ cursor, ref }) => {
-    setActiveRefs(ref);
-    const range = parseThreadAnchorAsCellRange(cursor);
-    range && grid?.setFocus({
-      ...range.to,
-      plane: "grid"
-    }, true);
-  }, {
-    disposition: "hoist",
-    filter: (data) => data.id === fullyQualifiedId2(model.sheet) && !!data.cursor
+  const scrollIntoViewResolver = useMemo(() => createResolver({
+    intent: LayoutAction.ScrollIntoView,
+    position: "hoist",
+    filter: (data) => {
+      if (!S2.is(LayoutAction.ScrollIntoView.fields.input)(data)) {
+        return false;
+      }
+      return data.subject === fullyQualifiedId(model.sheet) && !!data.options?.cursor;
+    },
+    resolve: ({ options: { cursor, ref } }) => {
+      setActiveRefs(ref);
+      const range = parseThreadAnchorAsCellRange(cursor);
+      range && grid?.setFocus({
+        ...range.to,
+        plane: "grid"
+      }, true);
+    }
   }), [
     model.sheet,
     setActiveRefs
@@ -475,7 +163,7 @@ var useSelectThreadOnCellFocus = () => {
     // TODO(thure): Surely we can find a better dependency for this…
     JSON.stringify(model.sheet.threads)
   ]);
-  const selectClosestThread = useCallback3((cellAddress) => {
+  const selectClosestThread = useCallback2((cellAddress) => {
     if (!cellAddress || !threads) {
       return;
     }
@@ -489,7 +177,7 @@ var useSelectThreadOnCellFocus = () => {
     });
     if (closestThread) {
       void dispatch(createIntent(ThreadAction.Select, {
-        current: fullyQualifiedId2(closestThread)
+        current: fullyQualifiedId(closestThread)
       }));
     }
   }, [
@@ -497,7 +185,7 @@ var useSelectThreadOnCellFocus = () => {
     threads
   ]);
   const debounced = useMemo(() => {
-    return debounce2((cellCoords) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);
+    return debounce((cellCoords) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);
   }, [
     selectClosestThread
   ]);
@@ -549,7 +237,7 @@ var projectCellProps = (model, col, row) => {
   const threadRefs = model.sheet.threads?.filter((thread) => {
     const range = thread.target?.anchor && parseThreadAnchorAsCellRange(thread.target.anchor);
     return thread && range ? inRange2(range, address) : false;
-  }).map((thread) => fullyQualifiedId3(thread)).join(" ");
+  }).map((thread) => fullyQualifiedId2(thread)).join(" ");
   const description = model.getValueDescription(address);
   const type = description?.type;
   const format = description?.format;
@@ -560,7 +248,7 @@ var projectCellProps = (model, col, row) => {
       format,
       value: rawValue
     }),
-    className: mx2(cellClassesForFieldType({
+    className: mx(cellClassesForFieldType({
       type,
       format
     }), threadRefs && commentedClassName, classNames),
@@ -586,7 +274,7 @@ var gridCellGetter = (model) => {
 };
 var rowLabelCell = (row) => ({
   value: rowToA1Notation(row),
-  className: "text-end !pie-1 text-subdued",
+  className: "text-end pie-1 text-subdued",
   resizeHandle: "row"
 });
 var colLabelCell = (col) => ({
@@ -622,8 +310,8 @@ var cellGetter = (model) => {
   };
 };
 var useSheetModelDxGridProps = (dxGrid, model) => {
-  const [columns, setColumns] = useState2(createDxGridColumns(model));
-  const [rows, setRows] = useState2(createDxGridRows(model));
+  const [columns, setColumns] = useState(createDxGridColumns(model));
+  const [rows, setRows] = useState(createDxGridRows(model));
   useEffect2(() => {
     const cellsAccessor = createDocAccessor(model.sheet, [
       "cells"
@@ -673,6 +361,82 @@ var useSheetModelDxGridProps = (dxGrid, model) => {
   };
 };
 
+// packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx
+import React3, { createContext as createContext2, useCallback as useCallback3, useContext as useContext2, useState as useState2 } from "react";
+import { invariant } from "@dxos/invariant";
+import { fullyQualifiedId as fullyQualifiedId3 } from "@dxos/react-client/echo";
+import { Grid, useGridContext } from "@dxos/react-ui-grid";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx";
+var SheetContext = /* @__PURE__ */ createContext2(void 0);
+var useSheetContext = () => {
+  const context = useContext2(SheetContext);
+  invariant(context, void 0, {
+    F: __dxlog_file,
+    L: 54,
+    S: void 0,
+    A: [
+      "context",
+      ""
+    ]
+  });
+  return context;
+};
+var SheetProviderImpl = ({ model, onInfo, ignoreAttention, children, __gridScope }) => {
+  const { id, editing, setEditing } = useGridContext("SheetProvider", __gridScope);
+  const [cursor, setCursorInternal] = useState2();
+  const [range, setRangeInternal] = useState2();
+  const [cursorFallbackRange, setCursorFallbackRange] = useState2();
+  const [activeRefs, setActiveRefs] = useState2("");
+  const setCursor = useCallback3((nextCursor) => {
+    setCursorInternal(nextCursor);
+    setCursorFallbackRange(range?.to ? range : nextCursor ? {
+      from: nextCursor,
+      to: nextCursor
+    } : void 0);
+  }, [
+    range
+  ]);
+  const setRange = useCallback3((nextRange) => {
+    setRangeInternal(nextRange);
+    setCursorFallbackRange(nextRange?.to ? nextRange : cursor ? {
+      from: cursor,
+      to: cursor
+    } : void 0);
+  }, [
+    cursor
+  ]);
+  return /* @__PURE__ */ React3.createElement(SheetContext.Provider, {
+    value: {
+      id,
+      model,
+      editing,
+      setEditing,
+      cursor,
+      setCursor,
+      range,
+      setRange,
+      cursorFallbackRange,
+      activeRefs,
+      setActiveRefs,
+      // TODO(burdon): Change to event.
+      onInfo,
+      ignoreAttention
+    }
+  }, children);
+};
+var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo }) => {
+  const model = useSheetModel(graph, sheet, {
+    readonly
+  });
+  return !model ? null : /* @__PURE__ */ React3.createElement(Grid.Root, {
+    id: fullyQualifiedId3(sheet)
+  }, /* @__PURE__ */ React3.createElement(SheetProviderImpl, {
+    model,
+    onInfo,
+    ignoreAttention
+  }, children));
+};
+
 // packages/plugins/plugin-sheet/src/components/GridSheet/GridSheet.tsx
 var inertPosition = {
   plane: "grid",
@@ -719,7 +483,7 @@ var sheetColDefault = {
   }
 };
 var GridSheet = () => {
-  const { t } = useTranslation3(SHEET_PLUGIN);
+  const { t } = useTranslation2(SHEET_PLUGIN);
   const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } = useSheetContext();
   const [dxGrid, setDxGrid] = useState3(null);
   const [extraplanarFocus, setExtraplanarFocus] = useState3(null);
@@ -971,14 +735,14 @@ var GridSheet = () => {
   ]);
   useUpdateFocusedCellOnThreadSelection(dxGrid);
   useSelectThreadOnCellFocus();
-  return /* @__PURE__ */ React5.createElement("div", {
+  return /* @__PURE__ */ React4.createElement("div", {
     role: "none",
     className: "relative min-bs-0"
-  }, /* @__PURE__ */ React5.createElement(GridCellEditor, {
+  }, /* @__PURE__ */ React4.createElement(GridCellEditor, {
     getCellContent,
     extension,
     onBlur: handleBlur
-  }), /* @__PURE__ */ React5.createElement(Grid2.Content, {
+  }), /* @__PURE__ */ React4.createElement(Grid2.Content, {
     initialCells,
     limitColumns: DEFAULT_COLS,
     limitRows: DEFAULT_ROWS,
@@ -998,46 +762,48 @@ var GridSheet = () => {
     className: "[--dx-grid-base:var(--surface-bg)] [&_.dx-grid]:border-bs [&_.dx-grid]:absolute [&_.dx-grid]:inset-0 [&_.dx-grid]:border-separator",
     activeRefs,
     ref: setDxGrid
-  }), /* @__PURE__ */ React5.createElement(DropdownMenu.Root, {
+  }), /* @__PURE__ */ React4.createElement(DropdownMenu.Root, {
     modal: false,
     open: !!contextMenuOpen,
     onOpenChange: (nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)
-  }, /* @__PURE__ */ React5.createElement(DropdownMenu.VirtualTrigger, {
+  }, /* @__PURE__ */ React4.createElement(DropdownMenu.VirtualTrigger, {
     virtualRef: contextMenuAnchorRef
-  }), /* @__PURE__ */ React5.createElement(DropdownMenu.Content, {
+  }), /* @__PURE__ */ React4.createElement(DropdownMenu.Content, {
     side: contextMenuAxis === "col" ? "bottom" : "right",
     sideOffset: 4,
     collisionPadding: 8
-  }, /* @__PURE__ */ React5.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+  }, /* @__PURE__ */ React4.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
     onClick: () => handleAxisMenuAction("insert-before"),
     "data-testid": `grid.${contextMenuAxis}.insert-before`
-  }, /* @__PURE__ */ React5.createElement(Icon, {
+  }, /* @__PURE__ */ React4.createElement(Icon, {
     size: 5,
     icon: contextMenuAxis === "col" ? "ph--columns-plus-left--regular" : "ph--rows-plus-top--regular"
-  }), /* @__PURE__ */ React5.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+  }), /* @__PURE__ */ React4.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
     onClick: () => handleAxisMenuAction("insert-after"),
     "data-testid": `grid.${contextMenuAxis}.insert-after`
-  }, /* @__PURE__ */ React5.createElement(Icon, {
+  }, /* @__PURE__ */ React4.createElement(Icon, {
     size: 5,
     icon: contextMenuAxis === "col" ? "ph--columns-plus-right--regular" : "ph--rows-plus-bottom--regular"
-  }), /* @__PURE__ */ React5.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+  }), /* @__PURE__ */ React4.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
     onClick: () => handleAxisMenuAction("drop"),
     "data-testid": `grid.${contextMenuAxis}.drop`
-  }, /* @__PURE__ */ React5.createElement(Icon, {
+  }, /* @__PURE__ */ React4.createElement(Icon, {
     size: 5,
     icon: "ph--backspace--regular"
-  }), /* @__PURE__ */ React5.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ React5.createElement(DropdownMenu.Arrow, null))));
+  }), /* @__PURE__ */ React4.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ React4.createElement(DropdownMenu.Arrow, null))));
 };
 
+// packages/plugins/plugin-sheet/src/components/index.ts
+var SheetContainer = lazy(() => import("./SheetContainer-PGDJKGTZ.mjs"));
+
 export {
   ComputeGraphContextProvider,
   useComputeGraph,
   completeCellRangeToThreadCursor,
-  computeGraphFacet,
   useSheetContext,
   SheetProvider,
   GridSheet,
-  SheetObjectSettings,
+  RangeList,
   SheetContainer
 };
-//# sourceMappingURL=chunk-L5PQHVTX.mjs.map
+//# sourceMappingURL=chunk-ZM7XLUGL.mjs.map