Merge branch 'next' of https://github.com/shoelace-style/shoelace int…

…o next

docs/pages/frameworks/react.md

@@ -32,6 +32,10 @@ If you'd rather not use the CDN for assets, you can create a [build task](https:
 
 Now you can start using components!
 
+### Preact
+
+Preact users facing type errors using components may benefit from setting "paths" in their tsconfig.json so that react types will instead resolve to preact/compat as described in [Preact's typescript documentation](https://preactjs.com/guide/v10/typescript/#typescript-preactcompat-configuration).
+
 ## Usage
 
 ### Importing Components

package.json

@@ -62,7 +62,7 @@
  "dependencies": {
  "@ctrl/tinycolor": "^4.0.1",
  "@floating-ui/dom": "^1.2.1",
- "@lit-labs/react": "^2.0.1",
+ "@lit-labs/react": "^2.0.3",
  "@shoelace-style/animations": "^1.1.0",
  "@shoelace-style/localize": "^3.1.1",
  "composed-offset-position": "^0.0.4",

src/components/details/details.component.ts

@@ -87,6 +87,7 @@ export default class SlDetails extends ShoelaceElement {
  }
 
  disconnectedCallback() {
+ super.disconnectedCallback();
  this.detailsObserver.disconnect();
  }
 

src/components/mutation-observer/mutation-observer.component.ts

@@ -52,6 +52,7 @@ export default class SlMutationObserver extends ShoelaceElement {
  }
 
  disconnectedCallback() {
+ super.disconnectedCallback();
  this.stopObserver();
  }
 

src/components/popup/popup.component.ts

@@ -198,6 +198,7 @@ export default class SlPopup extends ShoelaceElement {
  }
 
  disconnectedCallback() {
+ super.disconnectedCallback();
  this.stop();
  }
 

src/components/tab-group/tab-group.component.ts

@@ -117,6 +117,7 @@ export default class SlTabGroup extends ShoelaceElement {
  }
 
  disconnectedCallback() {
+ super.disconnectedCallback();
  this.mutationObserver.disconnect();
  this.resizeObserver.unobserve(this.nav);
  }