@dxos/plugin-sheet 0.6.10 → 0.6.11-staging.32b42e4

package/dist/lib/node/{SheetContainer-ESRTE7A5.cjs → SheetContainer-AXQV3ZT5.cjs}

@@ -26,13 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SheetContainer_ESRTE7A5_exports = {};
-__export(SheetContainer_ESRTE7A5_exports, {
+var SheetContainer_AXQV3ZT5_exports = {};
+__export(SheetContainer_AXQV3ZT5_exports, {
   default: () => SheetContainer_default
 });
-module.exports = __toCommonJS(SheetContainer_ESRTE7A5_exports);
-var import_chunk_4EGEA3KL = require("./chunk-4EGEA3KL.cjs");
-var import_chunk_3R3J7IZR = require("./chunk-3R3J7IZR.cjs");
+module.exports = __toCommonJS(SheetContainer_AXQV3ZT5_exports);
+var import_chunk_CN3RPESU = require("./chunk-CN3RPESU.cjs");
+var import_chunk_5KKJ4NPP = require("./chunk-5KKJ4NPP.cjs");
+var import_chunk_DSYKOI4E = require("./chunk-DSYKOI4E.cjs");
 var import_chunk_BJ6ZD7MN = require("./chunk-BJ6ZD7MN.cjs");
 var import_react = __toESM(require("react"));
 var import_react_ui_theme = require("@dxos/react-ui-theme");
@@ -181,12 +182,12 @@ var getCellAtPointer = (event) => {
   if (root) {
     const value = root.dataset[CELL_DATA_KEY];
     if (value) {
-      return (0, import_chunk_4EGEA3KL.addressFromA1Notation)(value);
+      return (0, import_chunk_5KKJ4NPP.addressFromA1Notation)(value);
     }
   }
 };
 var getCellElement = (root, cell) => {
-  const pos = (0, import_chunk_4EGEA3KL.addressToA1Notation)(cell);
+  const pos = (0, import_chunk_5KKJ4NPP.addressToA1Notation)(cell);
   return root.querySelector(`[data-${CELL_DATA_KEY}="${pos}"]`);
 };
 var handleNav = (ev, cursor, range, size) => {
@@ -314,7 +315,7 @@ var useRangeSelect = (cb) => {
   const onMouseMove = (ev) => {
     if (from) {
       let current = getCellAtPointer(ev);
-      if ((0, import_chunk_4EGEA3KL.posEquals)(current, from)) {
+      if ((0, import_chunk_5KKJ4NPP.posEquals)(current, from)) {
         current = void 0;
       }
       setTo(current);
@@ -327,7 +328,7 @@ var useRangeSelect = (cb) => {
   const onMouseUp = (ev) => {
     if (from) {
       let current = getCellAtPointer(ev);
-      if ((0, import_chunk_4EGEA3KL.posEquals)(current, from)) {
+      if ((0, import_chunk_5KKJ4NPP.posEquals)(current, from)) {
         current = void 0;
       }
       setFrom(void 0);
@@ -370,7 +371,7 @@ var FormattingModel = class {
     ];
     for (const [idx2, _formatting] of Object.entries(this.model.sheet.formatting)) {
       const range = this.model.rangeFromIndex(idx2);
-      if ((0, import_chunk_4EGEA3KL.inRange)(range, cell)) {
+      if ((0, import_chunk_5KKJ4NPP.inRange)(range, cell)) {
         if (_formatting.classNames) {
           classNames.push(..._formatting.classNames);
         }
@@ -382,16 +383,19 @@ var FormattingModel = class {
     const defaultNumber = "justify-end font-mono";
     const type = formatting?.type ?? this.model.getValueType(cell);
     switch (type) {
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Boolean: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Boolean: {
         return {
           value: value.toLocaleString().toUpperCase(),
           classNames: [
             ...classNames,
-            value ? "!text-green-500" : "!text-orange-500"
+            value ? "!text-greenText" : "!text-orangeText"
           ]
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Number: {
+      //
+      // Numbers.
+      //
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Number: {
         return {
           value: value.toLocaleString(locales),
           classNames: [
@@ -400,7 +404,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Percent: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Percent: {
         return {
           value: value * 100 + "%",
           classNames: [
@@ -409,7 +413,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Currency: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Currency: {
         return {
           value: value.toLocaleString(locales, {
             style: "currency",
@@ -423,21 +427,24 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.DateTime: {
+      //
+      // Dates.
+      //
+      case import_chunk_DSYKOI4E.ValueTypeEnum.DateTime: {
         const date = this.model.toLocalDate(value);
         return {
           value: date.toLocaleString(locales),
           classNames
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Date: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Date: {
         const date = this.model.toLocalDate(value);
         return {
           value: date.toLocaleDateString(locales),
           classNames
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Time: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Time: {
         const date = this.model.toLocalDate(value);
         return {
           value: date.toLocaleTimeString(locales),
@@ -471,7 +478,7 @@ var useSheetContext = () => {
 };
 var mapFormulaBindingToId = (functions) => (formula) => {
   return formula.replace(/([a-zA-Z0-9]+)\((.*)\)/g, (match, binding, args) => {
-    if (import_chunk_4EGEA3KL.defaultFunctions.find((fn2) => fn2.name === binding) || binding === "EDGE") {
+    if (import_chunk_5KKJ4NPP.defaultFunctions.find((fn2) => fn2.name === binding) || binding === "EDGE") {
       return match;
     }
     const fn = functions.find((fn2) => fn2.binding === binding);
@@ -497,7 +504,7 @@ var mapFormulaBindingFromId = (functions) => (formula) => {
   });
 };
 var SheetContextProvider = ({ children, sheet, space, readonly, onInfo, ...options }) => {
-  const graph = (0, import_chunk_4EGEA3KL.useComputeGraph)(space, options);
+  const graph = (0, import_chunk_CN3RPESU.useComputeGraph)(space, options);
   const [cursor, setCursor] = (0, import_react6.useState)();
   const [range, setRange] = (0, import_react6.useState)();
   const [editing, setEditing] = (0, import_react6.useState)(false);
@@ -506,7 +513,7 @@ var SheetContextProvider = ({ children, sheet, space, readonly, onInfo, ...optio
     let model2;
     let formatting2;
     const t = setTimeout(async () => {
-      model2 = new import_chunk_4EGEA3KL.SheetModel(graph, sheet, space, {
+      model2 = new import_chunk_5KKJ4NPP.SheetModel(graph, sheet, space, {
         readonly,
         mapFormulaBindingToId,
         mapFormulaBindingFromId
@@ -681,30 +688,30 @@ var highlightStyles = import_language.HighlightStyle.define([
   // Function.
   {
     tag: import_highlight.tags.name,
-    class: "text-primary-500"
+    class: "text-accentText"
   },
   // Range.
   {
     tag: import_highlight.tags.tagName,
-    class: "text-pink-500"
+    class: "text-pinkText"
   },
   // Values.
   {
     tag: import_highlight.tags.number,
-    class: "text-teal-500"
+    class: "text-tealText"
   },
   {
     tag: import_highlight.tags.bool,
-    class: "text-teal-500"
+    class: "text-tealText"
   },
   {
     tag: import_highlight.tags.string,
-    class: "text-teal-500"
+    class: "text-tealText"
   },
   // Error.
   {
     tag: import_highlight.tags.invalid,
-    class: "text-neutral-500"
+    class: "text-unAccent"
   }
 ]);
 var languageFacet = import_state.Facet.define();
@@ -726,7 +733,7 @@ var sheetExtension = ({ functions = [] }) => {
         root.className = "flex flex-col gap-2 text-sm";
         const title = document.createElement("h2");
         title.innerText = name;
-        title.className = "text-lg font-mono text-primary-500";
+        title.className = "text-lg font-mono text-accentText";
         root.appendChild(title);
         if (description) {
           const info = document.createElement("p");
@@ -737,7 +744,7 @@ var sheetExtension = ({ functions = [] }) => {
         if (syntax) {
           const detail = document.createElement("pre");
           detail.innerText = syntax;
-          detail.className = "whitespace-pre-wrap text-green-500";
+          detail.className = "whitespace-pre-wrap text-greenText";
           root.appendChild(detail);
         }
         return root;
@@ -791,8 +798,8 @@ var sheetExtension = ({ functions = [] }) => {
         // TODO(burdon): Factor out fragments.
         // TODO(burdon): Size to make width same as column.
         "!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]",
-        "[&>ul>li[aria-selected]]:!bg-primary-700",
-        "border-neutral-200 dark:border-neutral-700"
+        "[&>ul>li[aria-selected]]:!bg-accentSurface",
+        "border-separator"
       )
     }),
     import_view2.keymap.of([
@@ -842,6 +849,13 @@ var rangeExtension = (onInit) => {
               };
               break;
             }
+            case "CloseParen": {
+              activeRange = {
+                from,
+                to: from
+              };
+              break;
+            }
             case "RangeToken":
             case "CellToken":
               activeRange = {
@@ -875,11 +889,10 @@ var visitTree = (node, callback) => {
 };
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/components/Sheet/Sheet.tsx";
 var fragments = {
-  axis: "bg-neutral-50 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-200 text-xs select-none",
-  axisSelected: "bg-neutral-100 dark:bg-neutral-900 text-black dark:text-white",
-  cell: "dark:bg-neutral-850",
-  cellSelected: "bg-neutral-50 dark:bg-neutral-900 text-black dark:text-white border !border-primary-500",
-  border: "border-neutral-200 dark:border-neutral-700"
+  axis: "bg-axisSurface text-axisText text-xs select-none",
+  axisSelected: "bg-attention text-baseText",
+  cell: "bg-gridCell",
+  cellSelected: "bg-gridCellSelected text-baseText border !border-accentSurface"
 };
 var SheetRoot = ({ children, ...props }) => {
   return /* @__PURE__ */ import_react3.default.createElement(SheetContextProvider, props, children);
@@ -999,7 +1012,7 @@ var SheetMain = /* @__PURE__ */ (0, import_react3.forwardRef)(({ classNames, num
   };
   return /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
-    className: (0, import_react_ui_theme2.mx)("grid grid-cols-[calc(var(--rail-size)-2px)_1fr] grid-rows-[32px_1fr_32px] bs-full is-full overflow-hidden", fragments.border, classNames)
+    className: (0, import_react_ui_theme2.mx)("grid grid-cols-[calc(var(--rail-size)-2px)_1fr] grid-rows-[32px_1fr_32px] bs-full is-full overflow-hidden", classNames)
   }, /* @__PURE__ */ import_react3.default.createElement(GridCorner, {
     onClick: () => {
       setCursor(void 0);
@@ -1088,7 +1101,7 @@ var GridCorner = (props) => {
 };
 var MovingOverlay = ({ label }) => {
   return /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "flex w-full h-full justify-center items-center text-sm p-1 bg-primary-500/50 cursor-pointer"
+    className: "flex w-full h-full justify-center items-center text-sm p-1 bg-gridOverlay cursor-pointer"
   }, label);
 };
 var mouseConstraints = {
@@ -1134,7 +1147,7 @@ var SheetRows = /* @__PURE__ */ (0, import_react3.forwardRef)(({ rows, sizes, se
   return /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "relative flex grow overflow-hidden"
   }, /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: (0, import_react_ui_theme2.mx)("z-20 absolute inset-0 border-y pointer-events-none", fragments.border),
+    className: (0, import_react_ui_theme2.mx)("z-20 absolute inset-0 border-y border-gridLine pointer-events-none"),
     style: {
       width: axisWidth
     }
@@ -1222,14 +1235,14 @@ var GridRowCell = ({ idx, index, label, size, resize, selected, onSelect, onResi
     ref: setNodeRef,
     ...attributes,
     ...listeners,
-    className: (0, import_react_ui_theme2.mx)("flex h-full items-center justify-center cursor-pointer", "border-t focus-visible:outline-none", fragments.border, fragments.axis, selected && fragments.axisSelected, isDragging && fragments.axisSelected),
+    className: (0, import_react_ui_theme2.mx)("flex h-full items-center justify-center cursor-pointer", "border-t border-gridLine focus-visible:outline-none", fragments.axis, selected && fragments.axisSelected, isDragging && fragments.axisSelected),
     onClick: () => onSelect?.(index)
   }, /* @__PURE__ */ import_react3.default.createElement("span", {
     className: "flex w-full justify-center"
   }, label), over?.id === idx && !isDragging && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "z-20 absolute top-0 w-full min-h-[4px] border-b-4 border-primary-500"
+    className: "z-20 absolute top-0 w-full min-h-[4px] border-b-4 border-accentSurface"
   }), resizing && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "z-20 absolute bottom-0 w-full min-h-[4px] border-b-4 border-primary-500"
+    className: "z-20 absolute bottom-0 w-full min-h-[4px] border-b-4 border-accentSurface"
   })));
 };
 var SheetColumns = /* @__PURE__ */ (0, import_react3.forwardRef)(({ columns, sizes, selected, onSelect, onResize, onMove }, forwardRef2) => {
@@ -1268,7 +1281,7 @@ var SheetColumns = /* @__PURE__ */ (0, import_react3.forwardRef)(({ columns, siz
   return /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "relative flex grow overflow-hidden"
   }, /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: (0, import_react_ui_theme2.mx)("z-20 absolute inset-0 border-x pointer-events-none", fragments.border),
+    className: (0, import_react_ui_theme2.mx)("z-20 absolute inset-0 border-x border-gridLine pointer-events-none"),
     style: {
       height: axisHeight
     }
@@ -1296,14 +1309,14 @@ var SheetColumns = /* @__PURE__ */ (0, import_react3.forwardRef)(({ columns, siz
     key: idx,
     idx,
     index,
-    label: (0, import_chunk_4EGEA3KL.columnLetter)(index),
+    label: (0, import_chunk_5KKJ4NPP.columnLetter)(index),
     size: sizes?.[idx] ?? defaultWidth,
     resize: index < columns.length - 1,
     selected: selected === index,
     onResize,
     onSelect
   }))), /* @__PURE__ */ (0, import_react_dom.createPortal)(/* @__PURE__ */ import_react3.default.createElement(import_core.DragOverlay, null, active && /* @__PURE__ */ import_react3.default.createElement(MovingOverlay, {
-    label: (0, import_chunk_4EGEA3KL.columnLetter)(active.data.current.index)
+    label: (0, import_chunk_5KKJ4NPP.columnLetter)(active.data.current.index)
   })), document.body))));
 });
 var GridColumnCell = ({ idx, index, label, size, resize, selected, onSelect, onResize }) => {
@@ -1359,14 +1372,14 @@ var GridColumnCell = ({ idx, index, label, size, resize, selected, onSelect, onR
     ref: setNodeRef,
     ...attributes,
     ...listeners,
-    className: (0, import_react_ui_theme2.mx)("flex h-full items-center justify-center cursor-pointer", "border-l focus-visible:outline-none", fragments.border, fragments.axis, selected && fragments.axisSelected, isDragging && fragments.axisSelected),
+    className: (0, import_react_ui_theme2.mx)("flex h-full items-center justify-center cursor-pointer", "border-l border-gridLine focus-visible:outline-none", fragments.axis, selected && fragments.axisSelected, isDragging && fragments.axisSelected),
     onClick: () => onSelect?.(index)
   }, /* @__PURE__ */ import_react3.default.createElement("span", {
     className: "flex w-full justify-center"
   }, label), over?.id === idx && !isDragging && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "z-20 absolute left-0 h-full min-w-[4px] border-l-4 border-primary-500"
+    className: "z-20 absolute left-0 h-full min-w-[4px] border-l-4 border-accentSurface"
   }), resizing && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "z-20 absolute right-0 h-full min-h-[4px] border-l-4 border-primary-500"
+    className: "z-20 absolute right-0 h-full min-h-[4px] border-l-4 border-accentSurface"
   })));
 };
 var SheetGrid = /* @__PURE__ */ (0, import_react3.forwardRef)(({ size, rows, columns, rowSizes, columnSizes }, forwardRef2) => {
@@ -1385,7 +1398,7 @@ var SheetGrid = /* @__PURE__ */ (0, import_react3.forwardRef)(({ size, rows, col
         id: model.id
       }, {
         F: __dxlog_file2,
-        L: 735,
+        L: 730,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1502,18 +1515,18 @@ var SheetGrid = /* @__PURE__ */ (0, import_react3.forwardRef)(({ size, rows, col
     rowSizes,
     columnSizes
   });
-  const qualifiedSubjectId = (0, import_echo.fullyQualifiedId)(model.sheet);
-  const attendableAttrs = (0, import_react_ui_attention.createAttendableAttributes)(qualifiedSubjectId);
-  const attended = true;
+  const id = (0, import_echo.fullyQualifiedId)(model.sheet);
+  const attendableAttrs = (0, import_react_ui_attention.createAttendableAttributes)(id);
+  const hasAttention = (0, import_react_ui_attention.useHasAttention)(id);
   return /* @__PURE__ */ import_react3.default.createElement("div", {
     ref: containerRef,
     role: "grid",
     className: "relative flex grow overflow-hidden"
   }, /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: (0, import_react_ui_theme2.mx)("z-20 absolute inset-0 border pointer-events-none", fragments.border)
+    className: (0, import_react_ui_theme2.mx)("z-20 absolute inset-0 border border-gridLine pointer-events-none")
   }), /* @__PURE__ */ import_react3.default.createElement("div", {
     ref: scrollerRef,
-    className: (0, import_react_ui_theme2.mx)("grow", attended && "overflow-auto scrollbar-thin")
+    className: (0, import_react_ui_theme2.mx)("grow", hasAttention && "overflow-auto scrollbar-thin")
   }, /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "relative select-none",
     style: {
@@ -1537,9 +1550,9 @@ var SheetGrid = /* @__PURE__ */ (0, import_react3.forwardRef)(({ size, rows, col
         row,
         column
       };
-      const id = (0, import_chunk_4EGEA3KL.addressToA1Notation)(cell);
+      const id2 = (0, import_chunk_5KKJ4NPP.addressToA1Notation)(cell);
       const idx = model.addressToIndex(cell);
-      const active = (0, import_chunk_4EGEA3KL.posEquals)(cursor, cell);
+      const active = (0, import_chunk_5KKJ4NPP.posEquals)(cursor, cell);
       if (active && editing) {
         const value = initialText.current ?? model.getCellText(cell) ?? "";
         const handleClose = (value2) => {
@@ -1580,8 +1593,8 @@ var SheetGrid = /* @__PURE__ */ (0, import_react3.forwardRef)(({ size, rows, col
         });
       }
       return /* @__PURE__ */ import_react3.default.createElement(SheetCell, {
-        key: id,
-        id,
+        key: id2,
+        id: id2,
         cell,
         active,
         style,
@@ -1615,7 +1628,7 @@ var SelectionOverlay = ({ root }) => {
   return /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     style: bounds,
-    className: "z-10 absolute pointer-events-none bg-primary-500/20 border border-primary-500/50"
+    className: "z-10 absolute pointer-events-none bg-gridSelectionOverlay border border-gridOverlay"
   });
 };
 var SheetCell = ({ id, cell, style, active, onSelect }) => {
@@ -1625,7 +1638,7 @@ var SheetCell = ({ id, cell, style, active, onSelect }) => {
     [`data-${CELL_DATA_KEY}`]: id,
     role: "cell",
     style,
-    className: (0, import_react_ui_theme2.mx)("flex w-full h-full truncate items-center border cursor-pointer", "px-2 py-1", fragments.cell, fragments.border, active && [
+    className: (0, import_react_ui_theme2.mx)("flex w-full h-full px-2 py-1 truncate items-center border border-gridLine cursor-pointer", fragments.cell, active && [
       "z-20",
       fragments.cellSelected
     ], classNames),
@@ -1646,7 +1659,7 @@ var GridCellEditor = ({ style, value, onNav, onClose }) => {
   const notifier = (0, import_react3.useRef)();
   (0, import_react3.useEffect)(() => {
     if (range) {
-      notifier.current?.((0, import_chunk_4EGEA3KL.rangeToA1Notation)(range));
+      notifier.current?.((0, import_chunk_5KKJ4NPP.rangeToA1Notation)(range));
     }
   }, [
     range
@@ -1688,15 +1701,15 @@ var SheetStatusBar = () => {
     }
   }
   return /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: (0, import_react_ui_theme2.mx)("flex shrink-0 justify-between items-center px-4 py-1 text-sm border-x", fragments.border)
+    className: (0, import_react_ui_theme2.mx)("flex shrink-0 justify-between items-center px-4 py-1 text-sm border-x border-gridLine")
   }, /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "flex gap-4 items-center"
   }, /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "flex w-16 items-center font-mono"
-  }, range && (0, import_chunk_4EGEA3KL.rangeToA1Notation)(range) || cursor && (0, import_chunk_4EGEA3KL.addressToA1Notation)(cursor)), /* @__PURE__ */ import_react3.default.createElement("div", {
+  }, range && (0, import_chunk_5KKJ4NPP.rangeToA1Notation)(range) || cursor && (0, import_chunk_5KKJ4NPP.addressToA1Notation)(cursor)), /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "flex gap-2 items-center"
   }, /* @__PURE__ */ import_react3.default.createElement(import_react2.Function, {
-    className: (0, import_react_ui_theme2.mx)("text-green-500", isFormula ? "visible" : "invisible")
+    className: (0, import_react_ui_theme2.mx)("text-greenText", isFormula ? "visible" : "invisible")
   }), /* @__PURE__ */ import_react3.default.createElement("span", {
     className: "font-mono"
   }, value))));
@@ -1716,7 +1729,7 @@ var SheetDebug = () => {
     model
   ]);
   return /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: (0, import_react_ui_theme2.mx)("z-20 absolute right-0 top-20 bottom-20 w-[30rem] overflow-auto scrollbar-thin", "border text-xs bg-neutral-50 dark:bg-black text-cyan-500 font-mono p-1 opacity-80", fragments.border)
+    className: (0, import_react_ui_theme2.mx)("z-20 absolute right-0 top-20 bottom-20 w-[30rem] overflow-auto scrollbar-thin", "border border-gridLine text-xs bg-neutral-50 dark:bg-black text-cyan-500 font-mono p-1 opacity-80")
   }, /* @__PURE__ */ import_react3.default.createElement("pre", {
     className: "whitespace-pre-wrap"
   }, JSON.stringify({
@@ -1738,17 +1751,15 @@ var Sheet = {
   StatusBar: SheetStatusBar,
   Debug: SheetDebug
 };
-var SheetContainer = ({ sheet, space, role, coordinate = {
-  part: "main",
-  entryId: ""
-} }) => {
+var SheetContainer = ({ sheet, space, role, remoteFunctionUrl }) => {
   return /* @__PURE__ */ import_react.default.createElement("div", {
     role: "none",
-    className: (0, import_react_ui_theme.mx)("flex", role === "article" && "row-span-2", role === "section" && "aspect-square border-y border-is border-separator", coordinate.part !== "solo" && "border-is border-separator")
+    className: (0, import_react_ui_theme.mx)("flex", role === "article" && "row-span-2", role === "section" && "aspect-square border-y border-is border-separator")
   }, /* @__PURE__ */ import_react.default.createElement(Sheet.Root, {
     sheet,
-    space
+    space,
+    remoteFunctionUrl
   }, /* @__PURE__ */ import_react.default.createElement(Sheet.Main, null)));
 };
 var SheetContainer_default = SheetContainer;
-//# sourceMappingURL=SheetContainer-ESRTE7A5.cjs.map
+//# sourceMappingURL=SheetContainer-AXQV3ZT5.cjs.map