layerchart 0.59.6 → 0.60.1

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

@@ -6,7 +6,7 @@ import Text from './Text.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        axis?: ("x" | "y" | "both") | undefined;
+        axis?: "x" | "y" | "both" | undefined;
         handleSize?: number | undefined;
         resetOnEnd?: boolean | undefined;
         xDomain?: [number | Date | null, number | Date | null] | undefined;

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

@@ -7,7 +7,7 @@ declare const __propDef: {
         [x: string]: any;
         start: Date;
         end: Date;
-        cellSize?: number | [number, number] | undefined;
+        cellSize?: number | [number, number] | undefined | undefined;
         monthPath?: (boolean | Partial<ComponentProps<MonthPath>>) | undefined;
         tooltip?: TooltipContextValue | undefined;
     };

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

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         id?: string | undefined;
-        useId?: string | undefined;
+        useId?: string | undefined | undefined;
         disabled?: boolean | undefined;
     };
     events: {

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

@@ -4,8 +4,8 @@ declare const __propDef: {
         [x: string]: any;
         interpolator: (t: number) => string;
         steps?: number | undefined;
-        height?: (string | number) | undefined;
-        width?: (string | number) | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Dagre.svelte

@@ -0,0 +1,151 @@
+<script lang="ts" context="module">
+  export type DagreGraphData = {
+    nodes: Array<{ id: string; parent?: string; label?: string | dagre.Label }>;
+    edges: Array<{ source: string; target: string; label?: string }>;
+  };
+
+  export const RankDir = {
+    'top-bottom': 'TB',
+    'bottom-top': 'BT',
+    'left-right': 'LR',
+    'right-left': 'RL',
+  };
+
+  export const Align = {
+    none: undefined,
+    'up-left': 'UL',
+    'up-right': 'UR',
+    'down-left': 'DL',
+    'down-right': 'DR',
+  };
+
+  export const EdgeLabelPosition = {
+    left: 'l',
+    center: 'c',
+    right: 'r',
+  };
+</script>
+
+<script lang="ts">
+  import dagre, { type Edge, type EdgeConfig, type GraphEdge } from '@dagrejs/dagre';
+
+  /** Data of nodes and edges to build graph */
+  export let data: DagreGraphData;
+
+  export let nodes = (d: any) => d.nodes;
+  export let nodeId = (d: any) => d.id;
+  export let edges = (d: any) => d.edges;
+
+  /** Set graph as directed (true, default) or undirected (false), which does not treat the order of nodes in an edge as significant. */
+  export let directed = true;
+
+  /** Allow a graph to have multiple edges between the same pair of nodes */
+  export let multigraph = false;
+
+  /** Allow a graph to have compound nodes - nodes which can be the `parent` of other nodes */
+  export let compound = false;
+
+  /** Type of algorithm to assigns a rank to each node in the input graph */
+  export let ranker: 'network-simplex' | 'tight-tree' | 'longest-path' = 'network-simplex';
+
+  /** Direction for rank nodes */
+  export let direction: keyof typeof RankDir = 'top-bottom';
+
+  /** Alignment for rank nodes */
+  export let align: keyof typeof Align | undefined = undefined;
+
+  /** Number of pixels between each rank in the layout */
+  export let rankSeparation = 50;
+
+  /** Number of pixels that separate nodes horizontally in the layout */
+  export let nodeSeparation = 50;
+
+  /** Number of pixels that separate edges horizontally in the layout */
+  export let edgeSeparation = 10;
+
+  /** Default node width if not defined on node */
+  export let nodeWidth = 100;
+
+  /** Default node height if not defined on node */
+  export let nodeHeight = 50;
+
+  /** Default link label width if not defined on edge */
+  export let edgeLabelWidth = 100;
+
+  /** Default edge label height if not defined on edge */
+  export let edgeLabelHeight = 20;
+
+  /** Default edge label height if not defined on edge */
+  export let edgeLabelPosition: keyof typeof EdgeLabelPosition = 'center';
+
+  /** Default pixels to move the label away from the edge if not defined on edge. Applies only when labelpos is l or r.*/
+  export let edgeLabelOffset = 10;
+
+  /** Filter nodes */
+  export let filterNodes: (nodeId: string, graph: dagre.graphlib.Graph) => boolean = () => true;
+
+  let graph: dagre.graphlib.Graph;
+  $: {
+    let g = new dagre.graphlib.Graph({ directed, multigraph, compound });
+
+    g.setGraph({
+      ranker: ranker,
+      rankdir: RankDir[direction],
+      align: align ? Align[align] : undefined,
+      ranksep: rankSeparation,
+      nodesep: nodeSeparation,
+      edgesep: edgeSeparation,
+    });
+
+    g.setDefaultEdgeLabel(() => {
+      return {};
+    });
+
+    nodes(data).forEach((n: any) => {
+      const id = nodeId(n);
+
+      g.setNode(nodeId(n), {
+        id,
+        label: typeof n.label === 'string' ? n.label : id,
+        width: nodeWidth,
+        height: nodeHeight,
+        ...(typeof n.label === 'object' ? n.label : null),
+      });
+
+      if (n.parent) {
+        g.setParent(id, n.parent);
+      }
+    });
+
+    edges(data).forEach((e: any) => {
+      const { source, target, label, ...rest } = e;
+      g.setEdge(
+        e.source,
+        e.target,
+        label
+          ? {
+              label: label,
+              labelpos: EdgeLabelPosition[edgeLabelPosition],
+              labeloffset: edgeLabelOffset,
+              width: edgeLabelWidth,
+              height: edgeLabelHeight,
+              ...rest,
+            }
+          : {}
+      );
+    });
+
+    g = filterNodes ? g.filterNodes((nodeId) => filterNodes(nodeId, graph)) : graph;
+
+    dagre.layout(g);
+
+    graph = g;
+  }
+
+  $: graphNodes = graph.nodes().map((id) => graph.node(id));
+  $: graphEdges = graph.edges().map((edge) => ({ ...edge, ...graph.edge(edge) })) as Array<
+    Edge & EdgeConfig & GraphEdge // `EdgeConfig` is excluded when inferred from usage
+  >;
+</script>
+
+<slot nodes={graphNodes} edges={graphEdges} />

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

@@ -0,0 +1,85 @@
+import { SvelteComponentTyped } from "svelte";
+export type DagreGraphData = {
+    nodes: Array<{
+        id: string;
+        parent?: string;
+        label?: string | dagre.Label;
+    }>;
+    edges: Array<{
+        source: string;
+        target: string;
+        label?: string;
+    }>;
+};
+export declare const RankDir: {
+    'top-bottom': string;
+    'bottom-top': string;
+    'left-right': string;
+    'right-left': string;
+};
+export declare const Align: {
+    none: undefined;
+    'up-left': string;
+    'up-right': string;
+    'down-left': string;
+    'down-right': string;
+};
+export declare const EdgeLabelPosition: {
+    left: string;
+    center: string;
+    right: string;
+};
+import dagre from '@dagrejs/dagre';
+declare const __propDef: {
+    props: {
+        /** Data of nodes and edges to build graph */ data: DagreGraphData;
+        nodes?: (d: any) => any;
+        nodeId?: (d: any) => any;
+        edges?: (d: any) => any;
+        /** Set graph as directed (true, default) or undirected (false), which does not treat the order of nodes in an edge as significant. */ directed?: boolean;
+        /** Allow a graph to have multiple edges between the same pair of nodes */ multigraph?: boolean;
+        /** Allow a graph to have compound nodes - nodes which can be the `parent` of other nodes */ compound?: boolean;
+        /** Type of algorithm to assigns a rank to each node in the input graph */ ranker?: "network-simplex" | "tight-tree" | "longest-path";
+        /** Direction for rank nodes */ direction?: keyof typeof RankDir;
+        /** Alignment for rank nodes */ align?: keyof typeof Align | undefined;
+        /** Number of pixels between each rank in the layout */ rankSeparation?: number;
+        /** Number of pixels that separate nodes horizontally in the layout */ nodeSeparation?: number;
+        /** Number of pixels that separate edges horizontally in the layout */ edgeSeparation?: number;
+        /** Default node width if not defined on node */ nodeWidth?: number;
+        /** Default node height if not defined on node */ nodeHeight?: number;
+        /** Default link label width if not defined on edge */ edgeLabelWidth?: number;
+        /** Default edge label height if not defined on edge */ edgeLabelHeight?: number;
+        /** Default edge label height if not defined on edge */ edgeLabelPosition?: keyof typeof EdgeLabelPosition;
+        /** Default pixels to move the label away from the edge if not defined on edge. Applies only when labelpos is l or r.*/ edgeLabelOffset?: number;
+        /** Filter nodes */ filterNodes?: (nodeId: string, graph: dagre.graphlib.Graph) => boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            nodes: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                class?: string | undefined;
+                label?: string | undefined;
+                padding?: number | undefined;
+                paddingX?: number | undefined;
+                paddingY?: number | undefined;
+                rank?: number | undefined;
+                rx?: number | undefined;
+                ry?: number | undefined;
+                shape?: string | undefined;
+            }[];
+            edges: (dagre.Edge & dagre.EdgeConfig & dagre.GraphEdge)[];
+        };
+    };
+};
+export type DagreProps = typeof __propDef.props;
+export type DagreEvents = typeof __propDef.events;
+export type DagreSlots = typeof __propDef.slots;
+export default class Dagre extends SvelteComponentTyped<DagreProps, DagreEvents, DagreSlots> {
+}
+export {};

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

@@ -9,14 +9,14 @@ declare const __propDef: {
         geojson?: GeoPermissibleObjects | null | undefined;
         render?: ((ctx: CanvasRenderingContext2D, options: {
             geoPath: ReturnType<typeof geoCurvePath>;
-        }) => any) | undefined;
-        fill?: string | undefined;
-        stroke?: string | undefined;
-        strokeWidth?: number | string | undefined;
+        }) => any) | undefined | undefined;
+        fill?: string | undefined | undefined;
+        stroke?: string | undefined | undefined;
+        strokeWidth?: number | string | undefined | undefined;
         tooltip?: TooltipContextValue | undefined;
         curve?: (CurveFactory | CurveFactoryLineOnly) | undefined;
-        class?: string | undefined;
-        geoTransform?: ((projection: GeoProjection | GeoIdentityTransform) => GeoTransformPrototype) | undefined;
+        class?: string | undefined | undefined;
+        geoTransform?: ((projection: GeoProjection | GeoIdentityTransform) => GeoTransformPrototype) | undefined | undefined;
     };
     events: {
         pointerenter: PointerEvent;

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

@@ -1,11 +1,35 @@
 import { SvelteComponentTyped } from "svelte";
-import type { ComponentProps } from 'svelte';
-import GeoPath from './GeoPath.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        lines?: Partial<ComponentProps<GeoPath>> | boolean | undefined;
-        outline?: Partial<ComponentProps<GeoPath>> | boolean | undefined;
+        lines?: boolean | Partial<{
+            [x: string]: any;
+            geojson?: import("d3-geo").GeoPermissibleObjects | null | undefined;
+            render?: ((ctx: CanvasRenderingContext2D, options: {
+                geoPath: ReturnType<typeof import("..").geoCurvePath>;
+            }) => any) | undefined | undefined;
+            fill?: string | undefined | undefined;
+            stroke?: string | undefined | undefined;
+            strokeWidth?: number | string | undefined | undefined;
+            tooltip?: import("./tooltip/TooltipContext.svelte").TooltipContextValue | undefined;
+            curve?: (import("d3-shape").CurveFactory | import("d3-shape").CurveFactoryLineOnly) | undefined;
+            class?: string | undefined | undefined;
+            geoTransform?: ((projection: import("d3-geo").GeoProjection | import("d3-geo").GeoIdentityTransform) => import("d3-geo").GeoTransformPrototype) | undefined | undefined;
+        }> | undefined;
+        outline?: boolean | Partial<{
+            [x: string]: any;
+            geojson?: import("d3-geo").GeoPermissibleObjects | null | undefined;
+            render?: ((ctx: CanvasRenderingContext2D, options: {
+                geoPath: ReturnType<typeof import("..").geoCurvePath>;
+            }) => any) | undefined | undefined;
+            fill?: string | undefined | undefined;
+            stroke?: string | undefined | undefined;
+            strokeWidth?: number | string | undefined | undefined;
+            tooltip?: import("./tooltip/TooltipContext.svelte").TooltipContextValue | undefined;
+            curve?: (import("d3-shape").CurveFactory | import("d3-shape").CurveFactoryLineOnly) | undefined;
+            class?: string | undefined | undefined;
+            geoTransform?: ((projection: import("d3-geo").GeoProjection | import("d3-geo").GeoIdentityTransform) => import("d3-geo").GeoTransformPrototype) | undefined | undefined;
+        }> | undefined;
         step?: [number, number] | undefined;
     };
     events: {

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

@@ -1,12 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
-import { type ComponentProps } from 'svelte';
 import { Delaunay } from 'd3-delaunay';
-import Spline from './Spline.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
         data?: any;
-        curve?: ComponentProps<Spline>["curve"];
+        curve?: import("d3-shape").CurveFactory | import("d3-shape").CurveFactoryLineOnly | undefined;
         classes?: {
             root?: string;
             path?: string;

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

@@ -6,7 +6,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         value?: Accessor;
-        placement?: ("inside" | "outside" | "center") | undefined;
+        placement?: "inside" | "outside" | "center" | undefined;
         offset?: number | undefined;
         format?: FormatType | undefined;
         key?: ((d: any, index: number) => any) | undefined;

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

@@ -9,13 +9,13 @@ declare const __propDef: {
         height?: number | undefined;
         ticks?: number | undefined;
         tickFormat?: FormatType | undefined;
-        tickValues?: any[] | undefined;
+        tickValues?: any[] | undefined | undefined;
         tickFontSize?: number | undefined;
         tickLength?: number | undefined;
         placement?: ("center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right") | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
-        onClick?: ((tick: any) => any) | undefined;
-        variant?: ("ramp" | "swatches") | undefined;
+        orientation?: "horizontal" | "vertical" | undefined;
+        onClick?: ((tick: any) => any) | undefined | undefined;
+        variant?: "ramp" | "swatches" | undefined;
         classes?: {
             root?: string;
             title?: string;

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

@@ -3,14 +3,14 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         id?: string | undefined;
-        stops?: (string[] | [string | number, string][]) | undefined;
+        stops?: string[] | [string | number, string][] | undefined;
         vertical?: boolean | undefined;
         x1?: string | undefined;
         y1?: string | undefined;
         x2?: string | undefined;
         y2?: string | undefined;
-        rotate?: number | undefined;
-        units?: ("objectBoundingBox" | "userSpaceOnUse") | undefined;
+        rotate?: number | undefined | undefined;
+        units?: "objectBoundingBox" | "userSpaceOnUse" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -2,15 +2,15 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        type?: "arrow" | "triangle" | "line" | "circle" | "circle-stroke" | "dot" | undefined;
+        type?: "arrow" | "triangle" | "line" | "circle" | "circle-stroke" | "dot" | undefined | undefined;
         id?: string | undefined;
         size?: number | undefined;
-        markerWidth?: (string | number) | undefined;
-        markerHeight?: (string | number) | undefined;
-        markerUnits?: ("userSpaceOnUse" | "strokeWidth") | undefined;
-        orient?: ("auto" | "auto-start-reverse" | number) | undefined;
-        refX?: (string | number) | undefined;
-        refY?: (string | number) | undefined;
+        markerWidth?: string | number | undefined;
+        markerHeight?: string | number | undefined;
+        markerUnits?: "userSpaceOnUse" | "strokeWidth" | undefined;
+        orient?: "auto" | "auto-start-reverse" | number | undefined;
+        refX?: string | number | undefined;
+        refY?: string | number | undefined;
         viewBox?: string | undefined;
     };
     events: {

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

@@ -17,11 +17,11 @@ declare const __propDef: {
         offsetX?: number | ((value: number, context: any) => number) | undefined;
         offsetY?: number | ((value: number, context: any) => number) | undefined;
         links?: (boolean | Partial<ComponentProps<Link>>) | undefined;
-        fill?: string | undefined;
-        stroke?: string | undefined;
-        strokeWidth?: number | string | undefined;
-        render?: ((ctx: CanvasRenderingContext2D, points: Point[]) => any) | undefined;
-        class?: string | undefined;
+        fill?: string | undefined | undefined;
+        stroke?: string | undefined | undefined;
+        strokeWidth?: number | string | undefined | undefined;
+        render?: ((ctx: CanvasRenderingContext2D, points: Point[]) => any) | undefined | undefined;
+        class?: string | undefined | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -3,15 +3,15 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         id?: string | undefined;
-        stops?: (string[] | [string | number, string][]) | undefined;
+        stops?: string[] | [string | number, string][] | undefined;
         cx?: string | undefined;
         cy?: string | undefined;
         fx?: string | undefined;
         fy?: string | undefined;
         r?: string | undefined;
-        spreadMethod?: ("pad" | "reflect" | "repeat") | undefined;
-        transform?: string | null | undefined;
-        units?: ("objectBoundingBox" | "userSpaceOnUse") | undefined;
+        spreadMethod?: "pad" | "reflect" | "repeat" | undefined;
+        transform?: string | null | undefined | undefined;
+        units?: "objectBoundingBox" | "userSpaceOnUse" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Spline.svelte

@@ -120,8 +120,6 @@
       if (curve) path.curve(curve);
 
       return path(data ?? $contextData);
-    } else {
-      return '';
     }
   }
 

package/dist/components/TransformControls.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { type ComponentProps } from 'svelte';
   import { Button, Icon, MenuButton, Tooltip } from 'svelte-ux';
   import { cls } from '@layerstack/tailwind';
 
@@ -28,6 +29,7 @@
 
   export let placement: Placement = 'top-right';
   export let orientation: 'horizontal' | 'vertical' = 'vertical';
+  export let size: ComponentProps<Button>['size'] = 'md';
 
   type Actions = 'zoomIn' | 'zoomOut' | 'center' | 'reset' | 'scrollMode';
   export let show: Actions[] = ['zoomIn', 'zoomOut', 'center', 'reset', 'scrollMode'];
@@ -64,7 +66,7 @@
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class={cls(
-    'bg-surface-300/50 rounded-full m-1 backdrop-blur z-10 flex',
+    'bg-surface-300/50 border rounded-full m-1 backdrop-blur z-10 flex',
     orientation === 'vertical' && 'flex-col',
     {
       'top-left': 'absolute top-0 left-0',
@@ -89,6 +91,7 @@
       <Button
         icon={mdiMagnifyPlusOutline}
         on:click={() => transform.zoomIn()}
+        {size}
         class="text-surface-content p-2"
       />
     </Tooltip>
@@ -99,6 +102,7 @@
       <Button
         icon={mdiMagnifyMinusOutline}
         on:click={() => transform.zoomOut()}
+        {size}
         class="text-surface-content p-2"
       />
     </Tooltip>
@@ -109,6 +113,7 @@
       <Button
         icon={mdiImageFilterCenterFocus}
         on:click={() => transform.translateCenter()}
+        {size}
         class="text-surface-content p-2"
       />
     </Tooltip>
@@ -119,6 +124,7 @@
       <Button
         icon={mdiArrowULeftTop}
         on:click={() => transform.reset()}
+        {size}
         class="text-surface-content p-2"
       />
     </Tooltip>
@@ -135,6 +141,7 @@
         ]}
         menuProps={{ placement: menuPlacementByOrientationAndPlacement[orientation][placement] }}
         menuIcon={null}
+        {size}
         value={$scrollMode}
         on:change={(e) => transform.setScrollMode(e.detail.value)}
         class="text-surface-content"

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

@@ -3,7 +3,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         placement?: ("center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right") | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
+        orientation?: "horizontal" | "vertical" | undefined;
+        size?: import("svelte-ux").ButtonSize | undefined;
         show?: ("reset" | "scrollMode" | "zoomIn" | "zoomOut" | "center")[] | undefined;
     };
     events: {

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

@@ -204,13 +204,13 @@ declare class __sveltets_Render<TData> {
             height?: number | undefined;
             ticks?: number | undefined;
             tickFormat?: import("@layerstack/utils").FormatType | undefined;
-            tickValues?: any[] | undefined;
+            tickValues?: any[] | undefined | undefined;
             tickFontSize?: number | undefined;
             tickLength?: number | undefined;
             placement?: ("center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right") | undefined;
-            orientation?: ("horizontal" | "vertical") | undefined;
-            onClick?: ((tick: any) => any) | undefined;
-            variant?: ("ramp" | "swatches") | undefined;
+            orientation?: "horizontal" | "vertical" | undefined;
+            onClick?: ((tick: any) => any) | undefined | undefined;
+            variant?: "ramp" | "swatches" | undefined;
             classes?: {
                 root?: string;
                 title?: string;

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export { default as Circle } from './Circle.svelte';
 export { default as CircleClipPath } from './CircleClipPath.svelte';
 export { default as ClipPath } from './ClipPath.svelte';
 export { default as ColorRamp } from './ColorRamp.svelte';
+export { default as Dagre } from './Dagre.svelte';
 export { default as Frame } from './Frame.svelte';
 export { default as ForceSimulation } from './ForceSimulation.svelte';
 export { default as GeoCircle } from './GeoCircle.svelte';

package/dist/components/index.js

@@ -17,6 +17,7 @@ export { default as Circle } from './Circle.svelte';
 export { default as CircleClipPath } from './CircleClipPath.svelte';
 export { default as ClipPath } from './ClipPath.svelte';
 export { default as ColorRamp } from './ColorRamp.svelte';
+export { default as Dagre } from './Dagre.svelte';
 export { default as Frame } from './Frame.svelte';
 export { default as ForceSimulation } from './ForceSimulation.svelte';
 export { default as GeoCircle } from './GeoCircle.svelte';

package/dist/components/layout/Canvas.svelte.d.ts

@@ -6,11 +6,11 @@ declare const __propDef: {
         context?: CanvasRenderingContext2D | undefined;
         willReadFrequently?: boolean | undefined;
         zIndex?: undefined;
-        pointerEvents?: boolean | undefined;
+        pointerEvents?: boolean | undefined | undefined;
         fallback?: string | undefined;
-        label?: string | undefined;
-        labelledBy?: string | undefined;
-        describedBy?: string | undefined;
+        label?: string | undefined | undefined;
+        labelledBy?: string | undefined | undefined;
+        describedBy?: string | undefined | undefined;
     };
     events: {
         pointerenter: PointerEvent;

package/dist/components/layout/Html.svelte.d.ts

@@ -4,11 +4,11 @@ declare const __propDef: {
         [x: string]: any;
         element?: HTMLDivElement | undefined;
         zIndex?: undefined;
-        pointerEvents?: boolean | undefined;
-        role?: string | undefined;
-        label?: string | undefined;
-        labelledBy?: string | undefined;
-        describedBy?: string | undefined;
+        pointerEvents?: boolean | undefined | undefined;
+        role?: string | undefined | undefined;
+        label?: string | undefined | undefined;
+        labelledBy?: string | undefined | undefined;
+        describedBy?: string | undefined | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/layout/Svg.svelte.d.ts

@@ -5,13 +5,13 @@ declare const __propDef: {
         element?: SVGElement | undefined;
         innerElement?: SVGGElement | undefined;
         zIndex?: undefined;
-        pointerEvents?: boolean | undefined;
-        viewBox?: string | undefined;
-        label?: string | undefined;
-        labelledBy?: string | undefined;
-        describedBy?: string | undefined;
-        title?: string | undefined;
-        center?: (boolean | "x" | "y") | undefined;
+        pointerEvents?: boolean | undefined | undefined;
+        viewBox?: string | undefined | undefined;
+        label?: string | undefined | undefined;
+        labelledBy?: string | undefined | undefined;
+        describedBy?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        center?: boolean | "x" | "y" | undefined;
     };
     events: {
         click: MouseEvent;