@pixerate/editor-svelte 0.23.0 → 0.25.0

package/dist/image-editor/SelectionOptionsBar.svelte

@@ -0,0 +1,135 @@
+<script lang="ts">
+  import type {
+    ImageEditorController,
+    SelectionMask,
+    SelectionModifyOp,
+    SelectionToolOptions,
+  } from '@pixerate/editor/image-editor';
+  import {
+    SELECTION_MODES,
+    SELECTION_MODE_LABELS,
+    SELECTION_TOOLS,
+    describeSelection,
+  } from '@pixerate/editor/image-editor';
+  import { untrack } from 'svelte';
+
+  interface Props {
+    controller: ImageEditorController;
+    options: SelectionToolOptions;
+    onOptionsChange: (next: SelectionToolOptions) => void;
+    /** The current selection (`state.selection`). Omit to follow the controller. */
+    selection?: SelectionMask | null;
+    /** The Quick Mask view flag (`state.quickMask`). Omit to follow the controller. */
+    quickMask?: boolean;
+    class?: string;
+  }
+
+  let { controller, options, onOptionsChange, selection, quickMask, class: className = '' }: Props = $props();
+
+  let tick = $state(0);
+  $effect(() => {
+    const c = controller;
+    return untrack(() => c.subscribe(() => tick++));
+  });
+  const sel = $derived.by(() => {
+    void tick;
+    return selection === undefined ? controller.getSelection() : selection;
+  });
+  const qm = $derived.by(() => {
+    void tick;
+    return quickMask ?? Boolean(controller.getState().quickMask);
+  });
+
+  let radius = $state(2);
+
+  const MODIFY_OPS: { op: SelectionModifyOp; label: string }[] = [
+    { op: 'grow', label: 'Grow' },
+    { op: 'shrink', label: 'Shrink' },
+    { op: 'feather', label: 'Feather' },
+    { op: 'border', label: 'Border' },
+    { op: 'smooth', label: 'Smooth' },
+  ];
+
+  function set(patch: Partial<SelectionToolOptions>) {
+    onOptionsChange({ ...options, ...patch });
+  }
+
+  const btn = (on: boolean) =>
+    `px-2 py-1 rounded-md border text-[11px] transition-colors ${
+      on ? 'bg-indigo-600 border-indigo-500 text-white' : 'bg-slate-950 border-slate-800 text-slate-300 hover:text-white'
+    }`;
+</script>
+
+<div data-testid="selection-options-bar" class="flex flex-col gap-3 text-xs {className}">
+  <div role="group" aria-label="Selection tool" class="flex flex-wrap gap-1">
+    {#each SELECTION_TOOLS as t (t.id)}
+      <button type="button" aria-pressed={options.tool === t.id} class={btn(options.tool === t.id)} onclick={() => set({ tool: t.id })}>
+        {t.label}
+      </button>
+    {/each}
+  </div>
+  <div role="group" aria-label="Selection mode" class="flex flex-wrap gap-1">
+    {#each SELECTION_MODES as m (m)}
+      <button type="button" aria-pressed={options.mode === m} class={btn(options.mode === m)} onclick={() => set({ mode: m })}>
+        {SELECTION_MODE_LABELS[m]}
+      </button>
+    {/each}
+  </div>
+  {#if options.tool === 'wand'}
+    <div class="flex flex-col gap-2">
+      <label class="flex flex-col gap-1">
+        <span class="flex justify-between text-slate-400">
+          <span>Tolerance</span>
+          <span class="font-mono">{options.tolerance}</span>
+        </span>
+        <input
+          type="range"
+          min="0"
+          max="255"
+          step="1"
+          aria-label="Tolerance"
+          value={options.tolerance}
+          oninput={(e) => set({ tolerance: Number((e.currentTarget as HTMLInputElement).value) })}
+          class="w-full accent-indigo-500"
+        />
+      </label>
+      <label class="flex items-center gap-2 text-slate-300">
+        <input type="checkbox" checked={options.contiguous} onchange={(e) => set({ contiguous: (e.currentTarget as HTMLInputElement).checked })} />
+        Contiguous
+      </label>
+      <label class="flex items-center gap-2 text-slate-300">
+        <input type="checkbox" checked={options.sampleMerged} onchange={(e) => set({ sampleMerged: (e.currentTarget as HTMLInputElement).checked })} />
+        Sample adjusted image
+      </label>
+    </div>
+  {/if}
+  <label class="flex items-center gap-2 text-slate-300">
+    <input type="checkbox" checked={options.antiAlias} onchange={(e) => set({ antiAlias: (e.currentTarget as HTMLInputElement).checked })} />
+    Anti-alias
+  </label>
+  <div class="flex flex-wrap gap-1">
+    <button type="button" class={btn(false)} onclick={() => controller.selectAll()}>Select All</button>
+    <button type="button" class={btn(false)} disabled={!sel} onclick={() => controller.deselect()}>Deselect</button>
+    <button type="button" class={btn(false)} onclick={() => controller.invertSelection()}>Inverse</button>
+    <button type="button" aria-pressed={qm} class={btn(qm)} onclick={() => controller.setQuickMask(!qm)}>Quick Mask</button>
+  </div>
+  <div class="flex flex-wrap items-center gap-1">
+    <label class="flex items-center gap-1 text-slate-400">
+      Radius
+      <input
+        type="number"
+        min="0"
+        max="500"
+        step="1"
+        aria-label="Modify radius"
+        value={radius}
+        oninput={(e) => (radius = Math.max(0, Number((e.currentTarget as HTMLInputElement).value) || 0))}
+        class="w-14 bg-slate-950 border border-slate-800 rounded px-1 py-0.5 text-slate-200"
+      />
+    </label>
+    {#each MODIFY_OPS as m (m.op)}
+      <button type="button" class={btn(false)} disabled={!sel} onclick={() => controller.modifySelection(m.op, radius)}>{m.label}</button>
+    {/each}
+  </div>
+  <p data-testid="selection-status" class="text-slate-400">{describeSelection(sel)}</p>
+</div>

package/dist/image-editor/SelectionOptionsBar.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { ImageEditorController, SelectionMask, SelectionToolOptions } from '@pixerate/editor/image-editor';
+interface Props {
+    controller: ImageEditorController;
+    options: SelectionToolOptions;
+    onOptionsChange: (next: SelectionToolOptions) => void;
+    /** The current selection (`state.selection`). Omit to follow the controller. */
+    selection?: SelectionMask | null;
+    /** The Quick Mask view flag (`state.quickMask`). Omit to follow the controller. */
+    quickMask?: boolean;
+    class?: string;
+}
+declare const SelectionOptionsBar: import("svelte").Component<Props, {}, "">;
+type SelectionOptionsBar = ReturnType<typeof SelectionOptionsBar>;
+export default SelectionOptionsBar;
+//# sourceMappingURL=SelectionOptionsBar.svelte.d.ts.map

package/dist/image-editor/SelectionOptionsBar.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionOptionsBar.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/SelectionOptionsBar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,qBAAqB,EACrB,aAAa,EAEb,oBAAoB,EACrB,MAAM,+BAA+B,CAAC;AAUvC,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,gFAAgF;IAChF,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqGH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/image-editor/index.d.ts

@@ -4,15 +4,21 @@ import type HistogramComponent from "./Histogram.svelte";
 import type AdjustmentLayersPanelComponent from "./AdjustmentLayersPanel.svelte";
 import type CurvesEditorComponent from "./CurvesEditor.svelte";
 import type ControlSliderComponent from "./ControlSlider.svelte";
+import type SelectionOptionsBarComponent from "./SelectionOptionsBar.svelte";
+import type RefineEdgePanelComponent from "./RefineEdgePanel.svelte";
 export { default as ImageEditor } from './ImageEditor.svelte';
 export { default as Histogram } from './Histogram.svelte';
 export { default as AdjustmentLayersPanel } from './AdjustmentLayersPanel.svelte';
 export { default as CurvesEditor } from './CurvesEditor.svelte';
 export { default as ControlSlider } from './ControlSlider.svelte';
+export { default as SelectionOptionsBar } from './SelectionOptionsBar.svelte';
+export { default as RefineEdgePanel } from './RefineEdgePanel.svelte';
 export * from './imageEditorState.svelte.js';
 export type ImageEditorProps = ComponentProps<typeof ImageEditorComponent>;
 export type HistogramProps = ComponentProps<typeof HistogramComponent>;
 export type AdjustmentLayersPanelProps = ComponentProps<typeof AdjustmentLayersPanelComponent>;
 export type CurvesEditorProps = ComponentProps<typeof CurvesEditorComponent>;
 export type ControlSliderProps = ComponentProps<typeof ControlSliderComponent>;
+export type SelectionOptionsBarProps = ComponentProps<typeof SelectionOptionsBarComponent>;
+export type RefineEdgePanelProps = ComponentProps<typeof RefineEdgePanelComponent>;
 //# sourceMappingURL=index.d.ts.map

package/dist/image-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/image-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,kBAAkB,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,8BAA8B,MAAM,gCAAgC,CAAC;AACjF,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,8BAA8B,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC3E,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACvE,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,8BAA8B,CAAC,CAAC;AAC/F,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/image-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,kBAAkB,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,8BAA8B,MAAM,gCAAgC,CAAC;AACjF,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,4BAA4B,MAAM,8BAA8B,CAAC;AAC7E,OAAO,KAAK,wBAAwB,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,cAAc,8BAA8B,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC3E,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACvE,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,8BAA8B,CAAC,CAAC;AAC/F,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,4BAA4B,CAAC,CAAC;AAC3F,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAAC"}

package/dist/image-editor/index.js

@@ -3,4 +3,6 @@ export { default as Histogram } from './Histogram.svelte';
 export { default as AdjustmentLayersPanel } from './AdjustmentLayersPanel.svelte';
 export { default as CurvesEditor } from './CurvesEditor.svelte';
 export { default as ControlSlider } from './ControlSlider.svelte';
+export { default as SelectionOptionsBar } from './SelectionOptionsBar.svelte';
+export { default as RefineEdgePanel } from './RefineEdgePanel.svelte';
 export * from './imageEditorState.svelte.js';

package/dist/index.d.ts

@@ -5,11 +5,14 @@ import type TemplateRendererComponent from "./TemplateRenderer.svelte";
 import type VariableFormComponent from "./VariableForm.svelte";
 import type OutlinePanelComponent from "./OutlinePanel.svelte";
 import type MergePreviewComponent from "./MergePreview.svelte";
+import type StylesGalleryComponent from "./StylesGallery.svelte";
+import type ExportDocxButtonComponent from "./ExportDocxButton.svelte";
 export * from "./editor.svelte.js";
 export * from "./navigationGuard.js";
 export * from "./createNavigationGuard.svelte.js";
 export * from "./history/index.js";
 export * from "./fileImport.svelte.js";
+export * from "./docxExport.svelte.js";
 export * from "./agentTools.svelte.js";
 export * from "./outline.svelte.js";
 export * from "./merge.svelte.js";
@@ -27,6 +30,11 @@ export type MergePreviewProps = ComponentProps<typeof MergePreviewComponent>;
 export { default as MergePreview } from "./MergePreview.svelte";
 export type OutlinePanelProps = ComponentProps<typeof OutlinePanelComponent>;
 export { default as OutlinePanel } from "./OutlinePanel.svelte";
+export * from "./paragraphStyles.svelte.js";
+export type StylesGalleryProps = ComponentProps<typeof StylesGalleryComponent>;
+export { default as StylesGallery } from "./StylesGallery.svelte";
+export type ExportDocxButtonProps = ComponentProps<typeof ExportDocxButtonComponent>;
+export { default as ExportDocxButton } from "./ExportDocxButton.svelte";
 export type { Template, TemplateVersion, Token, TokenType, ColorGradient, RichTextPresetOptions, ImageOptions, } from "@pixerate/editor";
 export type { PromptValues, PromptDiagnostic, VariableFormField, MergeDataSource, MergeRecord, MergeRecordsResult, MergeOutput, } from "@pixerate/editor";
 export * from "./spreadsheet/index.js";
@@ -36,4 +44,5 @@ export * from "./commands/index.js";
 export * from "./persistence/index.js";
 export * from "./generation/index.js";
 export * from "./find-replace/index.js";
+export * from "./tables/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,+BAA+B,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,mBAAmB,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,yBAAyB,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAE/D,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,mBAAmB,EACnB,OAAO,EACP,YAAY,EACZ,qBAAqB,EACrB,YAAY,EACZ,WAAW,EACX,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,kBAAkB,CAAC;AAG1B,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,OAAO,+BAA+B,CACvC,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACzE,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAChD,OAAO,yBAAyB,CACjC,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhE,YAAY,EACV,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EACT,aAAa,EACb,qBAAqB,EACrB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAE1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -3,6 +3,7 @@ export * from "./navigationGuard.js";
 export * from "./createNavigationGuard.svelte.js";
 export * from "./history/index.js";
 export * from "./fileImport.svelte.js";
+export * from "./docxExport.svelte.js";
 export * from "./agentTools.svelte.js";
 export * from "./outline.svelte.js";
 export * from "./merge.svelte.js";
@@ -13,6 +14,9 @@ export { default as TemplateRenderer } from "./TemplateRenderer.svelte";
 export { default as VariableForm } from "./VariableForm.svelte";
 export { default as MergePreview } from "./MergePreview.svelte";
 export { default as OutlinePanel } from "./OutlinePanel.svelte";
+export * from "./paragraphStyles.svelte.js";
+export { default as StylesGallery } from "./StylesGallery.svelte";
+export { default as ExportDocxButton } from "./ExportDocxButton.svelte";
 export * from "./spreadsheet/index.js";
 export * from "./image-editor/index.js";
 export * from "./review/index.js";
@@ -20,3 +24,4 @@ export * from "./commands/index.js";
 export * from "./persistence/index.js";
 export * from "./generation/index.js";
 export * from "./find-replace/index.js";
+export * from "./tables/index.js";

package/dist/paragraphStyles.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { Editor } from "@tiptap/core";
+import { type CreateStyleFromSelectionOptions, type ParagraphStylesSnapshot, type StyleDefinition, type StyleRegistry } from "@pixerate/editor";
+export type { ParagraphStylesSnapshot, StyleDefinition } from "@pixerate/editor";
+export interface SvelteParagraphStyles {
+    /** Snapshot: gallery, styles, character styles, current style id, version. */
+    readonly current: ParagraphStylesSnapshot;
+    readonly registry: StyleRegistry | null;
+    /** The style of the block at the selection. */
+    readonly currentStyle: StyleDefinition | null;
+    /** Applies a paragraph style to the selected blocks. */
+    apply(id: string): boolean;
+    /** Resets the selected blocks to Normal. */
+    clear(): boolean;
+    /** Updates a style (default: the current one) to the formatting at the selection. */
+    updateFromSelection(id?: string): boolean;
+    /** Creates (and applies) a style from the formatting at the selection; returns its id. */
+    createFromSelection(name: string, options?: CreateStyleFromSelectionOptions): string | null;
+    /** Applies a character style to the selection. */
+    applyCharacterStyle(id: string): boolean;
+    destroy(): void;
+}
+/**
+ * Reactive paragraph styles for Svelte 5 (the counterpart of React's
+ * `useParagraphStyles`): the gallery, all styles and the style at the
+ * selection, with commands. `current` is replaced only when the styles or
+ * the current style change. Call `destroy()` when done (or create it inside
+ * a component's `$effect`).
+ */
+export declare function createParagraphStyles(editor: Editor | null | undefined): SvelteParagraphStyles;
+//# sourceMappingURL=paragraphStyles.svelte.d.ts.map

package/dist/paragraphStyles.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraphStyles.svelte.d.ts","sourceRoot":"","sources":["../src/paragraphStyles.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAGL,KAAK,+BAA+B,EACpC,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEjF,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,OAAO,EAAE,uBAAuB,CAAC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IACxC,+CAA+C;IAC/C,QAAQ,CAAC,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9C,wDAAwD;IACxD,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,4CAA4C;IAC5C,KAAK,IAAI,OAAO,CAAC;IACjB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1C,0FAA0F;IAC1F,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,+BAA+B,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5F,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACzC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,qBAAqB,CAmC9F"}

package/dist/paragraphStyles.svelte.js

@@ -0,0 +1,44 @@
+import { createParagraphStylesStore, getStyleRegistry, } from "@pixerate/editor";
+/**
+ * Reactive paragraph styles for Svelte 5 (the counterpart of React's
+ * `useParagraphStyles`): the gallery, all styles and the style at the
+ * selection, with commands. `current` is replaced only when the styles or
+ * the current style change. Call `destroy()` when done (or create it inside
+ * a component's `$effect`).
+ */
+export function createParagraphStyles(editor) {
+    const store = createParagraphStylesStore(editor);
+    const registry = getStyleRegistry(editor);
+    let current = $state.raw(store.getSnapshot());
+    const unsubscribe = store.subscribe(() => {
+        current = store.getSnapshot();
+    });
+    const live = () => (editor && !editor.isDestroyed ? editor : null);
+    return {
+        get current() {
+            return current;
+        },
+        get registry() {
+            return registry;
+        },
+        get currentStyle() {
+            return (current.currentStyleId && registry?.get(current.currentStyleId)) || null;
+        },
+        apply: (id) => !!live()?.chain().focus().setParagraphStyle(id).run(),
+        clear: () => !!live()?.chain().focus().clearParagraphStyle().run(),
+        updateFromSelection: (id) => !!live()?.chain().focus().updateParagraphStyleFromSelection(id).run(),
+        createFromSelection: (name, options) => {
+            const e = live();
+            if (!e || !registry)
+                return null;
+            const id = options?.id ?? registry.newId(name.trim());
+            const ok = e.chain().focus().createParagraphStyleFromSelection(name, { ...options, id }).run();
+            return ok ? id : null;
+        },
+        applyCharacterStyle: (id) => !!live()?.chain().focus().setCharacterStyle(id).run(),
+        destroy() {
+            unsubscribe();
+            store.destroy();
+        },
+    };
+}

package/dist/review/TrackedChangesList.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+  import type { Editor } from "@tiptap/core";
+  import { trackedChangeLabel } from "@pixerate/editor";
+  import { createTrackChanges, type SvelteTrackChanges } from "./review.svelte.js";
+
+  interface Props {
+    editor?: Editor | null;
+    class?: string;
+    itemClass?: string;
+    activeItemClass?: string;
+    /** Text shown when there are no changes. */
+    emptyState?: string;
+  }
+
+  let {
+    editor = null,
+    class: className = "flex flex-col gap-1 text-sm",
+    itemClass = "flex items-center gap-2 rounded px-2 py-1 hover:bg-muted/50",
+    activeItemClass = "bg-primary/10",
+    emptyState = "No tracked changes.",
+  }: Props = $props();
+
+  const buttonClass =
+    "rounded px-1.5 py-0.5 text-xs text-foreground hover:bg-muted disabled:opacity-40";
+
+  let review = $state.raw<SvelteTrackChanges>(createTrackChanges(null));
+
+  $effect(() => {
+    const r = createTrackChanges(editor);
+    review = r;
+    return () => r.destroy();
+  });
+</script>
+
+{#if review.changes.length === 0}
+  <div class={className} data-tracked-changes-list="">
+    <div class="pixerate-changes-empty text-xs text-muted-foreground">{emptyState}</div>
+  </div>
+{:else}
+  <ul class={className} role="list" aria-label="Tracked changes" data-tracked-changes-list="">
+    {#each review.changes as change (`${change.type}:${change.id}`)}
+      <li
+        class={change.id === review.currentChangeId ? `${itemClass} ${activeItemClass}` : itemClass}
+        data-change-type={change.type}
+        data-change-id={change.id}
+      >
+        <button
+          type="button"
+          class="min-w-0 flex-1 truncate text-left text-xs"
+          title={`${change.author.name}: ${change.description}`}
+          onclick={() => review.select(change.id)}
+        >
+          <span class="font-medium">{trackedChangeLabel(change)}</span>{change.author.name
+            ? ` · ${change.author.name}`
+            : ""}
+          <span class="block truncate text-muted-foreground">{change.description}</span>
+        </button>
+        <button type="button" class={buttonClass} onclick={() => review.accept(change.id)}>
+          Accept
+        </button>
+        <button type="button" class={buttonClass} onclick={() => review.reject(change.id)}>
+          Reject
+        </button>
+      </li>
+    {/each}
+  </ul>
+{/if}

package/dist/review/TrackedChangesList.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Editor } from "@tiptap/core";
+interface Props {
+    editor?: Editor | null;
+    class?: string;
+    itemClass?: string;
+    activeItemClass?: string;
+    /** Text shown when there are no changes. */
+    emptyState?: string;
+}
+declare const TrackedChangesList: import("svelte").Component<Props, {}, "">;
+type TrackedChangesList = ReturnType<typeof TrackedChangesList>;
+export default TrackedChangesList;
+//# sourceMappingURL=TrackedChangesList.svelte.d.ts.map

package/dist/review/TrackedChangesList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackedChangesList.svelte.d.ts","sourceRoot":"","sources":["../../src/review/TrackedChangesList.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAKzC,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsDH,QAAA,MAAM,kBAAkB,2CAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/review/index.d.ts

@@ -2,6 +2,9 @@ import type { ComponentProps } from "svelte";
 import type CommentsPanelComponent from "./CommentsPanel.svelte";
 import type ReviewToolbarComponent from "./ReviewToolbar.svelte";
 import type CommentButtonComponent from "./CommentButton.svelte";
+import type TrackedChangesListComponent from "./TrackedChangesList.svelte";
+export { default as TrackedChangesList } from "./TrackedChangesList.svelte";
+export type TrackedChangesListProps = ComponentProps<typeof TrackedChangesListComponent>;
 export { default as CommentsPanel } from "./CommentsPanel.svelte";
 export { default as ReviewToolbar } from "./ReviewToolbar.svelte";
 export { default as CommentButton } from "./CommentButton.svelte";

package/dist/review/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/review/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/review/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,2BAA2B,MAAM,6BAA6B,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,2BAA2B,CAAC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/review/index.js

@@ -1,3 +1,4 @@
+export { default as TrackedChangesList } from "./TrackedChangesList.svelte";
 export { default as CommentsPanel } from "./CommentsPanel.svelte";
 export { default as ReviewToolbar } from "./ReviewToolbar.svelte";
 export { default as CommentButton } from "./CommentButton.svelte";

package/dist/review/review.svelte.d.ts

@@ -29,6 +29,12 @@ export interface SvelteTrackChanges extends TrackChangesSnapshot {
     rejectAll(): void;
     next(): void;
     previous(): void;
+    /** Selects a change in the editor. */
+    select(id: string): void;
+    /** Accepts a tracked move (both ends). */
+    acceptMove(id: string): void;
+    /** Rejects a tracked move (both ends). */
+    rejectMove(id: string): void;
     subscribe(run: (value: TrackChangesSnapshot) => void): () => void;
     destroy(): void;
 }

package/dist/review/review.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"review.svelte.d.ts","sourceRoot":"","sources":["../../src/review/review.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,uBAAuB,EAAE,oBAGZ,CAAC;AAE3B,eAAO,MAAM,4BAA4B,EAAE,oBAKjB,CAAC;AAE3B,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,YAAY,CAMpE;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,GAC/C,YAAY,GAAG,IAAI,CAErB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,OAAO,EAAE,SAAS,aAAa,EAAE,CAAC;IAC3C,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAClE,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,cAAc,CA4B/F;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC9D,QAAQ,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7C,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,MAAM,IAAI,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,IAAI,IAAI,CAAC;IAClB,SAAS,IAAI,IAAI,CAAC;IAClB,IAAI,IAAI,IAAI,CAAC;IACb,QAAQ,IAAI,IAAI,CAAC;IACjB,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAClE,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,kBAAkB,CA+CxF"}
+{"version":3,"file":"review.svelte.d.ts","sourceRoot":"","sources":["../../src/review/review.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,uBAAuB,EAAE,oBAGZ,CAAC;AAE3B,eAAO,MAAM,4BAA4B,EAAE,oBAKjB,CAAC;AAE3B,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,YAAY,CAMpE;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,GAC/C,YAAY,GAAG,IAAI,CAErB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,OAAO,EAAE,SAAS,aAAa,EAAE,CAAC;IAC3C,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAClE,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,cAAc,CA4B/F;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC9D,QAAQ,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7C,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,MAAM,IAAI,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,IAAI,IAAI,CAAC;IAClB,SAAS,IAAI,IAAI,CAAC;IAClB,IAAI,IAAI,IAAI,CAAC;IACb,QAAQ,IAAI,IAAI,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IAClE,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,kBAAkB,CAkDxF"}

package/dist/review/review.svelte.js

@@ -92,6 +92,9 @@ export function createTrackChanges(editor) {
         rejectAll: () => run((e) => e.commands.rejectAllChanges()),
         next: () => run((e) => e.chain().focus().selectNextChange().run()),
         previous: () => run((e) => e.chain().focus().selectPreviousChange().run()),
+        select: (id) => run((e) => e.chain().focus().selectChange(id).run()),
+        acceptMove: (id) => run((e) => e.commands.acceptMove(id)),
+        rejectMove: (id) => run((e) => e.commands.rejectMove(id)),
         subscribe(runFn) {
             if (!store) {
                 runFn(EMPTY_TRACK_CHANGES_SNAPSHOT);

package/dist/spreadsheet/FormulaBar.svelte

@@ -46,6 +46,13 @@
     return value;
   });
 
+  // Defined names for formula autocomplete.
+  let nameSuggestions = $derived.by(() => {
+    if (!sheetState) return [];
+    void sheetState.document;
+    return sheetState.controller.getNameSuggestions();
+  });
+
   // A spilled cell shows its anchor's formula greyed out (it has no formula of its own).
   let spillFormula = $derived.by(() => {
     if (!sheetState || sheetState.editingCell || !sheetState.activeCell || effectiveValue) return '';
@@ -63,10 +70,12 @@
       if (sheetState && sheetState.activeCell) {
         const row = sheetState.document.rows[sheetState.activeCell.row];
         const col = sheetState.document.columns[sheetState.activeCell.col];
-        if (row && col) {
-          sheetState.setCellValue(row.id, col.id, effectiveValue);
+        // Committed with data validation: invalid input waits for the alert.
+        if (sheetState.editingCell) {
+          sheetState.commitEditing(effectiveValue);
+        } else if (row && col) {
+          sheetState.commitCellInput(row.id, col.id, effectiveValue);
         }
-        sheetState.commitEditing();
       }
       onCommit?.(effectiveValue);
     } else if (e.key === 'Escape') {
@@ -116,5 +125,5 @@
     oninput={handleInput}
     onkeydown={handleKeyDown}
   />
-  <FormulaHints input={inputEl} value={effectiveValue} onAccept={setValue} />
+  <FormulaHints input={inputEl} value={effectiveValue} onAccept={setValue} names={nameSuggestions} />
 </div>

package/dist/spreadsheet/FormulaBar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormulaBar.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/FormulaBar.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIvE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwGH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormulaBar.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/FormulaBar.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIvE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiHH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/spreadsheet/FormulaHints.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { tick } from 'svelte';
-  import { applyFormulaSuggestion, getFormulaHints } from '@pixerate/editor/spreadsheet';
+  import { applyFormulaSuggestion, getFormulaHints, type FormulaNameSuggestionSource } from '@pixerate/editor/spreadsheet';
 
   interface Props {
     /** The input being edited (a cell editor or the formula bar). */
@@ -11,9 +11,11 @@
     onAccept?: (value: string) => void;
     /** Maximum number of function suggestions (default 8). */
     limit?: number;
+    /** Defined names to suggest too (e.g. `controller.getNameSuggestions()`). */
+    names?: readonly FormulaNameSuggestionSource[];
   }
 
-  let { input = null, value = '', onAccept, limit = 8 }: Props = $props();
+  let { input = null, value = '', onAccept, limit = 8, names }: Props = $props();
 
   let caret = $state<number | null>(null);
   let focused = $state(false);
@@ -21,7 +23,7 @@
   let dismissed = $state(false);
   let position = $state<{ top: number; left: number; width: number } | null>(null);
 
-  let hints = $derived(getFormulaHints(value, caret ?? value.length, { limit }));
+  let hints = $derived(getFormulaHints(value, caret ?? value.length, { limit, names }));
   let suggestions = $derived(dismissed ? [] : hints.suggestions);
   let selectedIndex = $derived(Math.max(0, Math.min(selected, suggestions.length - 1)));
   let visible = $derived(
@@ -31,7 +33,7 @@
   async function accept(index: number) {
     const suggestion = suggestions[index];
     if (!suggestion || !input) return;
-    const next = applyFormulaSuggestion(value, caret ?? value.length, suggestion.name);
+    const next = applyFormulaSuggestion(value, caret ?? value.length, suggestion);
     caret = next.caret;
     selected = 0;
     onAccept?.(next.value);
@@ -127,7 +129,7 @@
     {/if}
     {#if suggestions.length > 0}
       <ul role="listbox" aria-label="Formula suggestions" class="max-h-64 overflow-auto m-0 list-none p-0 py-1">
-        {#each suggestions as s, i (s.name)}
+        {#each suggestions as s, i (`${s.kind ?? "fn"}:${s.name}`)}
           <li
             role="option"
             aria-selected={i === selectedIndex}

package/dist/spreadsheet/FormulaHints.svelte.d.ts

@@ -1,3 +1,4 @@
+import { type FormulaNameSuggestionSource } from '@pixerate/editor/spreadsheet';
 interface Props {
     /** The input being edited (a cell editor or the formula bar). */
     input?: HTMLInputElement | null;
@@ -7,6 +8,8 @@ interface Props {
     onAccept?: (value: string) => void;
     /** Maximum number of function suggestions (default 8). */
     limit?: number;
+    /** Defined names to suggest too (e.g. `controller.getNameSuggestions()`). */
+    names?: readonly FormulaNameSuggestionSource[];
 }
 declare const FormulaHints: import("svelte").Component<Props, {}, "">;
 type FormulaHints = ReturnType<typeof FormulaHints>;

package/dist/spreadsheet/FormulaHints.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormulaHints.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/FormulaHints.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,iEAAiE;IACjE,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoIH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FormulaHints.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/FormulaHints.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAA2C,KAAK,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAGvH,UAAU,KAAK;IACb,iEAAiE;IACjE,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,2BAA2B,EAAE,CAAC;CAChD;AAoIH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}