Merge branch 'next' of https://github.com/techniq/layerchart into next

Author: techniq

.changeset/all-papers-unite.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix: Prevent submitting forms when clicking legend buttons

.changeset/pre.json

@@ -21,6 +21,7 @@
     "add-trail-component",
     "add-violin-component",
     "afraid-jobs-say",
+    "all-papers-unite",
     "annotation-line-sloped",
     "annotation-point-link-callouts",
     "arclabel-component",

packages/layerchart/CHANGELOG.md

@@ -1,5 +1,11 @@
 # LayerChart
 
+## 2.0.0-next.59
+
+### Patch Changes
+
+- fix: Prevent submitting forms when clicking legend buttons ([#841](https://github.com/techniq/layerchart/pull/841))
+
 ## 2.0.0-next.58
 
 ### Major Changes

packages/layerchart/package.json

@@ -5,7 +5,7 @@
   "license": "MIT",
   "repository": "techniq/layerchart",
   "homepage": "https://layerchart.com",
-  "version": "2.0.0-next.58",
+  "version": "2.0.0-next.59",
   "scripts": {
     "dev": "pnpm package:watch",
     "package": "svelte-package",

packages/layerchart/src/lib/components/Legend.svelte

@@ -498,6 +498,7 @@
     <div class={cls('lc-legend-swatch-group', classes.items)} data-orientation={orientation}>
       {#each swatchItems as item}
         <button
+          type="button"
           class={cls('lc-legend-swatch-button', resolveMaybeFn(classes?.item, item))}
           style:opacity={selected.length === 0 || selected.includes(item.value) ? 1 : 0.3}
           onclick={(e) => onclickProp?.(e, item) ?? item.onclick?.(e)}