layerchart 2.0.0-next.60 → 2.0.0-next.61

package/dist/components/Violin/Violin.shared.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { SVGAttributes } from 'svelte/elements';
+import type { CurveFactory } from 'd3-shape';
+import type { CommonStyleProps, CommonEvents, Without } from '../../utils/types.js';
+import type { Accessor } from '../../utils/common.js';
+export type ViolinPropsWithoutHTML = {
+    data: Object;
+    density?: Accessor;
+    values?: Accessor;
+    bandwidth?: number;
+    /** @default 50 */
+    thresholds?: number;
+    width?: number;
+    /** @default curveCardinal */
+    curve?: CurveFactory;
+    /** @default false */
+    median?: boolean;
+    /** @default false */
+    box?: boolean | {
+        width?: number;
+    };
+    tooltip?: boolean;
+} & CommonStyleProps;
+export type ViolinProps = ViolinPropsWithoutHTML & Without<SVGAttributes<SVGPathElement>, ViolinPropsWithoutHTML> & CommonEvents;

package/dist/components/Violin/Violin.shared.svelte.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Violin/Violin.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  export type { ViolinProps, ViolinPropsWithoutHTML } from './Violin.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import { getLayerContext } from '../../contexts/layer.js';
+  import ViolinSvg from './Violin.svg.svelte';
+  import ViolinCanvas from './Violin.canvas.svelte';
+  import type { ViolinProps } from './Violin.shared.svelte.js';
+
+  const layerCtx = getLayerContext();
+
+  let props: ViolinProps = $props();
+</script>
+
+{#if layerCtx === 'svg'}
+  <ViolinSvg {...props} />
+{:else if layerCtx === 'canvas'}
+  <ViolinCanvas {...props} />
+{/if}

package/dist/components/Violin/Violin.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { ViolinProps, ViolinPropsWithoutHTML } from './Violin.shared.svelte.js';
+import type { ViolinProps } from './Violin.shared.svelte.js';
+declare const Violin: import("svelte").Component<ViolinProps, {}, "">;
+type Violin = ReturnType<typeof Violin>;
+export default Violin;

package/dist/components/Violin/Violin.svg.svelte

@@ -0,0 +1,16 @@
+<script lang="ts" module>
+  export type { ViolinProps, ViolinPropsWithoutHTML } from './Violin.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import ViolinBase from './Violin.base.svelte';
+  import Group from '../Group/Group.svg.svelte';
+  import Path from '../Path/Path.svg.svelte';
+  import Rect from '../Rect/Rect.svg.svelte';
+  import Line from '../Line/Line.svg.svelte';
+  import type { ViolinProps } from './Violin.shared.svelte.js';
+
+  let props: ViolinProps = $props();
+</script>
+
+<ViolinBase {Group} {Path} {Rect} {Line} {...props} />

package/dist/components/Violin/Violin.svg.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { ViolinProps, ViolinPropsWithoutHTML } from './Violin.shared.svelte.js';
+import type { ViolinProps } from './Violin.shared.svelte.js';
+declare const Violin: import("svelte").Component<ViolinProps, {}, "">;
+type Violin = ReturnType<typeof Violin>;
+export default Violin;

package/dist/components/Voronoi/Voronoi.base.svelte

@@ -0,0 +1,151 @@
+<script lang="ts" module>
+  import type { Component } from 'svelte';
+  import type { VoronoiProps } from './Voronoi.shared.svelte.js';
+
+  export type VoronoiBaseLayerComponents = {
+    Group: Component<any>;
+    Path: Component<any>;
+    CircleClipPath: Component<any>;
+  };
+
+  export type VoronoiBaseProps = VoronoiProps & VoronoiBaseLayerComponents;
+</script>
+
+<script lang="ts">
+  import { max } from 'd3-array';
+  import { Delaunay } from 'd3-delaunay';
+  // @ts-expect-error
+  import { geoVoronoi } from 'd3-geo-voronoi';
+  import { pointRadial } from 'd3-shape';
+  import { cls } from '@layerstack/tailwind';
+
+  // GeoPath lives in geo/ subpath; agnostic import (only used in geo charts).
+  import GeoPath from '../geo/GeoPath/GeoPath.svelte';
+  import { getChartContext } from '../../contexts/chart.js';
+  import { getGeoContext } from '../../contexts/geo.js';
+  import { accessor } from '../../utils/common.js';
+
+  let {
+    Group,
+    Path,
+    CircleClipPath,
+    data,
+    x: xProp,
+    y: yProp,
+    r,
+    classes = {},
+    onclick,
+    onpointerenter,
+    onpointerdown,
+    onpointermove,
+    class: className,
+    ...restProps
+  }: VoronoiBaseProps = $props();
+
+  const ctx = getChartContext();
+  const geo = getGeoContext();
+
+  const xAccessorOverride = $derived(xProp != null ? accessor(xProp) : undefined);
+  const yAccessorOverride = $derived(yProp != null ? accessor(yProp) : undefined);
+
+  const points = $derived(
+    (data ?? ctx.flatData).map((d: any) => {
+      const xValue = xAccessorOverride
+        ? geo.projection
+          ? xAccessorOverride(d)
+          : ctx.xScale(xAccessorOverride(d))
+        : geo.projection
+          ? ctx.x(d)
+          : ctx.xGet(d);
+      const yValue = yAccessorOverride
+        ? geo.projection
+          ? yAccessorOverride(d)
+          : ctx.yScale(yAccessorOverride(d))
+        : geo.projection
+          ? ctx.y(d)
+          : ctx.yGet(d);
+
+      const x = Array.isArray(xValue) ? max(xValue) : xValue;
+      const y = Array.isArray(yValue) ? max(yValue) : yValue;
+
+      let point: [number, number];
+      if (ctx.radial) {
+        const radialPoint = pointRadial(x, y);
+        point = [radialPoint[0] + ctx.width / 2, radialPoint[1] + ctx.height / 2];
+      } else {
+        point = [x, y];
+      }
+      // @ts-expect-error
+      point.data = d;
+      return point;
+    })
+  );
+
+  const boundWidth = $derived(Math.max(ctx.width, 0));
+  const boundHeight = $derived(Math.max(ctx.height, 0));
+
+  const disableClip = $derived(r === 0 || r == null || r === Infinity);
+</script>
+
+<Group {...restProps} class={cls('lc-voronoi-g', classes.root, className)}>
+  {#if geo.projection}
+    {@const polygons = geoVoronoi().polygons(points)}
+    {#each polygons.features as feature}
+      {@const point = r ? geo.projection?.(feature.properties.sitecoordinates) : null}
+      <CircleClipPath
+        cx={point?.[0]}
+        cy={point?.[1]}
+        r={r ?? 0}
+        disabled={point == null || disableClip}
+      >
+        <GeoPath
+          geojson={feature}
+          class={['lc-voronoi-geo-path', classes.path]}
+          onclick={(e: MouseEvent) =>
+            onclick?.(e, { data: feature.properties.site.data, feature })}
+          onpointerenter={(e: PointerEvent) =>
+            onpointerenter?.(e, { data: feature.properties.site.data, feature })}
+          onpointermove={(e: PointerEvent) =>
+            onpointermove?.(e, { data: feature.properties.site.data, feature })}
+          onpointerdown={(e: PointerEvent) =>
+            onpointerdown?.(e, { data: feature.properties.site.data, feature })}
+          ontouchmove={(e: TouchEvent) => {
+            e.preventDefault();
+          }}
+        />
+      </CircleClipPath>
+    {/each}
+  {:else}
+    {@const voronoi = Delaunay.from(points).voronoi([0, 0, boundWidth, boundHeight])}
+    {#each points as point, i}
+      {@const pathData = voronoi.renderCell(i)}
+      {#if pathData}
+        <CircleClipPath cx={point[0]} cy={point[1]} r={r ?? 0} disabled={disableClip}>
+          <Path
+            {pathData}
+            class={['lc-voronoi-path', classes.path]}
+            onclick={(e: MouseEvent) => onclick?.(e, { data: (point as any).data, point })}
+            onpointerenter={(e: PointerEvent) =>
+              onpointerenter?.(e, { data: (point as any).data, point })}
+            onpointermove={(e: PointerEvent) =>
+              onpointermove?.(e, { data: (point as any).data, point })}
+            onpointerdown={(e: PointerEvent) =>
+              onpointerdown?.(e, { data: (point as any).data, point })}
+            ontouchmove={(e: TouchEvent) => {
+              e.preventDefault();
+            }}
+          />
+        </CircleClipPath>
+      {/if}
+    {/each}
+  {/if}
+</Group>
+
+<style>
+  @layer components {
+    :global(:where(.lc-voronoi-path, .lc-voronoi-geo-path)) {
+      fill: transparent;
+      stroke: transparent;
+    }
+  }
+</style>

package/dist/components/Voronoi/Voronoi.base.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Component } from 'svelte';
+import type { VoronoiProps } from './Voronoi.shared.svelte.js';
+export type VoronoiBaseLayerComponents = {
+    Group: Component<any>;
+    Path: Component<any>;
+    CircleClipPath: Component<any>;
+};
+export type VoronoiBaseProps = VoronoiProps & VoronoiBaseLayerComponents;
+declare const Voronoi: Component<VoronoiBaseProps, {}, "">;
+type Voronoi = ReturnType<typeof Voronoi>;
+export default Voronoi;

package/dist/components/Voronoi/Voronoi.canvas.svelte

@@ -0,0 +1,15 @@
+<script lang="ts" module>
+  export type { VoronoiProps, VoronoiPropsWithoutHTML } from './Voronoi.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import VoronoiBase from './Voronoi.base.svelte';
+  import Group from '../Group/Group.canvas.svelte';
+  import Path from '../Path/Path.canvas.svelte';
+  import CircleClipPath from '../CircleClipPath/CircleClipPath.canvas.svelte';
+  import type { VoronoiProps } from './Voronoi.shared.svelte.js';
+
+  let props: VoronoiProps = $props();
+</script>
+
+<VoronoiBase {Group} {Path} {CircleClipPath} {...props} />

package/dist/components/Voronoi/Voronoi.canvas.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { VoronoiProps, VoronoiPropsWithoutHTML } from './Voronoi.shared.svelte.js';
+import type { VoronoiProps } from './Voronoi.shared.svelte.js';
+declare const Voronoi: import("svelte").Component<VoronoiProps, {}, "">;
+type Voronoi = ReturnType<typeof Voronoi>;
+export default Voronoi;

package/dist/components/{Voronoi.svelte.d.ts → Voronoi/Voronoi.shared.svelte.d.ts}

@@ -1,25 +1,13 @@
-import type { Without } from '../utils/types.js';
-import type { Accessor } from '../utils/common.js';
+import type { Without } from '../../utils/types.js';
+import type { Accessor } from '../../utils/common.js';
+import type { GeoPermissibleObjects } from 'd3-geo';
+import type { GroupProps } from '../Group/Group.shared.svelte.js';
 export type VoronoiPropsWithoutHTML = {
-    /**
-     * Override data instead of using context
-     */
     data?: any;
-    /**
-     * Override the `x` accessor used to place each point. Useful when the
-     * chart's `x` accessor returns an array of values (e.g. `['start', 'end']`)
-     * and you want to use a specific one.
-     */
     x?: Accessor;
-    /** Override the `y` accessor used to place each point. See `x` above. */
     y?: Accessor;
-    /** Radius to clip voronoi cells.  `0` or `undefined` to disables clipping */
+    /** Radius to clip voronoi cells. `0` or `undefined` to disables clipping */
     r?: number;
-    /**
-     * Classes to apply to the root and path elements
-     *
-     * @default = {}
-     */
     classes?: {
         root?: string;
         path?: string;
@@ -46,8 +34,3 @@ export type VoronoiPropsWithoutHTML = {
     }) => void;
 };
 export type VoronoiProps = VoronoiPropsWithoutHTML & Without<Omit<GroupProps, 'children'>, VoronoiPropsWithoutHTML>;
-import { type GeoPermissibleObjects } from 'd3-geo';
-import { type GroupProps } from './Group.svelte';
-declare const Voronoi: import("svelte").Component<VoronoiProps, {}, "">;
-type Voronoi = ReturnType<typeof Voronoi>;
-export default Voronoi;

package/dist/components/Voronoi/Voronoi.shared.svelte.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Voronoi/Voronoi.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  export type { VoronoiProps, VoronoiPropsWithoutHTML } from './Voronoi.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import { getLayerContext } from '../../contexts/layer.js';
+  import VoronoiSvg from './Voronoi.svg.svelte';
+  import VoronoiCanvas from './Voronoi.canvas.svelte';
+  import type { VoronoiProps } from './Voronoi.shared.svelte.js';
+
+  const layerCtx = getLayerContext();
+
+  let props: VoronoiProps = $props();
+</script>
+
+{#if layerCtx === 'svg'}
+  <VoronoiSvg {...props} />
+{:else if layerCtx === 'canvas'}
+  <VoronoiCanvas {...props} />
+{/if}

package/dist/components/Voronoi/Voronoi.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { VoronoiProps, VoronoiPropsWithoutHTML } from './Voronoi.shared.svelte.js';
+import type { VoronoiProps } from './Voronoi.shared.svelte.js';
+declare const Voronoi: import("svelte").Component<VoronoiProps, {}, "">;
+type Voronoi = ReturnType<typeof Voronoi>;
+export default Voronoi;

package/dist/components/Voronoi/Voronoi.svg.svelte

@@ -0,0 +1,15 @@
+<script lang="ts" module>
+  export type { VoronoiProps, VoronoiPropsWithoutHTML } from './Voronoi.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import VoronoiBase from './Voronoi.base.svelte';
+  import Group from '../Group/Group.svg.svelte';
+  import Path from '../Path/Path.svg.svelte';
+  import CircleClipPath from '../CircleClipPath/CircleClipPath.svg.svelte';
+  import type { VoronoiProps } from './Voronoi.shared.svelte.js';
+
+  let props: VoronoiProps = $props();
+</script>
+
+<VoronoiBase {Group} {Path} {CircleClipPath} {...props} />

package/dist/components/Voronoi/Voronoi.svg.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { VoronoiProps, VoronoiPropsWithoutHTML } from './Voronoi.shared.svelte.js';
+import type { VoronoiProps } from './Voronoi.shared.svelte.js';
+declare const Voronoi: import("svelte").Component<VoronoiProps, {}, "">;
+type Voronoi = ReturnType<typeof Voronoi>;
+export default Voronoi;

package/dist/components/charts/{ArcChart.svelte → ArcChart/ArcChart.base.svelte}

@@ -1,136 +1,15 @@
 <script lang="ts" module>
-  import type { ComponentProps, Snippet } from 'svelte';
-  import type { ChartProps } from '../Chart.svelte';
-  import type { ChartState } from '../../contexts/chart.js';
-  import type { ArcPropsWithoutHTML } from '../Arc.svelte';
-  import type { Accessor } from '../../utils/common.js';
-  import type { SeriesData } from './types.js';
-
-  import Arc from '../Arc.svelte';
-  import ArcLabel, { type ArcLabelConfig } from '../ArcLabel.svelte';
-  import Group from '../Group.svelte';
-
-  export type ArcChartExtraSnippetProps<TData> = {
-    key: Accessor<TData>;
-    label: Accessor<TData>;
-    value: Accessor<TData>;
-    visibleData: TData[];
-    getGroupProps: () => ComponentProps<typeof Group>;
-    getArcProps: (s: SeriesData<TData, typeof Arc>, i: number) => ComponentProps<typeof Arc>;
+  import type { Component } from 'svelte';
+  import type { ArcChartProps } from './ArcChart.shared.svelte.js';
+
+  export type ArcChartBaseLayerComponents = {
+    Chart: Component<any>;
+    Arc: Component<any>;
+    ArcLabel: Component<any>;
+    Group: Component<any>;
   };
 
-  // Use explicit data prop for TData inference, with rest from ChartPropsWithoutHTML<any>
-  export type ArcChartProps<TData> = {
-    /**
-     * The data for the chart
-     */
-    data?: TData[] | readonly TData[];
-  } & Omit<
-    ChartProps<any>,
-    // Props that don't apply to ArcChart
-    'data' | 'axis' | 'brush' | 'grid' | 'highlight' | 'labels' | 'points' | 'rule'
-  > & {
-      /**
-       * Render text labels on each arc.
-       *
-       * Pass `true` to enable with default placement (`centroid`), or an object
-       * to customize via `ArcLabel` props (placement, format, value accessor, etc).
-       */
-      labels?: boolean | (ArcLabelConfig & { value?: Accessor });
-    } & Pick<
-      ArcPropsWithoutHTML,
-      | 'cornerRadius'
-      | 'trackCornerRadius'
-      | 'padAngle'
-      | 'trackPadAngle'
-      | 'trackStartAngle'
-      | 'trackEndAngle'
-      | 'trackInnerRadius'
-      | 'trackOuterRadius'
-      | 'innerRadius'
-      | 'outerRadius'
-      | 'range'
-    > & {
-      /**
-       * The series data to be used for the chart.
-       */
-      series?: SeriesData<TData, typeof Arc>[];
-
-      /**
-       * Key accessor
-       *
-       * @default 'key'
-       */
-      key?: Accessor<TData>;
-
-      /**
-       * Label accessor
-       *
-       * @default 'label'
-       */
-      label?: Accessor<TData>;
-
-      /**
-       * Value accessor
-       *
-       * @default 'value'
-       */
-      value?: Accessor<TData>;
-
-      /**
-       * Color accessor
-       *
-       * @default key
-       */
-      c?: Accessor<TData>;
-
-      /**
-       * Maximum possible value, useful when `data` is single item
-       */
-      maxValue?: number;
-
-      /**
-       * Placement of the ArcChart
-       *
-       * @default 'center'
-       */
-      placement?: 'left' | 'center' | 'right';
-
-      /**
-       * Center the chart.
-       *
-       * Override and use `props.group` for more control.
-       *
-       * @default placement === 'center'
-       */
-      center?: boolean;
-
-      /**
-       * A callback function triggered when the arc is clicked.
-       */
-      onArcClick?: (
-        e: MouseEvent,
-        detail: { data: any; series: SeriesData<TData, typeof Arc> }
-      ) => void;
-
-      arc?: Snippet<
-        [
-          { context: ChartState<TData> } & ArcChartExtraSnippetProps<TData> & {
-              props: ComponentProps<typeof Arc>;
-              /**
-               * The index of the series currently being iterated over.
-               */
-              seriesIndex: number;
-            },
-        ]
-      >;
-
-      /**
-       * Enable profiling to measure render time.
-       * @default false
-       */
-      profile?: boolean;
-    };
+  export type ArcChartBaseProps<TData> = ArcChartProps<TData> & ArcChartBaseLayerComponents;
 </script>
 
 <script lang="ts" generics="TData">
@@ -139,13 +18,20 @@
   import { format } from '@layerstack/utils';
   import { cls } from '@layerstack/tailwind';
 
-  import Chart from '../Chart.svelte';
-  import * as Tooltip from '../tooltip/index.js';
+  import * as Tooltip from '../../tooltip/index.js';
 
-  import { accessor, chartDataArray, getObjectOrNull } from '../../utils/common.js';
-  import { getColorIfDefined } from '../../utils/color.js';
+  import type { ArcLabelConfig } from '../../ArcLabel/ArcLabel.shared.svelte.js';
+  import type { ArcProps } from '../../Arc/Arc.shared.svelte.js';
+  import type { GroupProps } from '../../Group/Group.shared.svelte.js';
+  import type { SeriesData } from '../types.js';
+  import { accessor, chartDataArray, getObjectOrNull, type Accessor } from '../../../utils/common.js';
+  import { getColorIfDefined } from '../../../utils/color.js';
 
   let {
+    Chart,
+    Arc,
+    ArcLabel,
+    Group,
     data = [],
     key = 'key',
     label = 'label',
@@ -180,7 +66,7 @@
     trackInnerRadius,
     trackOuterRadius,
     ...restProps
-  }: ArcChartProps<TData> = $props();
+  }: ArcChartBaseProps<TData> = $props();
 
   const center = $derived(centerProp ?? placement === 'center');
 
@@ -207,7 +93,7 @@
   );
   const isDefaultSeries = $derived(_series.length === 1 && _series[0].key === 'default');
 
-  const series: SeriesData<TData, typeof Arc>[] = $derived.by(() => {
+  const series: SeriesData<TData, any>[] = $derived.by(() => {
     if (!isDefaultSeries) return _series;
     // build series from data
     return chartDataArray(data).map((d) => {
@@ -248,7 +134,7 @@
     return item ? (labelAccessor(item) ?? tick) : tick;
   };
 
-  function getGroupProps(): ComponentProps<typeof Group> {
+  function getGroupProps(): GroupProps {
     if (!context) return {};
     return {
       x:
@@ -262,7 +148,7 @@
     };
   }
 
-  function getArcProps(s: SeriesData<TData, typeof Arc>, i: number): ComponentProps<typeof Arc> {
+  function getArcProps(s: SeriesData<TData, any>, i: number): ArcProps {
     if (!context) return {};
     const d = s.data?.[0] || chartData[0];
     const multiSeries = chartDataArray(data).length > 1 || series.length > 1;
@@ -286,7 +172,7 @@
       opacity: (context?.series.isHighlighted(keyAccessor(d), true) ?? true) ? 1 : 0.1,
       tooltip: true,
       data: d,
-      onclick: (e) => {
+      onclick: (e: MouseEvent) => {
         onArcClick(e, { data: d, series: s });
         // Workaround for `tooltip={{ mode: 'manual' }}
         onTooltipClick(e, { data: d });
@@ -352,7 +238,7 @@
     canvas: { center, ...props.canvas },
   }}
 >
-  {#snippet marks(snippetProps)}
+  {#snippet marks(snippetProps: any)}
     {#if typeof marks === 'function'}
       {@render marks(snippetProps)}
     {:else}
@@ -380,7 +266,7 @@
                 innerRadius: arcInnerRadius,
                 outerRadius: arcOuterRadius,
                 getArcTextProps,
-              })}
+              }: any)}
                 {@const { value: labelValue, ...labelRest } = labelsConfig}
                 <ArcLabel
                   {centroid}
@@ -402,12 +288,12 @@
     {/if}
   {/snippet}
 
-  {#snippet tooltip(snippetProps)}
+  {#snippet tooltip(snippetProps: any)}
     {#if typeof tooltipProp === 'function'}
       {@render tooltipProp(snippetProps as any)}
     {:else if tooltipContext}
       <Tooltip.Root context={snippetProps.context} {...props.tooltip?.root}>
-        {#snippet children({ data })}
+        {#snippet children({ data }: { data: any })}
           <Tooltip.List {...props.tooltip?.list}>
             <Tooltip.Item
               label={labelAccessor(data) || keyAccessor(data)}

package/dist/components/charts/ArcChart/ArcChart.base.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { Component } from 'svelte';
+import type { ArcChartProps } from './ArcChart.shared.svelte.js';
+export type ArcChartBaseLayerComponents = {
+    Chart: Component<any>;
+    Arc: Component<any>;
+    ArcLabel: Component<any>;
+    Group: Component<any>;
+};
+export type ArcChartBaseProps<TData> = ArcChartProps<TData> & ArcChartBaseLayerComponents;
+declare function $$render<TData>(): {
+    props: ArcChartBaseProps<TData>;
+    exports: {};
+    bindings: "context";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData> {
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
+    bindings(): "context";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const ArcChart: $$IsomorphicComponent;
+type ArcChart<TData> = InstanceType<typeof ArcChart<TData>>;
+export default ArcChart;