@carbon/charts-svelte 1.22.0 → 1.22.4

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.22.4 (2024-11-21)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.22.3 (2024-11-18)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.22.2 (2024-11-07)
+
+### Bug Fixes
+
+- **yarn:** bundle because CI lacks corepack
+  ([#1911](https://github.com/carbon-design-system/carbon-charts/issues/1911))
+  ([513e779](https://github.com/carbon-design-system/carbon-charts/commit/513e7798007f807d1463a25efe7d140d5b038b8e))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.22.1 (2024-09-27)
+
+### Bug Fixes
+
+- **docs:** switch fonts to s81c cdn
+  ([#1898](https://github.com/carbon-design-system/carbon-charts/issues/1898))
+  ([cdfc980](https://github.com/carbon-design-system/carbon-charts/commit/cdfc980596365c90f08e35e91e49cbc2f491fd09))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # 1.22.0 (2024-09-16)
 
 ### Features

package/README.md

@@ -262,8 +262,9 @@ let chart: ChartProps['chart'] = null
 
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
 
-This package uses IBM Telemetry to collect metrics data. By installing this package as a dependency
-you are agreeing to telemetry collection. To opt out, see
+This package uses IBM Telemetry to collect de-identified and anonymized metrics
+data. By installing this package as a dependency you are agreeing to telemetry
+collection. To opt out, see
 [Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
 For more information on the data being collected, please see the
 [IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

package/dist/AlluvialChart.svelte

@@ -1,11 +1,15 @@
-<script>import {
-  AlluvialChart as AlluvialChartCore
-} from "@carbon/charts";
-import BaseChart from "./BaseChart.svelte";
-export let options;
-export let data;
-export let chart = void 0;
-export let ref = void 0;
+<script lang="ts">
+	import {
+		AlluvialChart as AlluvialChartCore,
+		type AlluvialChartOptions,
+		type ChartTabularData
+	} from '@carbon/charts'
+	import BaseChart from './BaseChart.svelte'
+
+	export let options: AlluvialChartOptions
+	export let data: ChartTabularData
+	export let chart: AlluvialChartCore | undefined = undefined
+	export let ref: HTMLDivElement | undefined = undefined
 </script>
 
 <BaseChart

package/dist/AlluvialChart.svelte.d.ts

@@ -1,30 +1,32 @@
-import { SvelteComponent } from "svelte";
 import { AlluvialChart as AlluvialChartCore, type AlluvialChartOptions, type ChartTabularData } from '@carbon/charts';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        options: AlluvialChartOptions;
-        data: ChartTabularData;
-        chart?: AlluvialChartCore | undefined;
-        ref?: HTMLDivElement | undefined;
-    };
-    events: {
-        load: CustomEvent<null>;
-        update: CustomEvent<{
-            data: ChartTabularData;
-            options: import("@carbon/charts").BaseChartOptions;
-        }>;
-        destroy: CustomEvent<null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type AlluvialChartProps = typeof __propDef.props;
-export type AlluvialChartEvents = typeof __propDef.events;
-export type AlluvialChartSlots = typeof __propDef.slots;
-export default class AlluvialChart extends SvelteComponent<AlluvialChartProps, AlluvialChartEvents, AlluvialChartSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AlluvialChart: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    options: AlluvialChartOptions;
+    data: ChartTabularData;
+    chart?: AlluvialChartCore | undefined;
+    ref?: HTMLDivElement | undefined;
+}, {
+    load: CustomEvent<null>;
+    update: CustomEvent<{
+        data: ChartTabularData;
+        options: import("@carbon/charts").BaseChartOptions;
+    }>;
+    destroy: CustomEvent<null>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AlluvialChart = InstanceType<typeof AlluvialChart>;
+export default AlluvialChart;

package/dist/AreaChart.svelte

@@ -1,11 +1,15 @@
-<script>import {
-  AreaChart as AreaChartCore
-} from "@carbon/charts";
-import BaseChart from "./BaseChart.svelte";
-export let options;
-export let data;
-export let chart = void 0;
-export let ref = void 0;
+<script lang="ts">
+	import {
+		AreaChart as AreaChartCore,
+		type AreaChartOptions,
+		type ChartTabularData
+	} from '@carbon/charts'
+	import BaseChart from './BaseChart.svelte'
+
+	export let options: AreaChartOptions
+	export let data: ChartTabularData
+	export let chart: AreaChartCore | undefined = undefined
+	export let ref: HTMLDivElement | undefined = undefined
 </script>
 
 <BaseChart

package/dist/AreaChart.svelte.d.ts

@@ -1,30 +1,32 @@
-import { SvelteComponent } from "svelte";
 import { AreaChart as AreaChartCore, type AreaChartOptions, type ChartTabularData } from '@carbon/charts';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        options: AreaChartOptions;
-        data: ChartTabularData;
-        chart?: AreaChartCore | undefined;
-        ref?: HTMLDivElement | undefined;
-    };
-    events: {
-        load: CustomEvent<null>;
-        update: CustomEvent<{
-            data: ChartTabularData;
-            options: import("@carbon/charts").BaseChartOptions;
-        }>;
-        destroy: CustomEvent<null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type AreaChartProps = typeof __propDef.props;
-export type AreaChartEvents = typeof __propDef.events;
-export type AreaChartSlots = typeof __propDef.slots;
-export default class AreaChart extends SvelteComponent<AreaChartProps, AreaChartEvents, AreaChartSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AreaChart: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    options: AreaChartOptions;
+    data: ChartTabularData;
+    chart?: AreaChartCore | undefined;
+    ref?: HTMLDivElement | undefined;
+}, {
+    load: CustomEvent<null>;
+    update: CustomEvent<{
+        data: ChartTabularData;
+        options: import("@carbon/charts").BaseChartOptions;
+    }>;
+    destroy: CustomEvent<null>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AreaChart = InstanceType<typeof AreaChart>;
+export default AreaChart;

package/dist/BarChartGrouped.svelte

@@ -1,11 +1,15 @@
-<script>import {
-  GroupedBarChart as GroupedBarChartCore
-} from "@carbon/charts";
-import BaseChart from "./BaseChart.svelte";
-export let options;
-export let data;
-export let chart = void 0;
-export let ref = void 0;
+<script lang="ts">
+	import {
+		GroupedBarChart as GroupedBarChartCore,
+		type BarChartOptions,
+		type ChartTabularData
+	} from '@carbon/charts'
+	import BaseChart from './BaseChart.svelte'
+
+	export let options: BarChartOptions
+	export let data: ChartTabularData
+	export let chart: GroupedBarChartCore | undefined = undefined
+	export let ref: HTMLDivElement | undefined = undefined
 </script>
 
 <BaseChart

package/dist/BarChartGrouped.svelte.d.ts

@@ -1,30 +1,32 @@
-import { SvelteComponent } from "svelte";
 import { GroupedBarChart as GroupedBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        options: BarChartOptions;
-        data: ChartTabularData;
-        chart?: GroupedBarChartCore | undefined;
-        ref?: HTMLDivElement | undefined;
-    };
-    events: {
-        load: CustomEvent<null>;
-        update: CustomEvent<{
-            data: ChartTabularData;
-            options: import("@carbon/charts").BaseChartOptions;
-        }>;
-        destroy: CustomEvent<null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type BarChartGroupedProps = typeof __propDef.props;
-export type BarChartGroupedEvents = typeof __propDef.events;
-export type BarChartGroupedSlots = typeof __propDef.slots;
-export default class BarChartGrouped extends SvelteComponent<BarChartGroupedProps, BarChartGroupedEvents, BarChartGroupedSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const BarChartGrouped: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    options: BarChartOptions;
+    data: ChartTabularData;
+    chart?: GroupedBarChartCore | undefined;
+    ref?: HTMLDivElement | undefined;
+}, {
+    load: CustomEvent<null>;
+    update: CustomEvent<{
+        data: ChartTabularData;
+        options: import("@carbon/charts").BaseChartOptions;
+    }>;
+    destroy: CustomEvent<null>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type BarChartGrouped = InstanceType<typeof BarChartGrouped>;
+export default BarChartGrouped;

package/dist/BarChartSimple.svelte

@@ -1,11 +1,15 @@
-<script>import {
-  SimpleBarChart as SimpleBarChartCore
-} from "@carbon/charts";
-import BaseChart from "./BaseChart.svelte";
-export let options;
-export let data;
-export let chart = void 0;
-export let ref = void 0;
+<script lang="ts">
+	import {
+		SimpleBarChart as SimpleBarChartCore,
+		type BarChartOptions,
+		type ChartTabularData
+	} from '@carbon/charts'
+	import BaseChart from './BaseChart.svelte'
+
+	export let options: BarChartOptions
+	export let data: ChartTabularData
+	export let chart: SimpleBarChartCore | undefined = undefined
+	export let ref: HTMLDivElement | undefined = undefined
 </script>
 
 <BaseChart

package/dist/BarChartSimple.svelte.d.ts

@@ -1,30 +1,32 @@
-import { SvelteComponent } from "svelte";
 import { SimpleBarChart as SimpleBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        options: BarChartOptions;
-        data: ChartTabularData;
-        chart?: SimpleBarChartCore | undefined;
-        ref?: HTMLDivElement | undefined;
-    };
-    events: {
-        load: CustomEvent<null>;
-        update: CustomEvent<{
-            data: ChartTabularData;
-            options: import("@carbon/charts").BaseChartOptions;
-        }>;
-        destroy: CustomEvent<null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type BarChartSimpleProps = typeof __propDef.props;
-export type BarChartSimpleEvents = typeof __propDef.events;
-export type BarChartSimpleSlots = typeof __propDef.slots;
-export default class BarChartSimple extends SvelteComponent<BarChartSimpleProps, BarChartSimpleEvents, BarChartSimpleSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const BarChartSimple: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    options: BarChartOptions;
+    data: ChartTabularData;
+    chart?: SimpleBarChartCore | undefined;
+    ref?: HTMLDivElement | undefined;
+}, {
+    load: CustomEvent<null>;
+    update: CustomEvent<{
+        data: ChartTabularData;
+        options: import("@carbon/charts").BaseChartOptions;
+    }>;
+    destroy: CustomEvent<null>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type BarChartSimple = InstanceType<typeof BarChartSimple>;
+export default BarChartSimple;

package/dist/BarChartStacked.svelte

@@ -1,11 +1,14 @@
-<script>import {
-  StackedBarChart as StackedBarChartCore
-} from "@carbon/charts";
-import BaseChart from "./BaseChart.svelte";
-export let options;
-export let data;
-export let chart = void 0;
-export let ref = void 0;
+<script lang="ts">
+	import {
+		StackedBarChart as StackedBarChartCore,
+		type BarChartOptions,
+		type ChartTabularData
+	} from '@carbon/charts'
+	import BaseChart from './BaseChart.svelte'
+	export let options: BarChartOptions
+	export let data: ChartTabularData
+	export let chart: StackedBarChartCore | undefined = undefined
+	export let ref: HTMLDivElement | undefined = undefined
 </script>
 
 <BaseChart

package/dist/BarChartStacked.svelte.d.ts

@@ -1,30 +1,32 @@
-import { SvelteComponent } from "svelte";
 import { StackedBarChart as StackedBarChartCore, type BarChartOptions, type ChartTabularData } from '@carbon/charts';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        options: BarChartOptions;
-        data: ChartTabularData;
-        chart?: StackedBarChartCore | undefined;
-        ref?: HTMLDivElement | undefined;
-    };
-    events: {
-        load: CustomEvent<null>;
-        update: CustomEvent<{
-            data: ChartTabularData;
-            options: import("@carbon/charts").BaseChartOptions;
-        }>;
-        destroy: CustomEvent<null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type BarChartStackedProps = typeof __propDef.props;
-export type BarChartStackedEvents = typeof __propDef.events;
-export type BarChartStackedSlots = typeof __propDef.slots;
-export default class BarChartStacked extends SvelteComponent<BarChartStackedProps, BarChartStackedEvents, BarChartStackedSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const BarChartStacked: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    options: BarChartOptions;
+    data: ChartTabularData;
+    chart?: StackedBarChartCore | undefined;
+    ref?: HTMLDivElement | undefined;
+}, {
+    load: CustomEvent<null>;
+    update: CustomEvent<{
+        data: ChartTabularData;
+        options: import("@carbon/charts").BaseChartOptions;
+    }>;
+    destroy: CustomEvent<null>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type BarChartStacked = InstanceType<typeof BarChartStacked>;
+export default BarChartStacked;

package/dist/BaseChart.svelte

@@ -1,39 +1,56 @@
-<script generics="T extends BaseChartOptions">import { onMount, afterUpdate, onDestroy, createEventDispatcher } from "svelte";
-const chartHolderCssClass = "cds--chart-holder";
-export let data = [];
-export let options = {};
-export let Chart;
-export let chart;
-export let ref;
-export let id = `chart-${Math.random().toString(36)}`;
-const dispatch = createEventDispatcher();
-onMount(() => {
-  try {
-    chart = new Chart(ref, { data, options });
-    dispatch("load");
-  } catch (error) {
-    console.error("Failed to initialize chart:", error);
-  }
-});
-afterUpdate(() => {
-  if (chart) {
-    try {
-      chart.model.setData(data);
-      chart.model.setOptions(options);
-      dispatch("update", { data, options });
-    } catch (error) {
-      console.error("Failed to update chart:", error);
-    }
-  }
-});
-onDestroy(() => {
-  if (chart) {
-    dispatch("destroy");
-    chart.components.forEach((component) => component.destroy());
-    chart.model.set({ destroyed: true }, { skipUpdate: true });
-    chart = void 0;
-  }
-});
+<script lang="ts" generics="T extends BaseChartOptions">
+	/* eslint-disable @typescript-eslint/no-unused-vars */
+	import { onMount, afterUpdate, onDestroy, createEventDispatcher } from 'svelte'
+	import type { Charts, ChartConfig, BaseChartOptions, ChartTabularData } from '@carbon/charts'
+
+	interface DispatchedEvents {
+		load: null
+		update: { data: ChartTabularData; options: T }
+		destroy: null
+	}
+
+	type CoreChartClass = new (holder: HTMLDivElement, chartConfigs: ChartConfig<T>) => Charts
+
+	const chartHolderCssClass = 'cds--chart-holder' // Used by Carbon Charts CSS
+	export let data: ChartTabularData = [] // Chart data, default is empty
+	export let options: T = {} as T // Specific chart option type, default is empty
+	export let Chart: CoreChartClass // Used to instantiate next property
+	export let chart: Charts | undefined // Instance of the chart class
+	export let ref: HTMLDivElement | undefined // Binding to chart 'holder' in template below
+	export let id = `chart-${Math.random().toString(36)}` // id for chart holder element
+
+	const dispatch = createEventDispatcher<DispatchedEvents>()
+
+	onMount(() => {
+		try {
+			chart = new Chart(ref as HTMLDivElement, { data, options })
+			dispatch('load')
+		} catch (error) {
+			console.error('Failed to initialize chart:', error)
+		}
+	})
+
+	afterUpdate(() => {
+		if (chart) {
+			try {
+				chart.model.setData(data)
+				chart.model.setOptions(options)
+				dispatch('update', { data, options })
+			} catch (error) {
+				console.error('Failed to update chart:', error)
+			}
+		}
+	})
+
+	onDestroy(() => {
+		if (chart) {
+			dispatch('destroy')
+			// Like core's Chart.destroy() but keeps div chart holder bound to ref as it's part of the template below
+			chart.components.forEach(component => component.destroy())
+			chart.model.set({ destroyed: true }, { skipUpdate: true })
+			chart = undefined
+		}
+	})
 </script>
 
-<div {id} bind:this={ref} class={chartHolderCssClass} {...$$restProps} />
+<div {id} bind:this={ref} class={chartHolderCssClass} {...$$restProps}></div>

package/dist/BaseChart.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 import type { Charts, ChartConfig, BaseChartOptions, ChartTabularData } from '@carbon/charts';
 declare class __sveltets_Render<T extends BaseChartOptions> {
     props(): {
@@ -7,7 +6,7 @@ declare class __sveltets_Render<T extends BaseChartOptions> {
         options?: T | undefined;
         Chart: new (holder: HTMLDivElement, chartConfigs: ChartConfig<T>) => Charts;
         chart: Charts | undefined;
-        ref: HTMLDivElement;
+        ref: HTMLDivElement | undefined;
         id?: string | undefined;
     };
     events(): {
@@ -21,10 +20,18 @@ declare class __sveltets_Render<T extends BaseChartOptions> {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
+    bindings(): string;
+    exports(): {};
 }
-export type BaseChartProps<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['props']>;
-export type BaseChartEvents<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['events']>;
-export type BaseChartSlots<T extends BaseChartOptions> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class BaseChart<T extends BaseChartOptions> extends SvelteComponent<BaseChartProps<T>, BaseChartEvents<T>, BaseChartSlots<T>> {
+interface $$IsomorphicComponent {
+    new <T extends BaseChartOptions>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends BaseChartOptions>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const BaseChart: $$IsomorphicComponent;
+type BaseChart<T extends BaseChartOptions> = InstanceType<typeof BaseChart<T>>;
+export default BaseChart;

package/dist/BoxplotChart.svelte

@@ -1,11 +1,15 @@
-<script>import {
-  BoxplotChart as BoxplotChartCore
-} from "@carbon/charts";
-import BaseChart from "./BaseChart.svelte";
-export let options;
-export let data;
-export let chart = void 0;
-export let ref = void 0;
+<script lang="ts">
+	import {
+		BoxplotChart as BoxplotChartCore,
+		type BoxplotChartOptions,
+		type ChartTabularData
+	} from '@carbon/charts'
+	import BaseChart from './BaseChart.svelte'
+
+	export let options: BoxplotChartOptions
+	export let data: ChartTabularData
+	export let chart: BoxplotChartCore | undefined = undefined
+	export let ref: HTMLDivElement | undefined = undefined
 </script>
 
 <BaseChart