@dxos/plugin-sheet 0.8.4-main.f9ba587 → 0.8.4-staging.60fe92afc8

package/dist/types/src/components/SheetContent/SheetCellEditor.stories.d.ts

@@ -0,0 +1,16 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import { type CellEditorProps } from '@dxos/react-ui-grid';
+declare const meta: {
+    title: string;
+    decorators: import("@storybook/react").Decorator[];
+    component: ({ value, extensions, box, gridId, autoFocus, slots, onBlur }: CellEditorProps) => React.JSX.Element;
+    render: ({ value, ...props }: CellEditorProps) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AutoComplete: Story;
+export declare const Formatting: Story;
+export declare const Automerge: Story;
+//# sourceMappingURL=SheetCellEditor.stories.d.ts.map

package/dist/types/src/components/SheetContent/SheetCellEditor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetCellEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetContent/SheetCellEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAkDvE,QAAA,MAAM,IAAI;;;;kCA1CiC,eAAe;CAgDrB,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/types/src/components/SheetContent/SheetContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type SheetContentProps = {};
+export declare const SheetContent: React.ForwardRefExoticComponent<Omit<SheetContentProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SheetContent.d.ts.map

package/dist/types/src/components/SheetContent/SheetContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetContent/SheetContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAUN,MAAM,OAAO,CAAC;AA4Df,MAAM,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAEnC,eAAO,MAAM,YAAY;;2HAyUvB,CAAC"}

package/dist/types/src/components/SheetContent/SheetContent.stories.d.ts

@@ -0,0 +1,93 @@
+import React from 'react';
+export declare const Basic: () => React.JSX.Element | null;
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<import("./SheetContent").SheetContentProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly [x: string]: {
+                    readonly 'typename.label': 'Sheet';
+                    readonly 'typename.label_zero': 'Sheets';
+                    readonly 'typename.label_one': 'Sheet';
+                    readonly 'typename.label_other': 'Sheets';
+                    readonly 'object-name.placeholder': 'New sheet';
+                    readonly 'add-object.label': 'Add sheet';
+                    readonly 'rename-object.label': 'Rename sheet';
+                    readonly 'delete-object.label': 'Delete sheet';
+                    readonly 'object-deleted.label': 'Sheet deleted';
+                    readonly 'plugin.name'?: undefined;
+                    readonly 'cell.placeholder'?: undefined;
+                    readonly 'range-key.alignment.label'?: undefined;
+                    readonly 'range-key.style.label'?: undefined;
+                    readonly 'range-value.start.label'?: undefined;
+                    readonly 'range-value.center.label'?: undefined;
+                    readonly 'range-value.end.label'?: undefined;
+                    readonly 'range-value.softwrap.label'?: undefined;
+                    readonly 'range-value.highlight.label'?: undefined;
+                    readonly 'toolbar-action.label'?: undefined;
+                    readonly 'selection-overlaps-existing-comment.label'?: undefined;
+                    readonly 'comment.label'?: undefined;
+                    readonly 'comment-ranges-not-supported.label'?: undefined;
+                    readonly 'no-cursor.label'?: undefined;
+                    readonly 'add-col-before.label'?: undefined;
+                    readonly 'add-col-after.label'?: undefined;
+                    readonly 'delete-col.label'?: undefined;
+                    readonly 'add-row-before.label'?: undefined;
+                    readonly 'add-row-after.label'?: undefined;
+                    readonly 'delete-row.label'?: undefined;
+                    readonly 'range-list.heading'?: undefined;
+                    readonly 'no-ranges.message'?: undefined;
+                    readonly 'range.title'?: undefined;
+                    readonly 'col-dropped.label'?: undefined;
+                    readonly 'row-dropped.label'?: undefined;
+                    readonly 'align.label'?: undefined;
+                    readonly 'axis-dropped.label'?: undefined;
+                } | {
+                    readonly 'typename.label'?: undefined;
+                    readonly 'typename.label_zero'?: undefined;
+                    readonly 'typename.label_one'?: undefined;
+                    readonly 'typename.label_other'?: undefined;
+                    readonly 'object-name.placeholder'?: undefined;
+                    readonly 'add-object.label'?: undefined;
+                    readonly 'rename-object.label'?: undefined;
+                    readonly 'delete-object.label'?: undefined;
+                    readonly 'object-deleted.label'?: undefined;
+                    readonly 'plugin.name': 'Sheets';
+                    readonly 'cell.placeholder': 'Cell value...';
+                    readonly 'range-key.alignment.label': 'Align';
+                    readonly 'range-key.style.label': 'Style';
+                    readonly 'range-value.start.label': 'Align left';
+                    readonly 'range-value.center.label': 'Align center';
+                    readonly 'range-value.end.label': 'Align right';
+                    readonly 'range-value.softwrap.label': 'Wrap text';
+                    readonly 'range-value.highlight.label': 'Highlight';
+                    readonly 'toolbar-action.label': '{{value}}';
+                    readonly 'selection-overlaps-existing-comment.label': 'Selected cell already has a comment';
+                    readonly 'comment.label': 'Add comment';
+                    readonly 'comment-ranges-not-supported.label': 'Commenting on ranges is not yet supported';
+                    readonly 'no-cursor.label': 'Select a cell to comment';
+                    readonly 'add-col-before.label': 'Add column before';
+                    readonly 'add-col-after.label': 'Add column after';
+                    readonly 'delete-col.label': 'Delete column';
+                    readonly 'add-row-before.label': 'Add row before';
+                    readonly 'add-row-after.label': 'Add row after';
+                    readonly 'delete-row.label': 'Delete row';
+                    readonly 'range-list.heading': 'Ranges';
+                    readonly 'no-ranges.message': 'No ranges';
+                    readonly 'range.title': '{{position}} \u2014 {{value}}';
+                    readonly 'col-dropped.label': 'Deleted a column';
+                    readonly 'row-dropped.label': 'Deleted a row';
+                    readonly 'align.label': 'Text align';
+                    readonly 'axis-dropped.label': 'Drop axis';
+                };
+            };
+        }];
+    };
+};
+export default meta;
+//# sourceMappingURL=SheetContent.stories.d.ts.map

package/dist/types/src/components/SheetContent/SheetContent.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetContent/SheetContent.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,eAAO,MAAM,KAAK,gCAejB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB2B,CAAC;eAEvB,IAAI"}

package/dist/types/src/components/SheetContent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SheetContent';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/SheetContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetContent/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC"}

package/dist/types/src/components/{GridSheet → SheetContent}/util.d.ts

@@ -1,4 +1,4 @@
-import { type GridContentProps, type DxGridElement } from '@dxos/react-ui-grid';
+import { type DxGridElement, type GridContentProps } from '@dxos/react-ui-grid';
 import { type SheetModel } from '../../model';
 export declare const rowLabelCell: (row: number) => {
     value: string;
@@ -10,5 +10,5 @@ export declare const colLabelCell: (col: number) => {
     className: string;
     resizeHandle: string;
 };
-export declare const useSheetModelDxGridProps: (dxGrid: DxGridElement | null, model: SheetModel) => Pick<GridContentProps, "columns" | "rows">;
+export declare const useSheetModelDxGridProps: (dxGrid: DxGridElement | null, model: SheetModel) => Pick<GridContentProps, 'columns' | 'rows'>;
 //# sourceMappingURL=util.d.ts.map

package/dist/types/src/components/SheetContent/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetContent/util.ts"],"names":[],"mappings":"AASA,OAAO,EAGL,KAAK,aAAa,EAIlB,KAAK,gBAAgB,EAItB,MAAM,qBAAqB,CAAC;AAK7B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAwE9C,eAAO,MAAM,YAAY,QAAS,MAAM;IACtC,KAAK;IACL,SAAS;IACT,YAAY;CACZ,CAAC;AAEH,eAAO,MAAM,YAAY,QAAS,MAAM;IACtC,KAAK;IACL,SAAS;IACT,YAAY;CACZ,CAAC;AA+BH,eAAO,MAAM,wBAAwB,WAC3B,aAAa,GAAG,IAAI,SACrB,UAAU,KAChB,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,MAAM,CAsC3C,CAAC"}

package/dist/types/src/components/{SheetContext/SheetContext.d.ts → SheetRoot/SheetRoot.d.ts}

@@ -1,10 +1,11 @@
 import React, { type PropsWithChildren } from 'react';
-import { type ComputeGraph, type CellAddress, type CellRange, type CompleteCellRange } from '@dxos/compute';
+import { type CellAddress, type CellRange, type CompleteCellRange, type ComputeGraph } from '@dxos/compute-hyperformula';
 import { type GridContentProps, type GridEditing } from '@dxos/react-ui-grid';
+import { type Sheet } from '#types';
 import { type SheetModel } from '../../model';
-import { type SheetType } from '../../types';
 export type SheetContextValue = {
     id: string;
+    attendableId: string;
     model: SheetModel;
     cursor?: CellAddress;
     setCursor: (cell: CellAddress | undefined) => void;
@@ -15,15 +16,16 @@ export type SheetContextValue = {
     setEditing: (editing: GridEditing) => void;
     activeRefs: GridContentProps['activeRefs'];
     setActiveRefs: (activeRefs: GridContentProps['activeRefs']) => void;
-    onInfo?: () => void;
     ignoreAttention?: boolean;
+    onInfo?: () => void;
 };
 export declare const useSheetContext: () => SheetContextValue;
-export type SheetProviderProps = {
+export type SheetRootProps = {
     graph: ComputeGraph;
-    sheet: SheetType;
+    sheet: Sheet.Sheet;
+    attendableId: string;
     readonly?: boolean;
     ignoreAttention?: boolean;
 } & Pick<SheetContextValue, 'onInfo'>;
-export declare const SheetProvider: ({ children, graph, sheet, readonly, ignoreAttention, onInfo, }: PropsWithChildren<SheetProviderProps>) => React.JSX.Element | null;
-//# sourceMappingURL=SheetContext.d.ts.map
+export declare const SheetRoot: ({ children, graph, sheet, attendableId, readonly, ignoreAttention, onInfo, }: PropsWithChildren<SheetRootProps>) => React.JSX.Element | null;
+//# sourceMappingURL=SheetRoot.d.ts.map

package/dist/types/src/components/SheetRoot/SheetRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetRoot/SheetRoot.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAExG,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAGjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEpC,OAAO,EAAE,KAAK,UAAU,EAAiB,MAAM,aAAa,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;IAIlB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IAGxC,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAG3C,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC3C,aAAa,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAGpE,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAKF,eAAO,MAAM,eAAe,QAAO,iBAElC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;AAEtC,eAAO,MAAM,SAAS,iFAQnB,iBAAiB,CAAC,cAAc,CAAC,6BAanC,CAAC"}

package/dist/types/src/components/SheetRoot/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SheetRoot';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/SheetRoot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetRoot/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}

package/dist/types/src/components/SheetStatusbar/SheetStatusbar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type SheetStatusbarProps = {};
+export declare const SheetStatusbar: React.ForwardRefExoticComponent<Omit<SheetStatusbarProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SheetStatusbar.d.ts.map

package/dist/types/src/components/SheetStatusbar/SheetStatusbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetStatusbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetStatusbar/SheetStatusbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAErC,eAAO,MAAM,cAAc;;2HAoCzB,CAAC"}

package/dist/types/src/components/SheetStatusbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SheetStatusbar';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/SheetStatusbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetStatusbar/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC"}

package/dist/types/src/components/SheetToolbar/SheetToolbar.d.ts

@@ -1,7 +1,6 @@
-import React, { type PropsWithChildren } from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-export type SheetToolbarProps = ThemedClassName<PropsWithChildren<{
-    id: string;
-}>>;
-export declare const SheetToolbar: ({ id, classNames }: SheetToolbarProps) => React.JSX.Element;
+import React from 'react';
+export type SheetToolbarProps = {};
+export declare const SheetToolbar: React.ForwardRefExoticComponent<Omit<SheetToolbarProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=SheetToolbar.d.ts.map

package/dist/types/src/components/SheetToolbar/SheetToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/SheetToolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAsBtD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAAC;AA0BnF,eAAO,MAAM,YAAY,GAAI,oBAAoB,iBAAiB,sBA0BjE,CAAC"}
+{"version":3,"file":"SheetToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/SheetToolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkDnD,MAAM,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAEnC,eAAO,MAAM,YAAY;;2HA8BvB,CAAC"}

package/dist/types/src/components/SheetToolbar/SheetToolbar.stories.d.ts

@@ -1,6 +1,94 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-export declare const Default: {};
-declare const meta: Meta;
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: any;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly [x: string]: {
+                    readonly 'typename.label': 'Sheet';
+                    readonly 'typename.label_zero': 'Sheets';
+                    readonly 'typename.label_one': 'Sheet';
+                    readonly 'typename.label_other': 'Sheets';
+                    readonly 'object-name.placeholder': 'New sheet';
+                    readonly 'add-object.label': 'Add sheet';
+                    readonly 'rename-object.label': 'Rename sheet';
+                    readonly 'delete-object.label': 'Delete sheet';
+                    readonly 'object-deleted.label': 'Sheet deleted';
+                    readonly 'plugin.name'?: undefined;
+                    readonly 'cell.placeholder'?: undefined;
+                    readonly 'range-key.alignment.label'?: undefined;
+                    readonly 'range-key.style.label'?: undefined;
+                    readonly 'range-value.start.label'?: undefined;
+                    readonly 'range-value.center.label'?: undefined;
+                    readonly 'range-value.end.label'?: undefined;
+                    readonly 'range-value.softwrap.label'?: undefined;
+                    readonly 'range-value.highlight.label'?: undefined;
+                    readonly 'toolbar-action.label'?: undefined;
+                    readonly 'selection-overlaps-existing-comment.label'?: undefined;
+                    readonly 'comment.label'?: undefined;
+                    readonly 'comment-ranges-not-supported.label'?: undefined;
+                    readonly 'no-cursor.label'?: undefined;
+                    readonly 'add-col-before.label'?: undefined;
+                    readonly 'add-col-after.label'?: undefined;
+                    readonly 'delete-col.label'?: undefined;
+                    readonly 'add-row-before.label'?: undefined;
+                    readonly 'add-row-after.label'?: undefined;
+                    readonly 'delete-row.label'?: undefined;
+                    readonly 'range-list.heading'?: undefined;
+                    readonly 'no-ranges.message'?: undefined;
+                    readonly 'range.title'?: undefined;
+                    readonly 'col-dropped.label'?: undefined;
+                    readonly 'row-dropped.label'?: undefined;
+                    readonly 'align.label'?: undefined;
+                    readonly 'axis-dropped.label'?: undefined;
+                } | {
+                    readonly 'typename.label'?: undefined;
+                    readonly 'typename.label_zero'?: undefined;
+                    readonly 'typename.label_one'?: undefined;
+                    readonly 'typename.label_other'?: undefined;
+                    readonly 'object-name.placeholder'?: undefined;
+                    readonly 'add-object.label'?: undefined;
+                    readonly 'rename-object.label'?: undefined;
+                    readonly 'delete-object.label'?: undefined;
+                    readonly 'object-deleted.label'?: undefined;
+                    readonly 'plugin.name': 'Sheets';
+                    readonly 'cell.placeholder': 'Cell value...';
+                    readonly 'range-key.alignment.label': 'Align';
+                    readonly 'range-key.style.label': 'Style';
+                    readonly 'range-value.start.label': 'Align left';
+                    readonly 'range-value.center.label': 'Align center';
+                    readonly 'range-value.end.label': 'Align right';
+                    readonly 'range-value.softwrap.label': 'Wrap text';
+                    readonly 'range-value.highlight.label': 'Highlight';
+                    readonly 'toolbar-action.label': '{{value}}';
+                    readonly 'selection-overlaps-existing-comment.label': 'Selected cell already has a comment';
+                    readonly 'comment.label': 'Add comment';
+                    readonly 'comment-ranges-not-supported.label': 'Commenting on ranges is not yet supported';
+                    readonly 'no-cursor.label': 'Select a cell to comment';
+                    readonly 'add-col-before.label': 'Add column before';
+                    readonly 'add-col-after.label': 'Add column after';
+                    readonly 'delete-col.label': 'Delete column';
+                    readonly 'add-row-before.label': 'Add row before';
+                    readonly 'add-row-after.label': 'Add row after';
+                    readonly 'delete-row.label': 'Delete row';
+                    readonly 'range-list.heading': 'Ranges';
+                    readonly 'no-ranges.message': 'No ranges';
+                    readonly 'range.title': '{{position}} \u2014 {{value}}';
+                    readonly 'col-dropped.label': 'Deleted a column';
+                    readonly 'row-dropped.label': 'Deleted a row';
+                    readonly 'align.label': 'Text align';
+                    readonly 'axis-dropped.label': 'Drop axis';
+                };
+            };
+        }];
+    };
+};
 export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=SheetToolbar.stories.d.ts.map

package/dist/types/src/components/SheetToolbar/SheetToolbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetToolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/SheetToolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAYlD,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"SheetToolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/SheetToolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,QAAA,MAAM,IAAI;;eAEmB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOK,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/SheetToolbar/align.d.ts

@@ -1,8 +1,9 @@
-import { type CompleteCellRange } from '@dxos/compute';
-import { type ToolbarMenuActionGroupProperties } from '@dxos/react-ui-menu';
-import { type ToolbarState } from './useToolbarState';
+import { type Registry } from '@effect-atom/atom-react';
+import { type CompleteCellRange } from '@dxos/compute-hyperformula';
+import { type ActionGraphProps } from '@dxos/react-ui-menu';
+import { type AlignKey, type AlignValue, alignKey } from '#types';
 import { type SheetModel } from '../../model';
-import { type AlignKey, alignKey, type AlignValue } from '../../types';
+import { type ToolbarState, type ToolbarStateAtom } from './useToolbarState';
 export type AlignAction = {
     key: AlignKey;
     value: AlignValue;
@@ -10,22 +11,14 @@ export type AlignAction = {
 export type AlignState = {
     [alignKey]: AlignValue | undefined;
 };
-export declare const useAlignState: (state: Partial<AlignState>) => void;
-export declare const createAlign: (model: SheetModel, state: ToolbarState, cursorFallbackRange?: CompleteCellRange) => {
-    nodes: ({
-        id: string;
-        type: string;
-        properties: ToolbarMenuActionGroupProperties;
-        data: typeof import("@dxos/app-graph").actionGroupSymbol;
-    } | {
-        id: string;
-        type: string;
-        properties: AlignAction & import("@dxos/react-ui-menu").MenuActionProperties;
-        data: () => void;
-    })[];
-    edges: {
-        source: string;
-        target: string;
-    }[];
+export declare const useAlignState: (stateAtom: ToolbarStateAtom) => void;
+type AlignActionsContext = {
+    model: SheetModel;
+    state: ToolbarState;
+    stateAtom: ToolbarStateAtom;
+    registry: Registry.Registry;
+    cursorFallbackRange?: CompleteCellRange;
 };
+export declare const createAlign: (context: AlignActionsContext) => ActionGraphProps;
+export {};
 //# sourceMappingURL=align.d.ts.map

package/dist/types/src/components/SheetToolbar/align.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"align.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/align.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,eAAe,CAAC;AAChE,OAAO,EAAyC,KAAK,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAEnH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,QAAQ,EAAE,QAAQ,EAAE,KAAK,UAAU,EAAgC,MAAM,aAAa,CAAC;AAGrG,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CAAE,CAAC;AAQhE,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,CAAC,UAAU,CAAC,SAYvD,CAAC;AAkDF,eAAO,MAAM,WAAW,GAAI,OAAO,UAAU,EAAE,OAAO,YAAY,EAAE,sBAAsB,iBAAiB;;;;;;;;;;;;;;;;CAU1G,CAAC"}
+{"version":3,"file":"align.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/align.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAmB,MAAM,yBAAyB,CAAC;AAGzE,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EACL,KAAK,gBAAgB,EAItB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,QAAQ,EAAgC,MAAM,QAAQ,CAAC;AAEhG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CAAE,CAAC;AAQhE,eAAO,MAAM,aAAa,cAAe,gBAAgB,SAexD,CAAC;AAUF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC5B,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC,CAAC;AAiDF,eAAO,MAAM,WAAW,YAAa,mBAAmB,KAAG,gBAU1D,CAAC"}

package/dist/types/src/components/SheetToolbar/style.d.ts

@@ -1,28 +1,22 @@
-import { type CompleteCellRange } from '@dxos/compute';
-import { type ToolbarMenuActionGroupProperties } from '@dxos/react-ui-menu';
+import { type Registry } from '@effect-atom/atom-react';
+import { type CompleteCellRange } from '@dxos/compute-hyperformula';
+import { type ActionGraphProps } from '@dxos/react-ui-menu';
+import { type StyleKey, type StyleValue } from '#types';
 import { type SheetModel } from '../../model';
-import { type StyleKey, type StyleValue } from '../../types';
+import { type ToolbarState, type ToolbarStateAtom } from './useToolbarState';
 export type StyleState = Partial<Record<StyleValue, boolean>>;
 export type StyleAction = {
     key: StyleKey;
     value: StyleValue;
 };
-export declare const useStyleState: (state: StyleState) => void;
-export declare const createStyle: (model: SheetModel, state: StyleState, cursorFallbackRange?: CompleteCellRange) => {
-    nodes: ({
-        id: string;
-        type: string;
-        properties: ToolbarMenuActionGroupProperties;
-        data: typeof import("@dxos/app-graph").actionGroupSymbol;
-    } | {
-        id: string;
-        type: string;
-        properties: StyleAction & import("@dxos/react-ui-menu").MenuActionProperties;
-        data: () => void;
-    })[];
-    edges: {
-        source: string;
-        target: string;
-    }[];
+export declare const useStyleState: (stateAtom: ToolbarStateAtom) => void;
+type StyleActionsContext = {
+    model: SheetModel;
+    state: ToolbarState;
+    stateAtom: ToolbarStateAtom;
+    registry: Registry.Registry;
+    cursorFallbackRange?: CompleteCellRange;
 };
+export declare const createStyle: (context: StyleActionsContext) => ActionGraphProps;
+export {};
 //# sourceMappingURL=style.d.ts.map

package/dist/types/src/components/SheetToolbar/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/style.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,eAAe,CAAC;AAChE,OAAO,EAAyC,KAAK,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAGnH,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAgC,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAG3F,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,CAAC;AAO/D,eAAO,MAAM,aAAa,GAAI,OAAO,UAAU,SAgB9C,CAAC;AA0DF,eAAO,MAAM,WAAW,GAAI,OAAO,UAAU,EAAE,OAAO,UAAU,EAAE,sBAAsB,iBAAiB;;;;;;;;;;;;;;;;CAUxG,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/style.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAmB,MAAM,yBAAyB,CAAC;AAGzE,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EACL,KAAK,gBAAgB,EAItB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAgC,MAAM,QAAQ,CAAC;AAEtF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,CAAC;AAO/D,eAAO,MAAM,aAAa,cAAe,gBAAgB,SAwBxD,CAAC;AAYF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC5B,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC,CAAC;AAqDF,eAAO,MAAM,WAAW,YAAa,mBAAmB,KAAG,gBAU1D,CAAC"}

package/dist/types/src/components/SheetToolbar/useToolbarState.d.ts

@@ -1,5 +1,18 @@
+import { Atom, type Registry } from '@effect-atom/atom-react';
 import { type AlignState } from './align';
 import { type StyleState } from './style';
 export type ToolbarState = Partial<StyleState & AlignState>;
-export declare const useToolbarState: (initialState?: ToolbarState) => import("@dxos/live-object").Live<Partial<Partial<Record<import("../../types").StyleValue, boolean>> & AlignState>>;
+export type ToolbarStateAtom = Atom.Writable<ToolbarState>;
+/**
+ * Creates a reactive toolbar state Atom.
+ */
+export declare const useToolbarState: (initialState?: ToolbarState) => ToolbarStateAtom;
+/**
+ * Hook to read the current toolbar state value.
+ */
+export declare const useToolbarStateValue: (stateAtom: ToolbarStateAtom) => ToolbarState;
+/**
+ * Hook to get the registry for updating toolbar state.
+ */
+export declare const useToolbarStateRegistry: () => Registry.Registry;
 //# sourceMappingURL=useToolbarState.d.ts.map

package/dist/types/src/components/SheetToolbar/useToolbarState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/useToolbarState.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;AAE5D,eAAO,MAAM,eAAe,GAAI,eAAc,YAAiB,uHAE9D,CAAC"}
+{"version":3,"file":"useToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/components/SheetToolbar/useToolbarState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,EAAiC,MAAM,yBAAyB,CAAC;AAG7F,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,eAAe,kBAAkB,YAAY,KAAQ,gBAEjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,cAAe,gBAAgB,KAAG,YAElE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAAO,QAAQ,CAAC,QAEnD,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,6 +1,3 @@
 export * from './ComputeGraph';
-export * from './GridSheet';
-export * from './RangeList';
-export * from './SheetContext';
-export declare const SheetContainer: import("react").LazyExoticComponent<({ space, sheet, role, ignoreAttention }: import("./SheetContainer/SheetContainer").SheetContainerProps) => import("react").JSX.Element | null>;
+export * from './Sheet';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAE/B,eAAO,MAAM,cAAc,qLAAyC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/types/src/containers/RangeList/RangeList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Sheet } from '#types';
+export type RangeListProps = {
+    sheet: Sheet.Sheet;
+};
+export declare const RangeList: ({ sheet: sheetProp }: RangeListProps) => React.JSX.Element;
+//# sourceMappingURL=RangeList.d.ts.map

package/dist/types/src/containers/RangeList/RangeList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeList.d.ts","sourceRoot":"","sources":["../../../../../src/containers/RangeList/RangeList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAA0B,cAAc,sBA4C7D,CAAC"}

package/dist/types/src/containers/RangeList/index.d.ts

@@ -0,0 +1,2 @@
+export { RangeList as default } from './RangeList';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/containers/RangeList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/RangeList/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/src/containers/SheetArticle/SheetArticle.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type AppSurface } from '@dxos/app-toolkit/ui';
+import { type ComputeGraphRegistry } from '@dxos/compute-hyperformula';
+import { type Space } from '@dxos/react-client/echo';
+import { type Sheet as SheetType } from '#types';
+export type SheetArticleProps = AppSurface.ObjectArticleProps<SheetType.Sheet, {
+    space: Space;
+    registry: ComputeGraphRegistry;
+    ignoreAttention?: boolean;
+}>;
+export declare const SheetArticle: ({ registry, ...props }: SheetArticleProps) => React.JSX.Element;
+//# sourceMappingURL=SheetArticle.d.ts.map

package/dist/types/src/containers/SheetArticle/SheetArticle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetArticle.d.ts","sourceRoot":"","sources":["../../../../../src/containers/SheetArticle/SheetArticle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAIrD,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,kBAAkB,CAC3D,SAAS,CAAC,KAAK,EACf;IACE,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CACF,CAAC;AAEF,eAAO,MAAM,YAAY,2BAA4B,iBAAiB,sBAIrE,CAAC"}