@dxos/plugin-sheet 0.8.4-main.dedc0f3 → 0.8.4-main.dfabb4ec29

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 CellAddress, type CellRange, type CompleteCellRange, type ComputeGraph } 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;AAU1B,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;AAqBtD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAAC;AA4BnF,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,4 +1,3 @@
-import '@dxos-theme';
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 declare const meta: {
@@ -7,80 +6,86 @@ declare const meta: {
     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 'rename object label': "Rename sheet";
-                    readonly 'delete object label': "Delete sheet";
-                    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 'open comment for sheet cell'?: 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 '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 '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 'open comment for sheet cell': "View comments for cell";
-                    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}} — {{value}}";
-                    readonly 'col dropped label': "Deleted a column";
-                    readonly 'row dropped label': "Deleted a row";
-                    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 'rename object label'?: undefined;
-                    readonly 'delete object 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';
                 };
             };
         }];
-        layout: string;
     };
 };
 export default meta;

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,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,IAAI;;eAEmB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIK,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,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 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, type AlignValue, alignKey } from '../../types';
-import { type ToolbarState } from './useToolbarState';
+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,EAAE,KAAK,gCAAgC,EAAyC,MAAM,qBAAqB,CAAC;AAGnH,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,QAAQ,EAAgC,MAAM,aAAa,CAAC;AAGrG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,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,EAAE,KAAK,gCAAgC,EAAyC,MAAM,qBAAqB,CAAC;AAGnH,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAgC,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/SheetContainer/SheetContainer.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 SheetContainerProps = AppSurface.ObjectArticleProps<SheetType.Sheet, {
+    space: Space;
+    registry: ComputeGraphRegistry;
+    ignoreAttention?: boolean;
+}>;
+export declare const SheetContainer: ({ registry, ...props }: SheetContainerProps) => React.JSX.Element;
+//# sourceMappingURL=SheetContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContainer.d.ts","sourceRoot":"","sources":["../../../../../src/containers/SheetContainer/SheetContainer.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,mBAAmB,GAAG,UAAU,CAAC,kBAAkB,CAC7D,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,cAAc,2BAA4B,mBAAmB,sBAIzE,CAAC"}

package/dist/types/src/containers/SheetContainer/SheetContainer.stories.d.ts

@@ -0,0 +1,92 @@
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: ({ registry, ...props }: import("./SheetContainer").SheetContainerProps) => 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;
+export declare const Default: () => React.JSX.Element | null;
+export declare const Spec: () => React.JSX.Element | null;
+//# sourceMappingURL=SheetContainer.stories.d.ts.map

package/dist/types/src/containers/SheetContainer/SheetContainer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/SheetContainer/SheetContainer.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAqB1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B6B,CAAC;eAEzB,IAAI;AAEnB,eAAO,MAAM,OAAO,gCAqBnB,CAAC;AAEF,eAAO,MAAM,IAAI,gCA0BhB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { type ComponentType } from 'react';
+export declare const RangeList: ComponentType<any>;
+export declare const SheetContainer: ComponentType<any>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/containers/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAQ,MAAM,OAAO,CAAC;AAEjD,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,GAAG,CAAqC,CAAC;AAC/E,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,GAAG,CAA0C,CAAC"}

package/dist/types/src/extensions/compute.d.ts

@@ -1,5 +1,5 @@
 import { type Extension } from '@codemirror/state';
-import { type ComputeGraph } from '@dxos/compute';
+import { type ComputeGraph } from '@dxos/compute-hyperformula';
 export declare const computeGraphFacet: import("@codemirror/state").Facet<ComputeGraph, ComputeGraph>;
 export type ComputeOptions = {};
 export declare const compute: (_options?: ComputeOptions) => Extension;

package/dist/types/src/extensions/compute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../../../../src/extensions/compute.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAGL,KAAK,YAAY,EAGlB,MAAM,eAAe,CAAC;AASvB,eAAO,MAAM,iBAAiB,+DAAmC,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC;AAEhC,eAAO,MAAM,OAAO,GAAI,WAAU,cAAmB,KAAG,SA+FvD,CAAC"}
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../../../../src/extensions/compute.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAGL,KAAK,YAAY,EAGlB,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,iBAAiB,+DAAmC,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC;AAEhC,eAAO,MAAM,OAAO,cAAc,cAAc,KAAQ,SA+FvD,CAAC"}

package/dist/types/src/extensions/compute.stories.d.ts

@@ -1,10 +1,9 @@
-import '@dxos-theme';
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 type EditorProps = {
     text?: string;
 };
-declare const EditorStory: ({ text }: EditorProps) => React.JSX.Element;
+declare const DefaultStory: ({ text }: EditorProps) => React.JSX.Element;
 declare const GraphStory: (props: EditorProps) => React.JSX.Element;
 declare const meta: {
     title: string;
@@ -14,6 +13,6 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Default: StoryObj<typeof EditorStory>;
+export declare const Default: StoryObj<typeof DefaultStory>;
 export declare const Graph: StoryObj<typeof GraphStory>;
 //# sourceMappingURL=compute.stories.d.ts.map