@opendata-ai/openchart-svelte 2.0.0

package/dist/composables/useChart.svelte.js

@@ -0,0 +1,73 @@
+/**
+ * useChart: composable for manual chart lifecycle control.
+ *
+ * Returns a Svelte action function for use with `use:chart` directive
+ * and exposes the chart instance and compiled layout.
+ *
+ * Usage:
+ * ```svelte
+ * <script>
+ *   const { action, chart, layout } = useChart(spec);
+ * </script>
+ * <div use:action></div>
+ * ```
+ *
+ * Uses .svelte.ts extension so runes ($state, $effect) work outside
+ * .svelte components.
+ */
+import { createChart } from '@opendata-ai/openchart-vanilla';
+import { untrack } from 'svelte';
+export function useChart(spec, options) {
+    let chart = $state(null);
+    let layout = $state(null);
+    function action(node) {
+        let prevSpec = '';
+        // Effect 1: Mount/recreate on option changes
+        $effect(() => {
+            const opts = options?.();
+            const mountOpts = {
+                theme: opts?.theme,
+                darkMode: opts?.darkMode,
+                onDataPointClick: opts?.onDataPointClick,
+                responsive: opts?.responsive ?? true,
+            };
+            // Read spec without tracking
+            const currentSpec = untrack(() => spec());
+            const instance = createChart(node, currentSpec, mountOpts);
+            chart = instance;
+            layout = instance.layout;
+            prevSpec = JSON.stringify(currentSpec);
+            return () => {
+                instance.destroy();
+                chart = null;
+                layout = null;
+            };
+        });
+        // Effect 2: Update on spec change
+        $effect(() => {
+            const currentSpec = spec();
+            if (!chart)
+                return;
+            const specString = JSON.stringify(currentSpec);
+            if (specString !== prevSpec) {
+                prevSpec = specString;
+                chart.update(currentSpec);
+                layout = chart.layout;
+            }
+        });
+        return {
+            destroy() {
+                // $effect cleanup handles teardown
+            },
+        };
+    }
+    return {
+        action,
+        get chart() {
+            return chart;
+        },
+        get layout() {
+            return layout;
+        },
+    };
+}

package/dist/composables/useDarkMode.svelte.d.ts

@@ -0,0 +1,15 @@
+/**
+ * useDarkMode: resolve a DarkMode preference to a boolean.
+ *
+ * - "force" -> true
+ * - "off" -> false
+ * - "auto" -> matches system preference (reactive to changes)
+ *
+ * Uses .svelte.ts extension so runes ($state, $effect) work outside
+ * .svelte components.
+ */
+import type { DarkMode } from '@opendata-ai/openchart-core';
+export declare function useDarkMode(mode: () => DarkMode | undefined): {
+    readonly isDark: boolean;
+};
+//# sourceMappingURL=useDarkMode.svelte.d.ts.map

package/dist/composables/useDarkMode.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkMode.svelte.d.ts","sourceRoot":"","sources":["../../src/composables/useDarkMode.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAE5D,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,QAAQ,GAAG,SAAS;;EA2B3D"}

package/dist/composables/useDarkMode.svelte.js

@@ -0,0 +1,47 @@
+/**
+ * useDarkMode: resolve a DarkMode preference to a boolean.
+ *
+ * - "force" -> true
+ * - "off" -> false
+ * - "auto" -> matches system preference (reactive to changes)
+ *
+ * Uses .svelte.ts extension so runes ($state, $effect) work outside
+ * .svelte components.
+ */
+export function useDarkMode(mode) {
+    let isDark = $state(resolveInitial(mode()));
+    $effect(() => {
+        const m = mode();
+        if (m !== 'auto') {
+            isDark = m === 'force';
+            return;
+        }
+        if (typeof window === 'undefined' || !window.matchMedia) {
+            isDark = false;
+            return;
+        }
+        const mq = window.matchMedia('(prefers-color-scheme: dark)');
+        isDark = mq.matches;
+        const handler = (e) => {
+            isDark = e.matches;
+        };
+        mq.addEventListener('change', handler);
+        return () => mq.removeEventListener('change', handler);
+    });
+    return {
+        get isDark() {
+            return isDark;
+        },
+    };
+}
+function resolveInitial(mode) {
+    if (mode === 'force')
+        return true;
+    if (mode === 'off' || mode === undefined)
+        return false;
+    // "auto"
+    if (typeof window !== 'undefined' && window.matchMedia) {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches;
+    }
+    return false;
+}

package/dist/composables/useGraph.svelte.d.ts

@@ -0,0 +1,53 @@
+/**
+ * useGraph: composable for imperative graph control.
+ *
+ * Returns a Svelte action and exposes graph methods (search, zoom, select)
+ * for programmatic control of the graph instance.
+ *
+ * Usage:
+ * ```svelte
+ * <script>
+ *   const { action, search, zoomToFit } = useGraph(spec);
+ * </script>
+ * <div use:action></div>
+ * ```
+ *
+ * Uses .svelte.ts extension so runes ($state, $effect) work outside
+ * .svelte components.
+ */
+import type { GraphSpec } from '@opendata-ai/openchart-core';
+import { type GraphMountOptions } from '@opendata-ai/openchart-vanilla';
+export interface UseGraphOptions {
+    /** Theme overrides. */
+    theme?: GraphMountOptions['theme'];
+    /** Dark mode setting. */
+    darkMode?: GraphMountOptions['darkMode'];
+    /** Node click handler. */
+    onNodeClick?: GraphMountOptions['onNodeClick'];
+    /** Node double-click handler. */
+    onNodeDoubleClick?: GraphMountOptions['onNodeDoubleClick'];
+    /** Selection change handler. */
+    onSelectionChange?: GraphMountOptions['onSelectionChange'];
+    /** Enable responsive resizing. Defaults to true. */
+    responsive?: boolean;
+}
+export interface UseGraphReturn {
+    /** Svelte action to attach to a container div. */
+    action: (node: HTMLElement) => {
+        destroy: () => void;
+    };
+    /** Search for nodes matching a query string. */
+    search: (query: string) => void;
+    /** Clear the current search. */
+    clearSearch: () => void;
+    /** Zoom to fit all nodes in view. */
+    zoomToFit: () => void;
+    /** Zoom and center on a specific node. */
+    zoomToNode: (nodeId: string) => void;
+    /** Select a node by id. */
+    selectNode: (nodeId: string) => void;
+    /** Get the currently selected node ids. */
+    getSelectedNodes: () => string[];
+}
+export declare function useGraph(spec: () => GraphSpec, options?: () => UseGraphOptions | undefined): UseGraphReturn;
+//# sourceMappingURL=useGraph.svelte.d.ts.map

package/dist/composables/useGraph.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGraph.svelte.d.ts","sourceRoot":"","sources":["../../src/composables/useGraph.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,0BAA0B;IAC1B,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC/C,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IAC3D,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IAC3D,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACvD,gDAAgD;IAChD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,gCAAgC;IAChC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,0CAA0C;IAC1C,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2BAA2B;IAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2CAA2C;IAC3C,gBAAgB,EAAE,MAAM,MAAM,EAAE,CAAC;CAClC;AAED,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,SAAS,EACrB,OAAO,CAAC,EAAE,MAAM,eAAe,GAAG,SAAS,GAC1C,cAAc,CAsDhB"}

package/dist/composables/useGraph.svelte.js

@@ -0,0 +1,67 @@
+/**
+ * useGraph: composable for imperative graph control.
+ *
+ * Returns a Svelte action and exposes graph methods (search, zoom, select)
+ * for programmatic control of the graph instance.
+ *
+ * Usage:
+ * ```svelte
+ * <script>
+ *   const { action, search, zoomToFit } = useGraph(spec);
+ * </script>
+ * <div use:action></div>
+ * ```
+ *
+ * Uses .svelte.ts extension so runes ($state, $effect) work outside
+ * .svelte components.
+ */
+import { createGraph, } from '@opendata-ai/openchart-vanilla';
+export function useGraph(spec, options) {
+    let instance = $state(null);
+    function action(node) {
+        $effect(() => {
+            const currentSpec = spec();
+            const opts = options?.();
+            const mountOpts = {
+                theme: opts?.theme,
+                darkMode: opts?.darkMode,
+                onNodeClick: opts?.onNodeClick,
+                onNodeDoubleClick: opts?.onNodeDoubleClick,
+                onSelectionChange: opts?.onSelectionChange,
+                responsive: opts?.responsive ?? true,
+            };
+            const graph = createGraph(node, currentSpec, mountOpts);
+            instance = graph;
+            return () => {
+                graph.destroy();
+                instance = null;
+            };
+        });
+        return {
+            destroy() {
+                // $effect cleanup handles teardown
+            },
+        };
+    }
+    return {
+        action,
+        search(query) {
+            instance?.search(query);
+        },
+        clearSearch() {
+            instance?.clearSearch();
+        },
+        zoomToFit() {
+            instance?.zoomToFit();
+        },
+        zoomToNode(nodeId) {
+            instance?.zoomToNode(nodeId);
+        },
+        selectNode(nodeId) {
+            instance?.selectNode(nodeId);
+        },
+        getSelectedNodes() {
+            return instance?.getSelectedNodes() ?? [];
+        },
+    };
+}

package/dist/composables/useTable.svelte.d.ts

@@ -0,0 +1,30 @@
+/**
+ * useTable: composable for manual table lifecycle control.
+ *
+ * Returns a Svelte action and exposes the table instance and current state.
+ *
+ * Usage:
+ * ```svelte
+ * <script>
+ *   const { action, table, state } = useTable(spec);
+ * </script>
+ * <div use:action></div>
+ * ```
+ *
+ * Uses .svelte.ts extension so runes ($state, $effect) work outside
+ * .svelte components.
+ */
+import type { TableSpec } from '@opendata-ai/openchart-core';
+import { type TableInstance, type TableMountOptions, type TableState } from '@opendata-ai/openchart-vanilla';
+export interface UseTableReturn {
+    /** Svelte action to attach to a container div. */
+    action: (node: HTMLElement) => {
+        destroy: () => void;
+    };
+    /** The table instance (null until mounted). */
+    readonly table: TableInstance | null;
+    /** The current table state (sort, search, page). */
+    readonly state: TableState;
+}
+export declare function useTable(spec: () => TableSpec, options?: () => TableMountOptions | undefined): UseTableReturn;
+//# sourceMappingURL=useTable.svelte.d.ts.map

package/dist/composables/useTable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.svelte.d.ts","sourceRoot":"","sources":["../../src/composables/useTable.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,UAAU,EAChB,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACvD,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;CAC5B;AAED,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,SAAS,EACrB,OAAO,CAAC,EAAE,MAAM,iBAAiB,GAAG,SAAS,GAC5C,cAAc,CA+ChB"}

package/dist/composables/useTable.svelte.js

@@ -0,0 +1,59 @@
+/**
+ * useTable: composable for manual table lifecycle control.
+ *
+ * Returns a Svelte action and exposes the table instance and current state.
+ *
+ * Usage:
+ * ```svelte
+ * <script>
+ *   const { action, table, state } = useTable(spec);
+ * </script>
+ * <div use:action></div>
+ * ```
+ *
+ * Uses .svelte.ts extension so runes ($state, $effect) work outside
+ * .svelte components.
+ */
+import { createTable, } from '@opendata-ai/openchart-vanilla';
+export function useTable(spec, options) {
+    let table = $state(null);
+    let state = $state({
+        sort: null,
+        search: '',
+        page: 0,
+    });
+    function action(node) {
+        $effect(() => {
+            const currentSpec = spec();
+            const opts = options?.();
+            const mountOpts = {
+                ...opts,
+                onStateChange: (newState) => {
+                    state = newState;
+                    opts?.onStateChange?.(newState);
+                },
+            };
+            const instance = createTable(node, currentSpec, mountOpts);
+            table = instance;
+            state = instance.getState();
+            return () => {
+                instance.destroy();
+                table = null;
+            };
+        });
+        return {
+            destroy() {
+                // $effect cleanup handles teardown
+            },
+        };
+    }
+    return {
+        action,
+        get table() {
+            return table;
+        },
+        get state() {
+            return state;
+        },
+    };
+}

package/dist/composables/useTableState.svelte.d.ts

@@ -0,0 +1,45 @@
+/**
+ * useTableState: managed state for controlled table usage.
+ *
+ * Provides individual sort/search/page state with setters and a
+ * resetState function to return to initial values.
+ *
+ * Uses .svelte.ts extension so runes ($state) work outside
+ * .svelte components.
+ */
+import type { SortState } from '@opendata-ai/openchart-core';
+export interface UseTableStateOptions {
+    sort?: SortState | null;
+    search?: string;
+    page?: number;
+}
+export interface UseTableStateReturn {
+    readonly sort: SortState | null;
+    setSort: (sort: SortState | null) => void;
+    readonly search: string;
+    setSearch: (query: string) => void;
+    readonly page: number;
+    setPage: (page: number) => void;
+    resetState: () => void;
+}
+/**
+ * Composable for managing table state (sort, search, page).
+ *
+ * Usage:
+ * ```svelte
+ * <script>
+ *   const state = useTableState();
+ * </script>
+ * <DataTable
+ *   spec={spec}
+ *   sort={state.sort}
+ *   search={state.search}
+ *   page={state.page}
+ *   onsortchange={state.setSort}
+ *   onsearchchange={state.setSearch}
+ *   onpagechange={state.setPage}
+ * />
+ * ```
+ */
+export declare function useTableState(initialState?: UseTableStateOptions): UseTableStateReturn;
+//# sourceMappingURL=useTableState.svelte.d.ts.map

package/dist/composables/useTableState.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableState.svelte.d.ts","sourceRoot":"","sources":["../../src/composables/useTableState.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,YAAY,CAAC,EAAE,oBAAoB,GAAG,mBAAmB,CA8BtF"}

package/dist/composables/useTableState.svelte.js

@@ -0,0 +1,58 @@
+/**
+ * useTableState: managed state for controlled table usage.
+ *
+ * Provides individual sort/search/page state with setters and a
+ * resetState function to return to initial values.
+ *
+ * Uses .svelte.ts extension so runes ($state) work outside
+ * .svelte components.
+ */
+/**
+ * Composable for managing table state (sort, search, page).
+ *
+ * Usage:
+ * ```svelte
+ * <script>
+ *   const state = useTableState();
+ * </script>
+ * <DataTable
+ *   spec={spec}
+ *   sort={state.sort}
+ *   search={state.search}
+ *   page={state.page}
+ *   onsortchange={state.setSort}
+ *   onsearchchange={state.setSearch}
+ *   onpagechange={state.setPage}
+ * />
+ * ```
+ */
+export function useTableState(initialState) {
+    let sort = $state(initialState?.sort ?? null);
+    let search = $state(initialState?.search ?? '');
+    let page = $state(initialState?.page ?? 0);
+    return {
+        get sort() {
+            return sort;
+        },
+        setSort(newSort) {
+            sort = newSort;
+        },
+        get search() {
+            return search;
+        },
+        setSearch(query) {
+            search = query;
+        },
+        get page() {
+            return page;
+        },
+        setPage(newPage) {
+            page = newPage;
+        },
+        resetState() {
+            sort = initialState?.sort ?? null;
+            search = initialState?.search ?? '';
+            page = initialState?.page ?? 0;
+        },
+    };
+}

package/dist/context.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Theme context: provides a theme and dark mode preference to all
+ * descendant Chart, DataTable, and Graph components without prop drilling.
+ *
+ * Context values are getter functions so reads from children stay reactive
+ * when the parent's props change.
+ */
+import type { DarkMode, ThemeConfig } from '@opendata-ai/openchart-core';
+/** @internal Context key for theme (exported for test use). */
+export declare const THEME_KEY: unique symbol;
+/** @internal Context key for dark mode (exported for test use). */
+export declare const DARK_MODE_KEY: unique symbol;
+/** Set the theme context for descendant components. */
+export declare function setVizTheme(theme: () => ThemeConfig | undefined): void;
+/** Read the current theme from the nearest VizThemeProvider. */
+export declare function getVizTheme(): (() => ThemeConfig | undefined) | undefined;
+/** Set the dark mode context for descendant components. */
+export declare function setVizDarkMode(darkMode: () => DarkMode | undefined): void;
+/** Read the current dark mode preference from the nearest VizThemeProvider. */
+export declare function getVizDarkMode(): (() => DarkMode | undefined) | undefined;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAGzE,+DAA+D;AAC/D,eAAO,MAAM,SAAS,eAAsB,CAAC;AAC7C,mEAAmE;AACnE,eAAO,MAAM,aAAa,eAA0B,CAAC;AAErD,uDAAuD;AACvD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,WAAW,GAAG,SAAS,GAAG,IAAI,CAEtE;AAED,gEAAgE;AAChE,wBAAgB,WAAW,IAAI,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,GAAG,SAAS,CAEzE;AAED,2DAA2D;AAC3D,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,GAAG,IAAI,CAEzE;AAED,+EAA+E;AAC/E,wBAAgB,cAAc,IAAI,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,SAAS,CAEzE"}

package/dist/context.js

@@ -0,0 +1,28 @@
+/**
+ * Theme context: provides a theme and dark mode preference to all
+ * descendant Chart, DataTable, and Graph components without prop drilling.
+ *
+ * Context values are getter functions so reads from children stay reactive
+ * when the parent's props change.
+ */
+import { getContext, setContext } from 'svelte';
+/** @internal Context key for theme (exported for test use). */
+export const THEME_KEY = Symbol('viz-theme');
+/** @internal Context key for dark mode (exported for test use). */
+export const DARK_MODE_KEY = Symbol('viz-dark-mode');
+/** Set the theme context for descendant components. */
+export function setVizTheme(theme) {
+    setContext(THEME_KEY, theme);
+}
+/** Read the current theme from the nearest VizThemeProvider. */
+export function getVizTheme() {
+    return getContext(THEME_KEY);
+}
+/** Set the dark mode context for descendant components. */
+export function setVizDarkMode(darkMode) {
+    setContext(DARK_MODE_KEY, darkMode);
+}
+/** Read the current dark mode preference from the nearest VizThemeProvider. */
+export function getVizDarkMode() {
+    return getContext(DARK_MODE_KEY);
+}

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @opendata-ai/openchart-svelte
+ *
+ * Svelte 5 adapter for openchart. Provides <Chart />, <DataTable />,
+ * and <Graph /> components that wrap the vanilla adapter with Svelte
+ * lifecycle management using runes.
+ */
+export type { ChartLayout, ChartSpec, CompileOptions, TableLayout, TableSpec, VizSpec, } from '@opendata-ai/openchart-engine';
+export { default as Chart } from './Chart.svelte';
+export type { UseChartOptions, UseChartReturn } from './composables/useChart.svelte.js';
+export { useChart } from './composables/useChart.svelte.js';
+export { useDarkMode } from './composables/useDarkMode.svelte.js';
+export type { UseGraphOptions, UseGraphReturn } from './composables/useGraph.svelte.js';
+export { useGraph } from './composables/useGraph.svelte.js';
+export type { UseTableReturn } from './composables/useTable.svelte.js';
+export { useTable } from './composables/useTable.svelte.js';
+export type { UseTableStateOptions, UseTableStateReturn, } from './composables/useTableState.svelte.js';
+export { useTableState } from './composables/useTableState.svelte.js';
+export { getVizDarkMode, getVizTheme, setVizDarkMode, setVizTheme } from './context.js';
+export { default as DataTable } from './DataTable.svelte';
+export { default as Graph } from './Graph.svelte';
+export { default as VizThemeProvider } from './ThemeProvider.svelte';
+export type { ChartProps, DataTableProps, GraphProps, VisualizationProps, VizThemeProviderProps, } from './types.js';
+export { default as Visualization } from './Visualization.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,YAAY,EACV,WAAW,EACX,SAAS,EACT,cAAc,EACd,WAAW,EACX,SAAS,EACT,OAAO,GACR,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,YAAY,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAErE,YAAY,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -0,0 +1,21 @@
+/**
+ * @opendata-ai/openchart-svelte
+ *
+ * Svelte 5 adapter for openchart. Provides <Chart />, <DataTable />,
+ * and <Graph /> components that wrap the vanilla adapter with Svelte
+ * lifecycle management using runes.
+ */
+// Components
+export { default as Chart } from './Chart.svelte';
+export { useChart } from './composables/useChart.svelte.js';
+// Composables
+export { useDarkMode } from './composables/useDarkMode.svelte.js';
+export { useGraph } from './composables/useGraph.svelte.js';
+export { useTable } from './composables/useTable.svelte.js';
+export { useTableState } from './composables/useTableState.svelte.js';
+// Context
+export { getVizDarkMode, getVizTheme, setVizDarkMode, setVizTheme } from './context.js';
+export { default as DataTable } from './DataTable.svelte';
+export { default as Graph } from './Graph.svelte';
+export { default as VizThemeProvider } from './ThemeProvider.svelte';
+export { default as Visualization } from './Visualization.svelte';

package/dist/types.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Exported prop types for Svelte components.
+ *
+ * These mirror the inline types used in each component's $props() destructuring
+ * and provide named exports for downstream typing.
+ */
+import type { Annotation, AnnotationOffset, ChartSpec, DarkMode, ElementEdit, GraphSpec, MarkEvent, SortState, TableSpec, TextAnnotation, ThemeConfig, VizSpec } from '@opendata-ai/openchart-core';
+import type { Snippet } from 'svelte';
+export interface ChartProps {
+    spec: ChartSpec | GraphSpec;
+    theme?: ThemeConfig;
+    darkMode?: DarkMode;
+    onmarkclick?: (event: MarkEvent) => void;
+    onmarkhover?: (event: MarkEvent) => void;
+    onmarkleave?: () => void;
+    onlegendtoggle?: (series: string, visible: boolean) => void;
+    onannotationclick?: (annotation: Annotation, event: MouseEvent) => void;
+    onannotationedit?: (annotation: TextAnnotation, offset: AnnotationOffset) => void;
+    onedit?: (edit: ElementEdit) => void;
+    ondatapointclick?: (data: Record<string, unknown>) => void;
+    class?: string;
+    style?: string;
+}
+export interface DataTableProps {
+    spec: TableSpec;
+    theme?: ThemeConfig;
+    darkMode?: DarkMode;
+    onrowclick?: (row: Record<string, unknown>) => void;
+    onsortchange?: (sort: SortState | null) => void;
+    onsearchchange?: (query: string) => void;
+    onpagechange?: (page: number) => void;
+    sort?: SortState | null;
+    search?: string;
+    page?: number;
+    class?: string;
+    style?: string;
+}
+export interface GraphProps {
+    spec: GraphSpec;
+    theme?: ThemeConfig;
+    darkMode?: DarkMode;
+    onnodeclick?: (node: Record<string, unknown>) => void;
+    onnodedoubleclick?: (node: Record<string, unknown>) => void;
+    onselectionchange?: (nodeIds: string[]) => void;
+    class?: string;
+    style?: string;
+}
+export interface VisualizationProps {
+    spec: VizSpec;
+    theme?: ThemeConfig;
+    darkMode?: DarkMode;
+    class?: string;
+    style?: string;
+}
+export interface VizThemeProviderProps {
+    theme: ThemeConfig | undefined;
+    darkMode?: DarkMode;
+    children: Snippet;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,7 @@
+/**
+ * Exported prop types for Svelte components.
+ *
+ * These mirror the inline types used in each component's $props() destructuring
+ * and provide named exports for downstream typing.
+ */
+export {};