layerchart 2.0.0-next.36 → 2.0.0-next.38

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

@@ -108,10 +108,17 @@ import Rule from './Rule.svelte';
 import Text from './Text.svelte';
 import { type MotionProp } from '../utils/motion.svelte.js';
 import { type TicksConfig } from '../utils/ticks.js';
+declare function $$render<T extends Transition = Transition>(): {
+    props: AxisProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T extends Transition = Transition> {
-    props(): AxisProps<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -532,10 +532,17 @@ export type ChartPropsWithoutHTML<T, XScale extends AnyScale = AnyScale, YScale
     ondragend?: ComponentProps<typeof TransformContext>['ondragend'];
     onTransform?: ComponentProps<typeof TransformContext>['onTransform'];
 };
+declare function $$render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): {
+    props: ChartPropsWithoutHTML<TData, XScale, YScale>;
+    exports: {};
+    bindings: "ref" | "context";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> {
-    props(): ChartPropsWithoutHTML<TData, XScale, YScale>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData, XScale, YScale>>['props'];
+    events(): ReturnType<typeof $$render<TData, XScale, YScale>>['events'];
+    slots(): ReturnType<typeof $$render<TData, XScale, YScale>>['slots'];
     bindings(): "ref" | "context";
     exports(): {};
 }

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

@@ -132,10 +132,17 @@ export type ForceSimulationProps<NodeDatum extends SimulationNodeDatum, LinkDatu
         }
     ]>;
 };
+declare function $$render<NodeDatum extends SimulationNodeDatum, LinkDatum extends SimulationLinkDatum<NodeDatum> | undefined>(): {
+    props: ForceSimulationProps<NodeDatum, LinkDatum>;
+    exports: {};
+    bindings: "alpha";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<NodeDatum extends SimulationNodeDatum, LinkDatum extends SimulationLinkDatum<NodeDatum> | undefined> {
-    props(): ForceSimulationProps<NodeDatum, LinkDatum>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<NodeDatum, LinkDatum>>['props'];
+    events(): ReturnType<typeof $$render<NodeDatum, LinkDatum>>['events'];
+    slots(): ReturnType<typeof $$render<NodeDatum, LinkDatum>>['slots'];
     bindings(): "alpha";
     exports(): {};
 }

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

@@ -62,10 +62,17 @@ export type GroupPropsWithoutHTML<In extends Transition = Transition> = {
     transitionInParams?: TransitionParams<In>;
 };
 export type GroupProps = GroupPropsWithoutHTML & Without<HTMLAttributes<Element>, GroupPropsWithoutHTML>;
+declare function $$render<T extends Transition = Transition>(): {
+    props: GroupProps;
+    exports: {};
+    bindings: "ref";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T extends Transition = Transition> {
-    props(): GroupProps;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "ref";
     exports(): {};
 }

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

@@ -56,10 +56,17 @@ export type LabelsPropsWithoutHTML<T = any> = {
     }]>;
 };
 export type LabelsProps<T = any> = LabelsPropsWithoutHTML<T> & Without<TextProps, LabelsPropsWithoutHTML<T>>;
+declare function $$render<TData = any>(): {
+    props: LabelsProps<TData>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData = any> {
-    props(): LabelsProps<TData>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -25,10 +25,17 @@ export type PackProps<T> = {
         nodes: HierarchyCircularNode<T>[];
     }]>;
 };
+declare function $$render<T>(): {
+    props: PackProps<T>;
+    exports: {};
+    bindings: "nodes";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T> {
-    props(): PackProps<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "nodes";
     exports(): {};
 }

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

@@ -32,10 +32,17 @@ export type PartitionProps<T> = {
         nodes: HierarchyRectangularNode<T>[];
     }]>;
 };
+declare function $$render<T>(): {
+    props: PartitionProps<T>;
+    exports: {};
+    bindings: "nodes";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T> {
-    props(): PartitionProps<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "nodes";
     exports(): {};
 }

package/dist/components/Points.svelte

@@ -45,11 +45,9 @@
 </script>
 
 <script lang="ts">
-  import { extent } from 'd3-array';
   import { pointRadial } from 'd3-shape';
 
   import Circle, { type CircleProps } from './Circle.svelte';
-  import Link from './Link.svelte';
   import { isScaleBand, type AnyScale } from '../utils/scales.svelte.js';
   import { accessor, type Accessor } from '../utils/common.js';
   import { getChartContext } from './Chart.svelte';

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

@@ -25,10 +25,17 @@ export type TreeProps<T> = {
 };
 import { type HierarchyPointNode, type HierarchyPointLink, type HierarchyNode } from 'd3-hierarchy';
 import type { Snippet } from 'svelte';
+declare function $$render<T>(): {
+    props: TreeProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T> {
-    props(): TreeProps<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

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

@@ -58,10 +58,17 @@ export type TreemapProps<T> = {
 };
 import { treemapSquarify, type HierarchyNode, type HierarchyRectangularNode } from 'd3-hierarchy';
 import type { Snippet } from 'svelte';
+declare function $$render<T>(): {
+    props: TreemapProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T> {
-    props(): TreemapProps<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/components/charts/ArcChart.svelte

@@ -367,7 +367,6 @@
   bind:context
   data={visibleData}
   x={value}
-  y={key}
   {c}
   cDomain={chartData.map(keyAccessor)}
   cRange={seriesColors.length

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

@@ -71,10 +71,17 @@ import Arc, { type ArcPropsWithoutHTML } from '../Arc.svelte';
 import Group from '../Group.svelte';
 import { type Accessor } from '../../utils/common.js';
 import type { SeriesData, SimplifiedChartProps, SimplifiedChartPropsObject, SimplifiedChartSnippet } from './types.js';
+declare function $$render<TData>(): {
+    props: ArcChartProps<TData>;
+    exports: {};
+    bindings: "context";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData> {
-    props(): ArcChartProps<TData>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
     bindings(): "context";
     exports(): {};
 }

package/dist/components/charts/AreaChart.svelte.d.ts

@@ -42,10 +42,17 @@ import Labels from '../Labels.svelte';
 import Points from '../Points.svelte';
 import Rule from '../Rule.svelte';
 import type { SeriesData, SimplifiedChartProps, SimplifiedChartPropsObject } from './types.js';
+declare function $$render<TData>(): {
+    props: AreaChartProps<TData>;
+    exports: {};
+    bindings: "context";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData> {
-    props(): AreaChartProps<TData>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
     bindings(): "context";
     exports(): {};
 }

package/dist/components/charts/BarChart.svelte.d.ts

@@ -57,10 +57,17 @@ import Highlight from '../Highlight.svelte';
 import Labels from '../Labels.svelte';
 import Rule from '../Rule.svelte';
 import type { SeriesData, SimplifiedChartProps, SimplifiedChartPropsObject } from './types.js';
+declare function $$render<TData>(): {
+    props: BarChartProps<TData>;
+    exports: {};
+    bindings: "context";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData> {
-    props(): BarChartProps<TData>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
     bindings(): "context";
     exports(): {};
 }

package/dist/components/charts/LineChart.svelte.d.ts

@@ -34,10 +34,17 @@ import Points from '../Points.svelte';
 import Rule from '../Rule.svelte';
 import Spline from '../Spline.svelte';
 import type { SeriesData, SimplifiedChartProps, SimplifiedChartPropsObject, SimplifiedChartSnippet } from './types.js';
+declare function $$render<TData>(): {
+    props: LineChartProps<TData>;
+    exports: {};
+    bindings: "context";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData> {
-    props(): LineChartProps<TData>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
     bindings(): "context";
     exports(): {};
 }

package/dist/components/charts/PieChart.svelte.d.ts

@@ -126,10 +126,17 @@ import Group from '../Group.svelte';
 import Pie from '../Pie.svelte';
 import { type Accessor } from '../../utils/common.js';
 import type { SeriesData, SimplifiedChartProps, SimplifiedChartPropsObject, SimplifiedChartSnippet } from './types.js';
+declare function $$render<TData>(): {
+    props: PieChartProps<TData>;
+    exports: {};
+    bindings: "context";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData> {
-    props(): PieChartProps<TData>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
     bindings(): "context";
     exports(): {};
 }

package/dist/components/charts/ScatterChart.svelte.d.ts

@@ -20,10 +20,17 @@ import Highlight from '../Highlight.svelte';
 import Labels from '../Labels.svelte';
 import Points from '../Points.svelte';
 import Rule from '../Rule.svelte';
+declare function $$render<TData>(): {
+    props: ScatterChartProps<TData>;
+    exports: {};
+    bindings: "context";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData> {
-    props(): ScatterChartProps<TData>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
     bindings(): "context";
     exports(): {};
 }

package/dist/components/tooltip/Tooltip.svelte.d.ts

@@ -134,10 +134,17 @@ export type TooltipProps<T = any> = TooltipPropsWithoutHTML<T> & Without<HTMLAtt
 import { type ChartContextValue } from '../Chart.svelte';
 import { type MotionProp } from '../../utils/motion.svelte.js';
 import { type Snippet } from 'svelte';
+declare function $$render<T = any>(): {
+    props: TooltipProps<T>;
+    exports: {};
+    bindings: "rootRef";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T = any> {
-    props(): TooltipProps<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "rootRef";
     exports(): {};
 }

package/dist/components/tooltip/TooltipContext.svelte.d.ts

@@ -75,10 +75,17 @@ type TooltipContextPropsWithoutHTML<T = any> = {
 export type TooltipContextProps<T = any> = TooltipContextPropsWithoutHTML<T> & Without<HTMLAttributes<HTMLElement>, TooltipContextPropsWithoutHTML<T>>;
 import type { Snippet } from 'svelte';
 import { type TooltipPayload } from './tooltipMetaContext.js';
+declare function $$render<TData = any>(): {
+    props: TooltipContextProps<TData>;
+    exports: {};
+    bindings: "ref" | "tooltipContext";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<TData = any> {
-    props(): TooltipContextProps<TData>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
     bindings(): "ref" | "tooltipContext";
     exports(): {};
 }

package/dist/docs/Code.svelte

@@ -1,46 +1,80 @@
+<script module>
+  import { createHighlighter } from 'shiki';
+
+  const highlighter = createHighlighter({
+    themes: ['github-light-default', 'github-dark-default'],
+    langs: ['svelte', 'javascript', 'ts', 'typescript', 'json', 'sh'],
+  });
+</script>
+
 <script lang="ts">
-  import Prism from 'prismjs';
-  import 'prism-svelte';
   import { CopyButton } from 'svelte-ux';
   import { cls } from '@layerstack/tailwind';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  interface Props {
+    source?: string | null;
+    language?: string;
+    classes?: { root?: string; pre?: string; code?: string };
+  }
 
-  const {
+  let {
     source = null,
     language = 'svelte',
-    highlightedSource = source
-      ? Prism.highlight(source, Prism.languages[language] ?? Prism.languages.text, language)
-      : '',
     classes = {},
     class: className,
-  }: {
-    source: string | null;
-    language?: string;
-    highlightedSource?: string;
-    classes?: {
-      root?: string;
-      pre?: string;
-      code?: string;
-    };
-    class?: string;
-  } = $props();
+  }: Props & HTMLAttributes<HTMLDivElement> = $props();
 </script>
 
-<div class={cls('Code', 'rounded-sm', classes.root, className)}>
+<div
+  class={cls(
+    'Code',
+    'relative bg-surface-200 dark:bg-surface-300 p-4 overflow-auto not-prose',
+    classes.root,
+    className
+  )}
+>
   {#if source}
-    <div class="relative">
-      <pre
-        class={cls('language-{language} rounded-sm', classes.pre)}
-        style="margin: 0; white-space: normal;">
-          <code class={cls('language-{language}', classes.code)}>{@html highlightedSource}</code>
-      </pre>
-
-      <div class="absolute top-0 right-0 p-2 z-10">
-        <CopyButton
-          value={source ?? ''}
-          class="text-white/70 hover:bg-surface-100/20 py-1 backdrop-blur-md"
-          size="sm"
-        />
-      </div>
+    <pre class={cls('whitespace-normal overflow-auto', classes.pre)}>
+      <code class={cls('text-xs', classes.code)}>
+        {#await highlighter}
+          <div>Loading...</div>
+        {:then h}
+          {@html h.codeToHtml(source, {
+            lang: language,
+            themes: {
+              light: 'github-light-default',
+              dark: 'github-dark-default',
+            },
+          })}
+        {:catch error}
+          <div class="text-red-500">Error loading code highlighting: {error.message}</div>
+        {/await}
+
+      </code>
+    </pre>
+
+    <div class="absolute top-0 right-0 p-2 z-10">
+      <CopyButton
+        value={source ?? ''}
+        class="text-surface-content/70 hover:bg-surface-100/20 py-1 backdrop-blur-md"
+        size="sm"
+      />
     </div>
   {/if}
 </div>
+
+<style>
+  :global(.shiki) {
+    background-color: transparent !important;
+  }
+
+  :global(html.dark .shiki),
+  :global(html.dark .shiki span) {
+    color: var(--shiki-dark) !important;
+    /* background-color: var(--shiki-dark-bg) !important; */
+    font-style: var(--shiki-dark-font-style) !important;
+    font-weight: var(--shiki-dark-font-weight) !important;
+    text-decoration: var(--shiki-dark-text-decoration) !important;
+  }
+</style>

package/dist/docs/Code.svelte.d.ts

@@ -1,15 +1,14 @@
-import 'prism-svelte';
-type $$ComponentProps = {
-    source: string | null;
+import type { HTMLAttributes } from 'svelte/elements';
+interface Props {
+    source?: string | null;
     language?: string;
-    highlightedSource?: string;
     classes?: {
         root?: string;
         pre?: string;
         code?: string;
     };
-    class?: string;
-};
+}
+type $$ComponentProps = Props & HTMLAttributes<HTMLDivElement>;
 declare const Code: import("svelte").Component<$$ComponentProps, {}, "">;
 type Code = ReturnType<typeof Code>;
 export default Code;

package/dist/docs/Preview.svelte

@@ -1,9 +1,5 @@
 <script lang="ts">
   import { slide } from 'svelte/transition';
-  // TODO: No longer copy from svelte-ux after prismjs is migrated to ESM (commonjs causes issue with Vite from another library)
-  import Prism from 'prismjs';
-  import 'prism-svelte';
-
   import LucideCode from '~icons/lucide/code';
   import LucideTable from '~icons/lucide/table';
 
@@ -12,25 +8,25 @@
 
   import Code from './Code.svelte';
   import Json from './Json.svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
   import type { Snippet } from 'svelte';
 
-  let {
-    code,
-    data,
-    language = 'svelte',
-    highlightedCode = code ? Prism.highlight(code, Prism.languages.svelte, language) : '',
-    showCode = false,
-    class: className,
-    children,
-  }: {
+  interface Props {
+    children: Snippet;
     code?: string;
     data?: any;
     language?: string;
-    highlightedCode?: string;
     showCode?: boolean;
-    class?: string | null;
-    children: Snippet;
-  } = $props();
+  }
+
+  let {
+    children,
+    code = undefined,
+    data = undefined,
+    language = 'svelte',
+    showCode = false,
+    class: className,
+  }: Props & HTMLAttributes<HTMLDivElement> = $props();
 
   /**
    * Custom JSON replacer (to use with JSON.stringify()) to convert `Date` instances to `new Date()`
@@ -56,14 +52,14 @@
   }
 </script>
 
-<div class={cls('Preview border rounded-sm bg-surface-100', className)}>
+<div class={cls('Preview border rounded bg-surface-100', className)}>
   <div class="p-4">
-    {@render children?.()}
+    {@render children()}
   </div>
 
   {#if code && showCode}
-    <div transition:slide class="bg-surface-200">
-      <Code source={code} highlightedSource={highlightedCode} classes={{ pre: 'rounded-t-none' }} />
+    <div transition:slide class="border-t">
+      <Code source={code} {language} />
     </div>
   {/if}
 </div>

package/dist/docs/Preview.svelte.d.ts

@@ -1,14 +1,13 @@
-import 'prism-svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 import type { Snippet } from 'svelte';
-type $$ComponentProps = {
+interface Props {
+    children: Snippet;
     code?: string;
     data?: any;
     language?: string;
-    highlightedCode?: string;
     showCode?: boolean;
-    class?: string | null;
-    children: Snippet;
-};
+}
+type $$ComponentProps = Props & HTMLAttributes<HTMLDivElement>;
 declare const Preview: import("svelte").Component<$$ComponentProps, {}, "">;
 type Preview = ReturnType<typeof Preview>;
 export default Preview;

package/dist/docs/ViewSourceButton.svelte

@@ -35,7 +35,7 @@
         {/if}
       </div>
 
-      <div class="overflow-auto">
+      <div class="overflow-auto border-t">
         <Code {source} language={source.startsWith('<script') ? 'svelte' : 'js'} />
       </div>
 

package/dist/utils/graph/dagre.d.ts

@@ -25,10 +25,10 @@ export declare function dagreGraph(data: DagreProps['data'], { nodes, nodeId, ed
     filterNodes?: DagreProps['filterNodes'];
 }): dagre.graphlib.Graph<{}>;
 /**
- * Get all upstream predecessors for dagre nodeId
+ * Get all upstream predecessors ids for dagre nodeId
  */
-export declare function dagreAncestors(graph: dagre.graphlib.Graph, nodeId: string, maxDepth?: number, currentDepth?: number): dagre.Node[];
+export declare function dagreAncestors(graph: dagre.graphlib.Graph, nodeId: string, maxDepth?: number, currentDepth?: number): string[];
 /**
- * Get all downstream descendants for dagre nodeId
+ * Get all downstream descendants ids for dagre nodeId
  */
-export declare function dagreDescendants(graph: dagre.graphlib.Graph, nodeId: string, maxDepth?: number, currentDepth?: number): dagre.Node[];
+export declare function dagreDescendants(graph: dagre.graphlib.Graph, nodeId: string, maxDepth?: number, currentDepth?: number): string[];

package/dist/utils/graph/dagre.js

@@ -49,7 +49,7 @@ export function dagreGraph(data, { nodes = (d) => d.nodes, nodeId = (d) => d.id,
     return g;
 }
 /**
- * Get all upstream predecessors for dagre nodeId
+ * Get all upstream predecessors ids for dagre nodeId
  */
 export function dagreAncestors(graph, nodeId, maxDepth = Infinity, currentDepth = 0) {
     if (currentDepth === maxDepth) {
@@ -58,21 +58,19 @@ export function dagreAncestors(graph, nodeId, maxDepth = Infinity, currentDepth
     const predecessors = graph.predecessors(nodeId) ?? [];
     return [
         ...predecessors,
-        // @ts-expect-error: Types from dagre appear incorrect
         ...predecessors.flatMap((pId) => dagreAncestors(graph, pId, maxDepth, currentDepth + 1)),
     ];
 }
 /**
- * Get all downstream descendants for dagre nodeId
+ * Get all downstream descendants ids for dagre nodeId
  */
 export function dagreDescendants(graph, nodeId, maxDepth = Infinity, currentDepth = 0) {
     if (currentDepth === maxDepth) {
         return [];
     }
-    const predecessors = graph.successors(nodeId) ?? [];
+    const successors = graph.successors(nodeId) ?? [];
     return [
-        ...predecessors,
-        // @ts-expect-error: Types from dagre appear incorrect
-        ...predecessors.flatMap((pId) => dagreDescendants(graph, pId, maxDepth, currentDepth + 1)),
+        ...successors,
+        ...successors.flatMap((pId) => dagreDescendants(graph, pId, maxDepth, currentDepth + 1)),
     ];
 }

package/dist/utils/scales.svelte.js

@@ -97,9 +97,9 @@ export function createScale(scale, domain, range, context) {
  */
 export function autoScale(domain, data, propAccessor) {
     let values = null;
-    if (domain && domain.length > 0) {
-        // Determine based on domain values
-        values = domain;
+    if (domain && domain.length > 0 && domain.some((d) => d != null)) {
+        // Determine based on non-null domain values
+        values = domain.filter((d) => d != null);
     }
     else if (data && data.length > 0 && propAccessor) {
         // Determine based on data values

package/dist/utils/stack.js

@@ -91,7 +91,7 @@ export function stackOffsetSeparated(series, order) {
         return;
     // Standard series
     for (var i = 1, s0, s1 = series[order[0]], n, m = s1.length; i < n; ++i) {
-        (s0 = s1), (s1 = series[order[i]]);
+        ((s0 = s1), (s1 = series[order[i]]));
         // @ts-expect-error
         let base = max(s0, (d) => d[1]) + gap; // here is where you calculate the maximum of the previous layer
         for (var j = 0; j < m; ++j) {

package/package.json

@@ -4,18 +4,18 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "2.0.0-next.36",
+  "version": "2.0.0-next.38",
   "devDependencies": {
-    "@changesets/cli": "^2.29.4",
-    "@iconify-json/lucide": "^1.2.48",
+    "@changesets/cli": "^2.29.6",
+    "@iconify-json/lucide": "^1.2.62",
     "@rollup/plugin-dsv": "^3.0.5",
-    "@sveltejs/adapter-cloudflare": "^7.0.4",
-    "@sveltejs/kit": "^2.21.5",
-    "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.1.0",
+    "@sveltejs/adapter-cloudflare": "^7.2.1",
+    "@sveltejs/kit": "^2.31.1",
+    "@sveltejs/package": "^2.4.1",
+    "@sveltejs/vite-plugin-svelte": "^6.1.2",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.10",
+    "@tailwindcss/vite": "^4.1.12",
     "@types/d3": "^7.4.3",
     "@types/d3-array": "^3.2.1",
     "@types/d3-color": "^3.1.3",
@@ -35,43 +35,39 @@
     "@types/d3-shape": "^3.1.7",
     "@types/d3-time": "^3.0.4",
     "@types/lodash-es": "^4.17.12",
-    "@types/prismjs": "^1.26.5",
     "@types/shapefile": "^0.6.4",
     "@types/topojson-client": "^3.1.5",
     "@types/topojson-simplify": "^3.0.3",
     "@types/topojson-specification": "^1.0.5",
-    "marked": "^15.0.12",
     "mdsvex": "^0.12.3",
-    "posthog-js": "^1.252.0",
-    "prettier": "^3.5.3",
+    "posthog-js": "^1.260.1",
+    "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
-    "prism-svelte": "^0.5.0",
-    "prism-themes": "^1.9.0",
-    "prismjs": "^1.30.0",
     "rehype-slug": "^6.0.0",
     "rollup-plugin-visualizer": "^6.0.3",
     "shapefile": "^0.6.6",
+    "shiki": "^3.9.2",
     "solar-calculator": "^0.3.0",
-    "svelte": "5.34.1",
-    "svelte-check": "^4.2.1",
+    "svelte": "^5.38.2",
+    "svelte-check": "^4.3.1",
     "svelte-json-tree": "^2.2.0",
     "svelte-ux": "2.0.0-next.17",
-    "svelte2tsx": "^0.7.39",
-    "tailwindcss": "^4.1.10",
+    "svelte2tsx": "^0.7.42",
+    "tailwindcss": "^4.1.12",
     "topojson-client": "^3.1.0",
     "topojson-simplify": "^3.0.3",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.2",
     "unist-util-visit": "^5.0.0",
-    "unplugin-icons": "^22.1.0",
+    "unplugin-icons": "^22.2.0",
     "us-atlas": "^3.0.1",
-    "vite": "^6.3.5",
-    "vite-plugin-devtools-json": "^0.2.0",
-    "vitest": "^3.2.3"
+    "vite": "^7.1.2",
+    "vite-plugin-devtools-json": "^1.0.0",
+    "vitest": "^3.2.4"
   },
   "type": "module",
   "dependencies": {
-    "@dagrejs/dagre": "^1.1.4",
+    "@dagrejs/dagre": "^1.1.5",
     "@layerstack/svelte-actions": "1.0.1-next.14",
     "@layerstack/svelte-state": "0.1.0-next.19",
     "@layerstack/tailwind": "2.0.0-next.17",
@@ -97,7 +93,7 @@
     "d3-time": "^3.1.0",
     "lodash-es": "^4.17.21",
     "memoize": "^10.1.0",
-    "runed": "^0.28.0"
+    "runed": "^0.31.1"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"