layerchart 2.0.0-next.60 → 2.0.0-next.62

package/dist/components/geo/GeoEdgeFade/GeoEdgeFade.svelte

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

package/dist/components/geo/GeoEdgeFade/GeoEdgeFade.svelte.d.ts

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

package/dist/components/geo/GeoEdgeFade/GeoEdgeFade.svg.svelte

@@ -0,0 +1,13 @@
+<script lang="ts" module>
+  export type { GeoEdgeFadeProps, GeoEdgeFadePropsWithoutHTML } from './GeoEdgeFade.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import GeoEdgeFadeBase from './GeoEdgeFade.base.svelte';
+  import Group from '../../Group/Group.svg.svelte';
+  import type { GeoEdgeFadeProps } from './GeoEdgeFade.shared.svelte.js';
+
+  let props: GeoEdgeFadeProps = $props();
+</script>
+
+<GeoEdgeFadeBase {Group} {...props} />

package/dist/components/geo/GeoEdgeFade/GeoEdgeFade.svg.svelte.d.ts

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

package/dist/components/geo/{GeoLegend.svelte → GeoLegend/GeoLegend.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts" module>
-  import type { Placement } from '../types.js';
-  import { asAny, type Without } from '../../utils/types.js';
+  import type { Placement } from '../../types.js';
+  import { asAny, type Without } from '../../../utils/types.js';
 
   export type GeoLegendUnits = 'km' | 'mi';
 
@@ -139,7 +139,7 @@
   import { format, type FormatType, type FormatConfig } from '@layerstack/utils';
 
   import { cls } from '@layerstack/tailwind';
-  import { getChartContext } from '../../contexts/chart.js';
+  import { getChartContext } from '../../../contexts/chart.js';
 
   let {
     units = 'mi',

package/dist/components/geo/{GeoLegend.svelte.d.ts → GeoLegend/GeoLegend.svelte.d.ts}

@@ -1,5 +1,5 @@
-import type { Placement } from '../types.js';
-import { type Without } from '../../utils/types.js';
+import type { Placement } from '../../types.js';
+import { type Without } from '../../../utils/types.js';
 export type GeoLegendUnits = 'km' | 'mi';
 export type GeoLegendVariant = 'bracket' | 'alternating';
 export type GeoLegendPropsWithoutHTML = {

package/dist/components/geo/GeoPath/GeoPath.base.svelte

@@ -0,0 +1,94 @@
+<script lang="ts" module>
+  import type { Component } from 'svelte';
+  import type { GeoPathProps } from './GeoPath.shared.svelte.js';
+
+  export type GeoPathBaseLayerComponents = {
+    Path: Component<any>;
+  };
+
+  export type GeoPathBaseProps = GeoPathProps & GeoPathBaseLayerComponents;
+</script>
+
+<script lang="ts">
+  import { geoPath as d3GeoPath, geoTransform as d3geoTransform } from 'd3-geo';
+  import { curveLinearClosed } from 'd3-shape';
+  import { cls } from '@layerstack/tailwind';
+
+  import { geoCurvePath } from '../../../utils/geo.js';
+  import { getChartContext } from '../../../contexts/chart.js';
+  import { getGeoContext } from '../../../contexts/geo.js';
+
+  let {
+    Path,
+    geoTransform,
+    geojson,
+    tooltip,
+    curve = curveLinearClosed,
+    onclick,
+    onpointerenter,
+    onpointermove,
+    onpointerleave,
+    class: className,
+    ref: refProp = $bindable(),
+    children,
+    ...restProps
+  }: GeoPathBaseProps = $props();
+
+  const ctx = getChartContext();
+  const geo = getGeoContext();
+
+  const projection = $derived(
+    geoTransform && geo.projection ? d3geoTransform(geoTransform(geo.projection)) : geo.projection
+  );
+
+  const geoPath = $derived.by(() => {
+    geojson;
+    if (!projection) return;
+    if (curve === curveLinearClosed) {
+      return d3GeoPath(projection);
+    }
+    return geoCurvePath(projection, curve);
+  });
+
+  const pathData = $derived(geojson ? geoPath?.(geojson) ?? '' : '');
+
+  function _onClick(e: MouseEvent) {
+    onclick?.(e, geoPath);
+  }
+
+  function _onPointerEnter(e: PointerEvent & { currentTarget: EventTarget & SVGPathElement }) {
+    onpointerenter?.(e);
+    if (tooltip) {
+      ctx?.tooltip.show(e, geojson);
+    }
+  }
+
+  function _onPointerMove(e: PointerEvent & { currentTarget: EventTarget & SVGPathElement }) {
+    onpointermove?.(e);
+    if (tooltip) {
+      ctx.tooltip.show(e, geojson);
+    }
+  }
+
+  function _onPointerLeave(e: PointerEvent & { currentTarget: EventTarget & SVGPathElement }) {
+    onpointerleave?.(e);
+    if (tooltip) {
+      ctx.tooltip.hide();
+    }
+  }
+</script>
+
+{#if children}
+  {@render children({ geoPath })}
+{:else}
+  <Path
+    {pathData}
+    {...restProps}
+    {...onclick && { onclick: _onClick }}
+    {...(tooltip || onpointerenter) && { onpointerenter: _onPointerEnter }}
+    {...(tooltip || onpointermove) && { onpointermove: _onPointerMove }}
+    {...(tooltip || onpointerleave) && { onpointerleave: _onPointerLeave }}
+    class={cls('lc-geo-path', className)}
+    pathRef={refProp}
+  />
+{/if}

package/dist/components/geo/GeoPath/GeoPath.base.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from 'svelte';
+import type { GeoPathProps } from './GeoPath.shared.svelte.js';
+export type GeoPathBaseLayerComponents = {
+    Path: Component<any>;
+};
+export type GeoPathBaseProps = GeoPathProps & GeoPathBaseLayerComponents;
+declare const GeoPath: Component<GeoPathBaseProps, {}, "ref">;
+type GeoPath = ReturnType<typeof GeoPath>;
+export default GeoPath;

package/dist/components/geo/GeoPath/GeoPath.canvas.svelte

@@ -0,0 +1,13 @@
+<script lang="ts" module>
+  export type { GeoPathProps, GeoPathPropsWithoutHTML } from './GeoPath.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import GeoPathBase from './GeoPath.base.svelte';
+  import Path from '../../Path/Path.canvas.svelte';
+  import type { GeoPathProps } from './GeoPath.shared.svelte.js';
+
+  let props: GeoPathProps = $props();
+</script>
+
+<GeoPathBase {Path} {...props} />

package/dist/components/geo/GeoPath/GeoPath.canvas.svelte.d.ts

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

package/dist/components/geo/GeoPath/GeoPath.shared.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { Snippet } from 'svelte';
+import type { SVGAttributes } from 'svelte/elements';
+import type { GeoIdentityTransform, GeoPermissibleObjects, GeoProjection, GeoTransformPrototype } from 'd3-geo';
+import type { CurveFactory, CurveFactoryLineOnly } from 'd3-shape';
+import type { CommonStyleProps, Without } from '../../../utils/types.js';
+import type { PathProps } from '../../Path/Path.shared.svelte.js';
+import type { geoCurvePath } from '../../../utils/geo.js';
+export type GeoPathPropsWithoutHTML = {
+    geojson?: GeoPermissibleObjects | null;
+    tooltip?: boolean;
+    onclick?: ((e: MouseEvent, geoPath: ReturnType<typeof geoCurvePath> | undefined) => void) | undefined;
+    /** @default curveLinearClosed */
+    curve?: CurveFactory | CurveFactoryLineOnly;
+    geoTransform?: (projection: GeoProjection | GeoIdentityTransform) => GeoTransformPrototype;
+    /** @bindable */
+    ref?: SVGPathElement;
+    children?: Snippet<[{
+        geoPath: ReturnType<typeof geoCurvePath> | undefined;
+    }]>;
+} & CommonStyleProps & Pick<PathProps, 'motion' | 'draw' | 'marker' | 'markerStart' | 'markerMid' | 'markerEnd' | 'startContent' | 'endContent'>;
+export type GeoPathProps = GeoPathPropsWithoutHTML & Without<SVGAttributes<SVGPathElement>, GeoPathPropsWithoutHTML>;

package/dist/components/geo/GeoPath/GeoPath.shared.svelte.js

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

package/dist/components/geo/GeoPath/GeoPath.svelte

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

package/dist/components/geo/GeoPath/GeoPath.svelte.d.ts

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

package/dist/components/geo/GeoPath/GeoPath.svg.svelte

@@ -0,0 +1,13 @@
+<script lang="ts" module>
+  export type { GeoPathProps, GeoPathPropsWithoutHTML } from './GeoPath.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import GeoPathBase from './GeoPath.base.svelte';
+  import Path from '../../Path/Path.svg.svelte';
+  import type { GeoPathProps } from './GeoPath.shared.svelte.js';
+
+  let props: GeoPathProps = $props();
+</script>
+
+<GeoPathBase {Path} {...props} />

package/dist/components/geo/GeoPath/GeoPath.svg.svelte.d.ts

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

package/dist/components/geo/{GeoPoint.svelte → GeoPoint/GeoPoint.base.svelte}

@@ -1,41 +1,23 @@
 <script lang="ts" module>
-  import type { Snippet } from 'svelte';
-  import Circle, { type CircleProps } from '../Circle.svelte';
-  import type { Without } from '../../utils/types.js';
+  import type { Component } from 'svelte';
+  import type { GeoPointProps } from './GeoPoint.shared.svelte.js';
 
-  export type GeoPointPropsWithoutHTML = {
-    /**
-     * Latitude of the point.
-     */
-    lat: number;
-
-    /**
-     * Longitude of the point.
-     */
-    long: number;
-
-    /**
-     * A bindable reference to the underlying element, which
-     * can be a `<circle>` or `<g>` element.
-     */
-    ref?: Element;
-
-    children?: Snippet<[{ x: number; y: number }]>;
+  export type GeoPointBaseLayerComponents = {
+    Circle: Component<any>;
+    Group: Component<any>;
   };
 
-  export type GeoPointProps = Omit<
-    GeoPointPropsWithoutHTML & Without<CircleProps, GeoPointPropsWithoutHTML>,
-    'x' | 'y'
-  >;
+  export type GeoPointBaseProps = GeoPointProps & GeoPointBaseLayerComponents;
 </script>
 
 <script lang="ts">
-  import Group from '../Group.svelte';
-  import { getLayerContext } from '../../contexts/layer.js';
-  import { getGeoContext } from '../../contexts/geo.js';
-  import { extractLayerProps } from '../../utils/attributes.js';
+  import { getLayerContext } from '../../../contexts/layer.js';
+  import { getGeoContext } from '../../../contexts/geo.js';
+  import { extractLayerProps } from '../../../utils/attributes.js';
 
   let {
+    Circle,
+    Group,
     lat,
     long,
     ref: refProp = $bindable(),
@@ -45,7 +27,7 @@
     strokeWidth,
     class: className,
     ...restProps
-  }: GeoPointProps = $props();
+  }: GeoPointBaseProps = $props();
 
   let ref = $state<Element>();
   $effect.pre(() => {
@@ -87,10 +69,7 @@
 
 {#if layerCtx === 'canvas'}
   {#if children}
-    <!-- TODO: Handle Canvas translation. Consolidate with svg use case above -->
-    <!-- <Group {x} {y} {...$$restProps}> -->
     {@render children({ x, y })}
-    <!-- </Group> -->
   {:else}
     <Circle
       cx={x}

package/dist/components/geo/GeoPoint/GeoPoint.base.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Component } from 'svelte';
+import type { GeoPointProps } from './GeoPoint.shared.svelte.js';
+export type GeoPointBaseLayerComponents = {
+    Circle: Component<any>;
+    Group: Component<any>;
+};
+export type GeoPointBaseProps = GeoPointProps & GeoPointBaseLayerComponents;
+declare const GeoPoint: Component<GeoPointBaseProps, {}, "ref">;
+type GeoPoint = ReturnType<typeof GeoPoint>;
+export default GeoPoint;

package/dist/components/geo/GeoPoint/GeoPoint.canvas.svelte

@@ -0,0 +1,14 @@
+<script lang="ts" module>
+  export type { GeoPointProps, GeoPointPropsWithoutHTML } from './GeoPoint.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import GeoPointBase from './GeoPoint.base.svelte';
+  import Circle from '../../Circle/Circle.canvas.svelte';
+  import Group from '../../Group/Group.canvas.svelte';
+  import type { GeoPointProps } from './GeoPoint.shared.svelte.js';
+
+  let props: GeoPointProps = $props();
+</script>
+
+<GeoPointBase {Circle} {Group} {...props} />

package/dist/components/geo/GeoPoint/GeoPoint.canvas.svelte.d.ts

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

package/dist/components/geo/GeoPoint/GeoPoint.shared.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+import type { CircleProps } from '../../Circle/Circle.shared.svelte.js';
+import type { Without } from '../../../utils/types.js';
+export type GeoPointPropsWithoutHTML = {
+    lat: number;
+    long: number;
+    ref?: Element;
+    children?: Snippet<[{
+        x: number;
+        y: number;
+    }]>;
+};
+export type GeoPointProps = Omit<GeoPointPropsWithoutHTML & Without<CircleProps, GeoPointPropsWithoutHTML>, 'x' | 'y'>;

package/dist/components/geo/GeoPoint/GeoPoint.shared.svelte.js

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

package/dist/components/geo/GeoPoint/GeoPoint.svelte

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

package/dist/components/geo/GeoPoint/GeoPoint.svelte.d.ts

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

package/dist/components/geo/GeoPoint/GeoPoint.svg.svelte

@@ -0,0 +1,14 @@
+<script lang="ts" module>
+  export type { GeoPointProps, GeoPointPropsWithoutHTML } from './GeoPoint.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import GeoPointBase from './GeoPoint.base.svelte';
+  import Circle from '../../Circle/Circle.svg.svelte';
+  import Group from '../../Group/Group.svg.svelte';
+  import type { GeoPointProps } from './GeoPoint.shared.svelte.js';
+
+  let props: GeoPointProps = $props();
+</script>
+
+<GeoPointBase {Circle} {Group} {...props} />

package/dist/components/geo/GeoPoint/GeoPoint.svg.svelte.d.ts

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

package/dist/components/geo/{GeoProjection.svelte → GeoProjection/GeoProjection.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts" module>
   import type { Snippet } from 'svelte';
-  import { GeoState, type GeoStateProps } from '../../states/geo.svelte.js';
+  import { GeoState, type GeoStateProps } from '../../../states/geo.svelte.js';
 
   export type GeoProjectionProps = GeoStateProps & {
     children: Snippet;
@@ -8,8 +8,8 @@
 </script>
 
 <script lang="ts">
-  import { setGeoContext } from '../../contexts/geo.js';
-  import { getChartContext } from '../../contexts/chart.js';
+  import { setGeoContext } from '../../../contexts/geo.js';
+  import { getChartContext } from '../../../contexts/chart.js';
 
   let { children, ...props }: GeoProjectionProps = $props();
 

package/dist/components/geo/{GeoProjection.svelte.d.ts → GeoProjection/GeoProjection.svelte.d.ts}

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import { type GeoStateProps } from '../../states/geo.svelte.js';
+import { type GeoStateProps } from '../../../states/geo.svelte.js';
 export type GeoProjectionProps = GeoStateProps & {
     children: Snippet;
 };

package/dist/components/geo/{GeoRaster.svelte → GeoRaster/GeoRaster.svelte}

@@ -70,9 +70,9 @@
   import { untrack } from 'svelte';
   import { geoPath } from 'd3-geo';
 
-  import { getChartContext } from '../../contexts/chart.js';
-  import { getGeoContext } from '../../contexts/geo.js';
-  import { getLayerContext } from '../../contexts/layer.js';
+  import { getChartContext } from '../../../contexts/chart.js';
+  import { getGeoContext } from '../../../contexts/geo.js';
+  import { getLayerContext } from '../../../contexts/layer.js';
 
   let {
     image,

package/dist/components/geo/GeoSpline/GeoSpline.base.svelte

@@ -0,0 +1,52 @@
+<script lang="ts" module>
+  import type { Component } from 'svelte';
+  import type { GeoSplineProps } from './GeoSpline.shared.svelte.js';
+
+  export type GeoSplineBaseLayerComponents = {
+    Path: Component<any>;
+  };
+
+  export type GeoSplineBaseProps = GeoSplineProps & GeoSplineBaseLayerComponents;
+</script>
+
+<script lang="ts">
+  import { geoOrthographic, geoInterpolate } from 'd3-geo';
+  import { line as d3Line, curveNatural } from 'd3-shape';
+
+  import { getGeoContext } from '../../../contexts/geo.js';
+  import { extractLayerProps } from '../../../utils/attributes.js';
+
+  let { Path, link, loft = 1.0, curve = curveNatural, ...restProps }: GeoSplineBaseProps = $props();
+
+  const geo = getGeoContext();
+
+  const loftedProjection = $derived(
+    geo.projection
+      ? geoOrthographic()
+          .translate(geo.projection.translate())
+          .rotate(geo.projection.rotate())
+          .scale(geo.projection.scale() * loft)
+      : undefined
+  );
+
+  const source = $derived(geo.projection ? geo.projection(link.source) : [0, 0]) as [
+    number,
+    number,
+  ];
+  const target = $derived(geo.projection ? geo.projection(link.target) : [0, 0]) as [
+    number,
+    number,
+  ];
+  const middle = $derived(
+    geo.projection ? loftedProjection!(geoInterpolate(link.source, link.target)(0.5)) : [0, 0]
+  ) as [number, number];
+
+  const d = $derived(
+    d3Line<[number, number]>()
+      .x((d) => d[0])
+      .y((d) => d[1])
+      .curve(curve)([source, middle, target]) ?? ''
+  );
+</script>
+
+<Path pathData={d} {...extractLayerProps(restProps, 'lc-geo-spline')} />

package/dist/components/geo/GeoSpline/GeoSpline.base.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from 'svelte';
+import type { GeoSplineProps } from './GeoSpline.shared.svelte.js';
+export type GeoSplineBaseLayerComponents = {
+    Path: Component<any>;
+};
+export type GeoSplineBaseProps = GeoSplineProps & GeoSplineBaseLayerComponents;
+declare const GeoSpline: Component<GeoSplineBaseProps, {}, "">;
+type GeoSpline = ReturnType<typeof GeoSpline>;
+export default GeoSpline;

package/dist/components/geo/GeoSpline/GeoSpline.canvas.svelte

@@ -0,0 +1,13 @@
+<script lang="ts" module>
+  export type { GeoSplineProps, GeoSplinePropsWithoutHTML } from './GeoSpline.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import GeoSplineBase from './GeoSpline.base.svelte';
+  import Path from '../../Path/Path.canvas.svelte';
+  import type { GeoSplineProps } from './GeoSpline.shared.svelte.js';
+
+  let props: GeoSplineProps = $props();
+</script>
+
+<GeoSplineBase {Path} {...props} />

package/dist/components/geo/GeoSpline/GeoSpline.canvas.svelte.d.ts

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

package/dist/components/geo/GeoSpline/GeoSpline.shared.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { CurveFactory, CurveFactoryLineOnly } from 'd3-shape';
+import type { Without } from '../../../utils/types.js';
+import type { PathProps } from '../../Path/Path.shared.svelte.js';
+export type GeoSplinePropsWithoutHTML = {
+    link: {
+        source: [number, number];
+        target: [number, number];
+    };
+    /** @default 1.0 */
+    loft?: number;
+    /** @default curveNatural */
+    curve?: CurveFactory | CurveFactoryLineOnly;
+};
+export type GeoSplineProps = GeoSplinePropsWithoutHTML & Without<PathProps, GeoSplinePropsWithoutHTML>;

package/dist/components/geo/GeoSpline/GeoSpline.shared.svelte.js

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

package/dist/components/geo/GeoSpline/GeoSpline.svelte

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

package/dist/components/geo/GeoSpline/GeoSpline.svelte.d.ts

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

package/dist/components/geo/GeoSpline/GeoSpline.svg.svelte

@@ -0,0 +1,13 @@
+<script lang="ts" module>
+  export type { GeoSplineProps, GeoSplinePropsWithoutHTML } from './GeoSpline.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import GeoSplineBase from './GeoSpline.base.svelte';
+  import Path from '../../Path/Path.svg.svelte';
+  import type { GeoSplineProps } from './GeoSpline.shared.svelte.js';
+
+  let props: GeoSplineProps = $props();
+</script>
+
+<GeoSplineBase {Path} {...props} />