@dxos/plugin-sheet 0.7.4 → 0.7.5-labs.5f04cf6

package/dist/lib/node/react-context-OOH5QFE2.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_context_OOH5QFE2_exports = {};
+__export(react_context_OOH5QFE2_exports, {
+  default: () => react_context_default
+});
+module.exports = __toCommonJS(react_context_OOH5QFE2_exports);
+var import_chunk_FU5K66DS = require("./chunk-FU5K66DS.cjs");
+var import_chunk_ZPWW4LPY = require("./chunk-ZPWW4LPY.cjs");
+var import_chunk_E3RXOEL6 = require("./chunk-E3RXOEL6.cjs");
+var import_chunk_P4KSGZSS = require("./chunk-P4KSGZSS.cjs");
+var import_chunk_NLDXUFDG = require("./chunk-NLDXUFDG.cjs");
+var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var react_context_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactContext, {
+  id: import_chunk_NLDXUFDG.SHEET_PLUGIN,
+  context: ({ children }) => {
+    const computeGraphRegistry = (0, import_app_framework.useCapability)(import_chunk_FU5K66DS.SheetCapabilities.ComputeGraphRegistry);
+    return /* @__PURE__ */ import_react.default.createElement(import_chunk_ZPWW4LPY.ComputeGraphContextProvider, {
+      registry: computeGraphRegistry
+    }, children);
+  }
+});
+//# sourceMappingURL=react-context-OOH5QFE2.cjs.map

package/dist/lib/node/react-context-OOH5QFE2.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-context.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, useCapability } from '@dxos/app-framework';\n\nimport { SheetCapabilities } from './capabilities';\nimport { ComputeGraphContextProvider } from '../components';\nimport { SHEET_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactContext, {\n    id: SHEET_PLUGIN,\n    context: ({ children }) => {\n      const computeGraphRegistry = useCapability(SheetCapabilities.ComputeGraphRegistry);\n      return <ComputeGraphContextProvider registry={computeGraphRegistry}>{children}</ComputeGraphContextProvider>;\n    },\n  });\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAyD;AAMzD,IAAA,wBAAe,UACbA,kCAAYC,kCAAaC,cAAc;EACrCC,IAAIC;EACJC,SAAS,CAAC,EAAEC,SAAQ,MAAE;AACpB,UAAMC,2BAAuBC,oCAAcC,wCAAkBC,oBAAoB;AACjF,WAAO,6BAAAC,QAAA,cAACC,mDAAAA;MAA4BC,UAAUN;OAAuBD,QAAAA;EACvE;AACF,CAAA;",
+  "names": ["contributes", "Capabilities", "ReactContext", "id", "SHEET_PLUGIN", "context", "children", "computeGraphRegistry", "useCapability", "SheetCapabilities", "ComputeGraphRegistry", "React", "ComputeGraphContextProvider", "registry"]
+}

package/dist/lib/node/react-surface-IQN5JKSS.cjs

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_surface_IQN5JKSS_exports = {};
+__export(react_surface_IQN5JKSS_exports, {
+  default: () => react_surface_default
+});
+module.exports = __toCommonJS(react_surface_IQN5JKSS_exports);
+var import_chunk_ZPWW4LPY = require("./chunk-ZPWW4LPY.cjs");
+var import_chunk_E3RXOEL6 = require("./chunk-E3RXOEL6.cjs");
+var import_chunk_P4KSGZSS = require("./chunk-P4KSGZSS.cjs");
+var import_chunk_NLDXUFDG = require("./chunk-NLDXUFDG.cjs");
+var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_echo = require("@dxos/react-client/echo");
+var react_surface_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, [
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_NLDXUFDG.SHEET_PLUGIN}/sheet`,
+    role: [
+      "article",
+      "section"
+    ],
+    filter: (data) => data.subject instanceof import_chunk_E3RXOEL6.SheetType && !!(0, import_echo.getSpace)(data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_ZPWW4LPY.SheetContainer, {
+      space: (0, import_echo.getSpace)(data.subject),
+      sheet: data.subject,
+      role
+    })
+  }),
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_NLDXUFDG.SHEET_PLUGIN}/settings`,
+    role: "complementary--settings",
+    filter: (data) => data.subject instanceof import_chunk_E3RXOEL6.SheetType,
+    component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_ZPWW4LPY.RangeList, {
+      sheet: data.subject
+    })
+  })
+]);
+//# sourceMappingURL=react-surface-IQN5JKSS.cjs.map

package/dist/lib/node/react-surface-IQN5JKSS.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { RangeList, SheetContainer } from '../components';\nimport { SHEET_PLUGIN } from '../meta';\nimport { SheetType } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${SHEET_PLUGIN}/sheet`,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: SheetType } => data.subject instanceof SheetType && !!getSpace(data.subject),\n      component: ({ data, role }) => (\n        <SheetContainer space={getSpace(data.subject)!} sheet={data.subject} role={role} />\n      ),\n    }),\n    createSurface({\n      id: `${SHEET_PLUGIN}/settings`,\n      role: 'complementary--settings',\n      filter: (data): data is { subject: SheetType } => data.subject instanceof SheetType,\n      component: ({ data }) => <RangeList sheet={data.subject} />,\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAyD;AACzD,kBAAyB;AAMzB,IAAA,wBAAe,UACbA,kCAAYC,kCAAaC,cAAc;MACrCC,oCAAc;IACZC,IAAI,GAAGC,kCAAAA;IACPC,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SAAyCA,KAAKC,mBAAmBC,mCAAa,CAAC,KAACC,sBAASH,KAAKC,OAAO;IAC9GG,WAAW,CAAC,EAAEJ,MAAMF,KAAI,MACtB,6BAAAO,QAAA,cAACC,sCAAAA;MAAeC,WAAOJ,sBAASH,KAAKC,OAAO;MAAIO,OAAOR,KAAKC;MAASH;;EAEzE,CAAA;MACAH,oCAAc;IACZC,IAAI,GAAGC,kCAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SAAyCA,KAAKC,mBAAmBC;IAC1EE,WAAW,CAAC,EAAEJ,KAAI,MAAO,6BAAAK,QAAA,cAACI,iCAAAA;MAAUD,OAAOR,KAAKC;;EAClD,CAAA;CACD;",
+  "names": ["contributes", "Capabilities", "ReactSurface", "createSurface", "id", "SHEET_PLUGIN", "role", "filter", "data", "subject", "SheetType", "getSpace", "component", "React", "SheetContainer", "space", "sheet", "RangeList"]
+}

package/dist/lib/node/{meta.cjs → thread-VBPS23P2.cjs}

@@ -16,15 +16,17 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var meta_exports = {};
-__export(meta_exports, {
-  SHEET_PLUGIN: () => import_chunk_2ZVZI2KJ.SHEET_PLUGIN,
-  default: () => import_chunk_2ZVZI2KJ.meta_default
+var thread_VBPS23P2_exports = {};
+__export(thread_VBPS23P2_exports, {
+  default: () => thread_default
 });
-module.exports = __toCommonJS(meta_exports);
-var import_chunk_2ZVZI2KJ = require("./chunk-2ZVZI2KJ.cjs");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SHEET_PLUGIN
+module.exports = __toCommonJS(thread_VBPS23P2_exports);
+var import_chunk_E3RXOEL6 = require("./chunk-E3RXOEL6.cjs");
+var import_chunk_NLDXUFDG = require("./chunk-NLDXUFDG.cjs");
+var import_app_framework = require("@dxos/app-framework");
+var import_plugin_space = require("@dxos/plugin-space");
+var thread_default = () => (0, import_app_framework.contributes)(import_plugin_space.ThreadCapabilities.Thread, {
+  predicate: (data) => data instanceof import_chunk_E3RXOEL6.SheetType,
+  createSort: (sheet) => (indexA, indexB) => !indexA || !indexB ? 0 : (0, import_chunk_E3RXOEL6.compareIndexPositions)(sheet, indexA, indexB)
 });
-//# sourceMappingURL=meta.cjs.map
+//# sourceMappingURL=thread-VBPS23P2.cjs.map

package/dist/lib/node/thread-VBPS23P2.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/thread.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes } from '@dxos/app-framework';\nimport { ThreadCapabilities } from '@dxos/plugin-space';\n\nimport { compareIndexPositions, SheetType } from '../types';\n\nexport default () =>\n  contributes(ThreadCapabilities.Thread, {\n    predicate: (data) => data instanceof SheetType,\n    createSort: (sheet) => (indexA, indexB) => (!indexA || !indexB ? 0 : compareIndexPositions(sheet, indexA, indexB)),\n  });\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA4B;AAC5B,0BAAmC;AAInC,IAAA,iBAAe,UACbA,kCAAYC,uCAAmBC,QAAQ;EACrCC,WAAW,CAACC,SAASA,gBAAgBC;EACrCC,YAAY,CAACC,UAAU,CAACC,QAAQC,WAAY,CAACD,UAAU,CAACC,SAAS,QAAIC,6CAAsBH,OAAOC,QAAQC,MAAAA;AAC5G,CAAA;",
+  "names": ["contributes", "ThreadCapabilities", "Thread", "predicate", "data", "SheetType", "createSort", "sheet", "indexA", "indexB", "compareIndexPositions"]
+}

package/dist/lib/node/types/index.cjs

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+__export(types_exports, {
+  ApiError: () => import_chunk_E3RXOEL6.ApiError,
+  CellValue: () => import_chunk_E3RXOEL6.CellValue,
+  DEFAULT_COLS: () => import_chunk_E3RXOEL6.DEFAULT_COLS,
+  DEFAULT_ROWS: () => import_chunk_E3RXOEL6.DEFAULT_ROWS,
+  MAX_COLS: () => import_chunk_E3RXOEL6.MAX_COLS,
+  MAX_ROWS: () => import_chunk_E3RXOEL6.MAX_ROWS,
+  Range: () => import_chunk_E3RXOEL6.Range,
+  RangeException: () => import_chunk_E3RXOEL6.RangeException,
+  ReadonlyException: () => import_chunk_E3RXOEL6.ReadonlyException,
+  RowColumnMeta: () => import_chunk_E3RXOEL6.RowColumnMeta,
+  SheetAction: () => import_chunk_E3RXOEL6.SheetAction,
+  SheetType: () => import_chunk_E3RXOEL6.SheetType,
+  addressFromIndex: () => import_chunk_E3RXOEL6.addressFromIndex,
+  addressToIndex: () => import_chunk_E3RXOEL6.addressToIndex,
+  alignKey: () => import_chunk_E3RXOEL6.alignKey,
+  cellClassNameForRange: () => import_chunk_E3RXOEL6.cellClassNameForRange,
+  commentKey: () => import_chunk_E3RXOEL6.commentKey,
+  compareIndexPositions: () => import_chunk_E3RXOEL6.compareIndexPositions,
+  createIndex: () => import_chunk_E3RXOEL6.createIndex,
+  createIndices: () => import_chunk_E3RXOEL6.createIndices,
+  createSheet: () => import_chunk_E3RXOEL6.createSheet,
+  initialize: () => import_chunk_E3RXOEL6.initialize,
+  insertIndices: () => import_chunk_E3RXOEL6.insertIndices,
+  mapFormulaIndicesToRefs: () => import_chunk_E3RXOEL6.mapFormulaIndicesToRefs,
+  mapFormulaRefsToIndices: () => import_chunk_E3RXOEL6.mapFormulaRefsToIndices,
+  rangeFromIndex: () => import_chunk_E3RXOEL6.rangeFromIndex,
+  rangeToIndex: () => import_chunk_E3RXOEL6.rangeToIndex,
+  styleKey: () => import_chunk_E3RXOEL6.styleKey
+});
+module.exports = __toCommonJS(types_exports);
+var import_chunk_E3RXOEL6 = require("../chunk-E3RXOEL6.cjs");
+var import_chunk_NLDXUFDG = require("../chunk-NLDXUFDG.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApiError,
+  CellValue,
+  DEFAULT_COLS,
+  DEFAULT_ROWS,
+  MAX_COLS,
+  MAX_ROWS,
+  Range,
+  RangeException,
+  ReadonlyException,
+  RowColumnMeta,
+  SheetAction,
+  SheetType,
+  addressFromIndex,
+  addressToIndex,
+  alignKey,
+  cellClassNameForRange,
+  commentKey,
+  compareIndexPositions,
+  createIndex,
+  createIndices,
+  createSheet,
+  initialize,
+  insertIndices,
+  mapFormulaIndicesToRefs,
+  mapFormulaRefsToIndices,
+  rangeFromIndex,
+  rangeToIndex,
+  styleKey
+});
+//# sourceMappingURL=index.cjs.map

package/dist/lib/node/types/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.cjs"],
+  "sourcesContent": ["import {\n  ApiError,\n  CellValue,\n  DEFAULT_COLS,\n  DEFAULT_ROWS,\n  MAX_COLS,\n  MAX_ROWS,\n  Range,\n  RangeException,\n  ReadonlyException,\n  RowColumnMeta,\n  SheetAction,\n  SheetType,\n  addressFromIndex,\n  addressToIndex,\n  alignKey,\n  cellClassNameForRange,\n  commentKey,\n  compareIndexPositions,\n  createIndex,\n  createIndices,\n  createSheet,\n  initialize,\n  insertIndices,\n  mapFormulaIndicesToRefs,\n  mapFormulaRefsToIndices,\n  rangeFromIndex,\n  rangeToIndex,\n  styleKey\n} from \"../chunk-E3RXOEL6.cjs\";\nimport \"../chunk-NLDXUFDG.cjs\";\nexport {\n  ApiError,\n  CellValue,\n  DEFAULT_COLS,\n  DEFAULT_ROWS,\n  MAX_COLS,\n  MAX_ROWS,\n  Range,\n  RangeException,\n  ReadonlyException,\n  RowColumnMeta,\n  SheetAction,\n  SheetType,\n  addressFromIndex,\n  addressToIndex,\n  alignKey,\n  cellClassNameForRange,\n  commentKey,\n  compareIndexPositions,\n  createIndex,\n  createIndices,\n  createSheet,\n  initialize,\n  insertIndices,\n  mapFormulaIndicesToRefs,\n  mapFormulaRefsToIndices,\n  rangeFromIndex,\n  rangeToIndex,\n  styleKey\n};\n//# sourceMappingURL=index.cjs.map\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BA6BO;AACP,4BAAO;",
+  "names": []
+}

package/dist/lib/node-esm/SheetContainer-QEEFORIC.mjs

@@ -0,0 +1,371 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  GridSheet,
+  SheetProvider,
+  completeCellRangeToThreadCursor,
+  useComputeGraph,
+  useSheetContext
+} from "./chunk-OXD6RBFF.mjs";
+import {
+  alignKey,
+  commentKey,
+  mapFormulaIndicesToRefs,
+  rangeFromIndex,
+  rangeToIndex
+} from "./chunk-NSVUOAI6.mjs";
+import "./chunk-PTOI45NK.mjs";
+import {
+  SHEET_PLUGIN
+} from "./chunk-FMOVRTS4.mjs";
+
+// packages/plugins/plugin-sheet/src/components/SheetContainer/SheetContainer.tsx
+import React3 from "react";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { StackItem } from "@dxos/react-ui-stack";
+
+// packages/plugins/plugin-sheet/src/components/FunctionEditor/FunctionEditor.tsx
+import React from "react";
+import { addressToA1Notation, isFormula, rangeToA1Notation } from "@dxos/compute";
+import { Icon } from "@dxos/react-ui";
+var FunctionEditor = () => {
+  const { model, cursor, range } = useSheetContext();
+  let value;
+  let formula = false;
+  if (cursor) {
+    value = model.getCellValue(cursor);
+    if (isFormula(value)) {
+      value = model.graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(model.sheet, value));
+      formula = true;
+    } else if (value != null) {
+      value = String(value);
+    }
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex shrink-0 justify-between items-center px-4 py-1 text-sm attention-surface border-bs !border-separator"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex gap-4 items-center"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex w-16 items-center font-mono"
+  }, range && rangeToA1Notation(range) || cursor && addressToA1Notation(cursor)), /* @__PURE__ */ React.createElement("div", {
+    className: "flex gap-2 items-center"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--function--regular",
+    classNames: [
+      "text-greenText",
+      formula ? "visible" : "invisible"
+    ]
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: "font-mono"
+  }, value))));
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetToolbar/SheetToolbar.tsx
+import React2, { useCallback as useCallback2 } from "react";
+import { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from "@dxos/react-ui-menu";
+
+// packages/plugins/plugin-sheet/src/components/SheetToolbar/align.ts
+import { useEffect } from "react";
+import { inRange } from "@dxos/compute";
+import { createMenuAction, createMenuItemGroup } from "@dxos/react-ui-menu";
+var aligns = {
+  start: "ph--text-align-left--regular",
+  center: "ph--text-align-center--regular",
+  end: "ph--text-align-right--regular"
+};
+var useAlignState = (state) => {
+  const { cursor, model } = useSheetContext();
+  useEffect(() => {
+    state[alignKey] = cursor ? model.sheet.ranges?.findLast(({ range, key }) => key === alignKey && inRange(rangeFromIndex(model.sheet, range), cursor))?.value : void 0;
+  }, [
+    cursor,
+    model.sheet
+  ]);
+};
+var createAlignGroupAction = (value) => createMenuItemGroup("align", {
+  label: [
+    "align label",
+    {
+      ns: SHEET_PLUGIN
+    }
+  ],
+  variant: "toggleGroup",
+  selectCardinality: "single",
+  value: `${alignKey}--${value}`
+});
+var createAlignActions = (value) => Object.entries(aligns).map(([alignValue, icon]) => {
+  return createMenuAction(`${alignKey}--${alignValue}`, {
+    key: alignKey,
+    value: alignValue,
+    checked: value === alignValue,
+    label: [
+      `range value ${alignValue} label`,
+      {
+        ns: SHEET_PLUGIN
+      }
+    ],
+    icon,
+    testId: `grid.toolbar.${alignKey}.${alignValue}`
+  });
+});
+var createAlign = ({ [alignKey]: alignValue }) => {
+  const alignGroup = createAlignGroupAction(alignValue);
+  const alignActions = createAlignActions(alignValue);
+  return {
+    nodes: [
+      alignGroup,
+      ...alignActions
+    ],
+    edges: [
+      {
+        source: "root",
+        target: "align"
+      },
+      ...alignActions.map(({ id }) => ({
+        source: alignGroup.id,
+        target: id
+      }))
+    ]
+  };
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetToolbar/comment.ts
+import { useEffect as useEffect2, useMemo } from "react";
+import { RefArray } from "@dxos/live-object";
+import { createMenuAction as createMenuAction2 } from "@dxos/react-ui-menu";
+var useCommentState = (state) => {
+  const { cursorFallbackRange, model } = useSheetContext();
+  const overlapsCommentAnchor = useMemo(() => RefArray.allResolvedTargets(model.sheet.threads ?? []).filter((thread) => thread.status !== "resolved").some((thread) => {
+    if (!cursorFallbackRange) {
+      return false;
+    }
+    return rangeToIndex(model.sheet, cursorFallbackRange) === thread.anchor;
+  }), [
+    cursorFallbackRange,
+    model.sheet
+  ]);
+  useEffect2(() => {
+    state.commentEnabled = !cursorFallbackRange ? "no cursor" : overlapsCommentAnchor ? "selection overlaps existing comment" : "comment";
+  }, [
+    overlapsCommentAnchor,
+    cursorFallbackRange
+  ]);
+};
+var createCommentAction = (state) => createMenuAction2("comment", {
+  key: commentKey,
+  testId: "editor.toolbar.comment",
+  icon: "ph--chat-text--regular",
+  label: [
+    `${state.commentEnabled} label`,
+    {
+      ns: SHEET_PLUGIN
+    }
+  ],
+  disabled: state.commentEnabled !== "comment"
+});
+var createComment = (state) => ({
+  nodes: [
+    createCommentAction(state)
+  ],
+  edges: [
+    {
+      source: "root",
+      target: "comment"
+    }
+  ]
+});
+
+// packages/plugins/plugin-sheet/src/components/SheetToolbar/style.ts
+import { useEffect as useEffect3 } from "react";
+import { inRange as inRange2 } from "@dxos/compute";
+import { createMenuAction as createMenuAction3, createMenuItemGroup as createMenuItemGroup2 } from "@dxos/react-ui-menu";
+var styles = {
+  highlight: "ph--highlighter--regular",
+  softwrap: "ph--paragraph--regular"
+};
+var useStyleState = (state) => {
+  const { cursorFallbackRange, model } = useSheetContext();
+  useEffect3(() => {
+    state.highlight = false;
+    state.softwrap = false;
+    if (cursorFallbackRange && model.sheet.ranges) {
+      model.sheet.ranges.filter(({ range, key }) => key === "style" && inRange2(rangeFromIndex(model.sheet, range), cursorFallbackRange.from)).forEach(({ value }) => {
+        state[value] = true;
+      });
+    }
+  }, [
+    cursorFallbackRange,
+    model.sheet
+  ]);
+};
+var createStyleGroup = (state) => {
+  return createMenuItemGroup2("style", {
+    variant: "toggleGroup",
+    selectCardinality: "multiple",
+    value: Object.keys(styles).filter((key) => !!state[key]).map((styleValue) => `style--${styleValue}`)
+  });
+};
+var createStyleActions = (state) => Object.entries(styles).map(([styleValue, icon]) => {
+  return createMenuAction3(`style--${styleValue}`, {
+    key: "style",
+    value: styleValue,
+    icon,
+    label: [
+      `range value ${styleValue} label`,
+      {
+        ns: SHEET_PLUGIN
+      }
+    ],
+    checked: !!state[styleValue]
+  });
+});
+var createStyle = (state) => {
+  const styleGroupAction = createStyleGroup(state);
+  const styleActions = createStyleActions(state);
+  return {
+    nodes: [
+      styleGroupAction,
+      ...styleActions
+    ],
+    edges: [
+      {
+        source: "root",
+        target: "style"
+      },
+      ...styleActions.map(({ id }) => ({
+        source: styleGroupAction.id,
+        target: id
+      }))
+    ]
+  };
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetToolbar/useToolbarAction.ts
+import { useCallback } from "react";
+import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { inRange as inRange3 } from "@dxos/compute";
+import { ThreadAction } from "@dxos/plugin-thread/types";
+var useToolbarAction = (state) => {
+  const { model, cursorFallbackRange, cursor } = useSheetContext();
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  return useCallback((action) => {
+    const { key, value } = action.properties;
+    if (cursorFallbackRange) {
+      const index = model.sheet.ranges?.findIndex((range) => range.key === key && inRange3(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
+      const nextRangeEntity = {
+        range: rangeToIndex(model.sheet, cursorFallbackRange),
+        key,
+        value
+      };
+      switch (key) {
+        case "alignment":
+          if (index < 0) {
+            model.sheet.ranges?.push(nextRangeEntity);
+            state[alignKey] = value;
+          } else if (model.sheet.ranges[index].value === value) {
+            model.sheet.ranges?.splice(index, 1);
+            state[alignKey] = void 0;
+          } else {
+            model.sheet.ranges?.splice(index, 1, nextRangeEntity);
+            state[alignKey] = value;
+          }
+          break;
+        case "style":
+          if (model.sheet.ranges.filter(({ range, key: rangeKey }) => rangeKey === "style" && inRange3(rangeFromIndex(model.sheet, range), cursorFallbackRange.from)).some(({ value: rangeValue }) => rangeValue === value)) {
+            if (index >= 0) {
+              model.sheet.ranges?.splice(index, 1);
+            }
+            state[value] = false;
+          } else {
+            model.sheet.ranges?.push(nextRangeEntity);
+            state[value] = true;
+          }
+          break;
+        case "comment": {
+          const cellContent = model.getCellText(cursorFallbackRange.from);
+          void dispatch(createIntent(ThreadAction.Create, {
+            cursor: completeCellRangeToThreadCursor(cursorFallbackRange),
+            name: cellContent,
+            subject: model.sheet
+          }));
+        }
+      }
+    }
+  }, [
+    model.sheet,
+    cursorFallbackRange,
+    cursor,
+    dispatch
+  ]);
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetToolbar/useToolbarState.ts
+import { useMemo as useMemo2 } from "react";
+import { create } from "@dxos/live-object";
+var useToolbarState = (initialState = {}) => {
+  return useMemo2(() => create(initialState), []);
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetToolbar/SheetToolbar.tsx
+var createToolbarActions = (state) => {
+  const align = createAlign(state);
+  const style = createStyle(state);
+  const gap = createGapSeparator();
+  const comment = createComment(state);
+  return {
+    nodes: [
+      ...align.nodes,
+      ...style.nodes,
+      ...gap.nodes,
+      ...comment.nodes
+    ],
+    edges: [
+      ...align.edges,
+      ...style.edges,
+      ...gap.edges,
+      ...comment.edges
+    ]
+  };
+};
+var SheetToolbar = ({ attendableId, classNames }) => {
+  const state = useToolbarState({});
+  useAlignState(state);
+  useStyleState(state);
+  useCommentState(state);
+  const actionsCreator = useCallback2(() => createToolbarActions(state), [
+    state
+  ]);
+  const menu = useMenuActions(actionsCreator);
+  const handleAction = useToolbarAction(state);
+  return /* @__PURE__ */ React2.createElement(MenuProvider, {
+    ...menu,
+    attendableId,
+    onAction: handleAction
+  }, /* @__PURE__ */ React2.createElement(ToolbarMenu, {
+    classNames
+  }));
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetContainer/SheetContainer.tsx
+var SheetContainer = ({ space, sheet, role, ignoreAttention }) => {
+  const graph = useComputeGraph(space);
+  return graph ? /* @__PURE__ */ React3.createElement(SheetProvider, {
+    sheet,
+    graph,
+    ignoreAttention
+  }, /* @__PURE__ */ React3.createElement(StackItem.Content, {
+    toolbar: true,
+    statusbar: true,
+    ...role === "section" && {
+      classNames: "aspect-video"
+    }
+  }, /* @__PURE__ */ React3.createElement(SheetToolbar, {
+    attendableId: fullyQualifiedId(sheet)
+  }), /* @__PURE__ */ React3.createElement(GridSheet, null), /* @__PURE__ */ React3.createElement(FunctionEditor, null))) : null;
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetContainer/index.ts
+var SheetContainer_default = SheetContainer;
+export {
+  SheetContainer_default as default
+};
+//# sourceMappingURL=SheetContainer-QEEFORIC.mjs.map