@smui/common - npm Package Compare versions

Comparing version 6.1.4 to 7.0.0-beta.0

CHANGELOG.md

@@ -6,13 +6,25 @@ # Change Log
 
-## [6.1.4](https://github.com/hperrin/svelte-material-ui/compare/v6.1.3...v6.1.4) (2022-09-27)
+# [7.0.0-beta.0](https://github.com/hperrin/svelte-material-ui/compare/v6.2.0...v7.0.0-beta.0) (2022-10-12)
 
-
 ### Bug Fixes
 
-* update svelte-strip for module script lang fix ([2dc89a9](https://github.com/hperrin/svelte-material-ui/commit/2dc89a953882b6319ef453803107e20a0ca1a938))
+- default element in common icon ([98b1536](https://github.com/hperrin/svelte-material-ui/commit/98b1536b39bae9580982a6979d66cf2b7ccd2da8))
+- turns out, svelte still doesn't report exported module members in typescript ([72702aa](https://github.com/hperrin/svelte-material-ui/commit/72702aa2da6bcc36e857ed514fa4f4308ce70c84))
+- use separate svg component and fix all type errors ([9accd0b](https://github.com/hperrin/svelte-material-ui/commit/9accd0b6b57c1733dded37f95840787076aaf500))
 
+### Features
 
+- migrate to common element component instead of elemental components ([8aaf611](https://github.com/hperrin/svelte-material-ui/commit/8aaf6113bb9193f3c198c5904dac19f4db609737))
+- new common element component with dynamic element support ([bfa69d2](https://github.com/hperrin/svelte-material-ui/commit/bfa69d2197a80086f6972779989d6598e8a9ae1b))
+- new typing method gets rid of separate type files, keeps html prop autocomplete ([bf7b2a4](https://github.com/hperrin/svelte-material-ui/commit/bf7b2a44f95ac135aadc387cb70f3ac6e7b6612e))
+- redo type system to bring types into their svelte files ([61b9395](https://github.com/hperrin/svelte-material-ui/commit/61b93954390521e2684f2d3820e8f522d69727fb))
+- trying to get components with generic types working ([9952576](https://github.com/hperrin/svelte-material-ui/commit/99525765fa42efac0236b9a7553b1537ed08b50b))
+- update to mdc-web 14, implement new features and fixes ([cca1827](https://github.com/hperrin/svelte-material-ui/commit/cca1827737efb83d637b3c26ac367ac2117bb707))
 
+## [6.1.4](https://github.com/hperrin/svelte-material-ui/compare/v6.1.3...v6.1.4) (2022-09-27)
 
+### Bug Fixes
 
+- update svelte-strip for module script lang fix ([2dc89a9](https://github.com/hperrin/svelte-material-ui/commit/2dc89a953882b6319ef453803107e20a0ca1a938))
+
 # [6.1.0](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0...v6.1.0) (2022-08-20)
@@ -22,29 +34,15 @@
 
-
-
-
-
 # [6.0.0](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.16...v6.0.0) (2022-07-23)
 
-
 ### Bug Fixes
 
-* update sveltekit and fix package.json ([9dfb3d0](https://github.com/hperrin/svelte-material-ui/commit/9dfb3d03209d62c9a9febf49fff884df3ba96964)), closes [#425](https://github.com/hperrin/svelte-material-ui/issues/425)
-* upgrade packages and fix issues with new versions ([67f45cc](https://github.com/hperrin/svelte-material-ui/commit/67f45cc6bd628bd772c8717d20c0699be08e5d0d))
+- update sveltekit and fix package.json ([9dfb3d0](https://github.com/hperrin/svelte-material-ui/commit/9dfb3d03209d62c9a9febf49fff884df3ba96964)), closes [#425](https://github.com/hperrin/svelte-material-ui/issues/425)
+- upgrade packages and fix issues with new versions ([67f45cc](https://github.com/hperrin/svelte-material-ui/commit/67f45cc6bd628bd772c8717d20c0699be08e5d0d))
 
-
-
-
-
 # [6.0.0-beta.16](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.15...v6.0.0-beta.16) (2022-04-11)
 
-
 ### Bug Fixes
 
-* svelte check script ([9936200](https://github.com/hperrin/svelte-material-ui/commit/9936200e87b3c298979148eeb60bebadbe1096ca))
+- svelte check script ([9936200](https://github.com/hperrin/svelte-material-ui/commit/9936200e87b3c298979148eeb60bebadbe1096ca))
 
-
-
-
-
 # [6.0.0-beta.15](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.14...v6.0.0-beta.15) (2022-03-02)
@@ -54,46 +52,26 @@
 
-
-
-
-
 # [6.0.0-beta.14](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.13...v6.0.0-beta.14) (2022-02-13)
 
-
 ### Bug Fixes
 
-* rename type attributes to lang ([88a45ff](https://github.com/hperrin/svelte-material-ui/commit/88a45ff99d6dd35e7e293f15cd344fece0ec5fee))
-* update to latest packages, sveltekit and fix issues ([ca21255](https://github.com/hperrin/svelte-material-ui/commit/ca2125517a399b6cf28bafa3485b7e83ac4c927b))
+- rename type attributes to lang ([88a45ff](https://github.com/hperrin/svelte-material-ui/commit/88a45ff99d6dd35e7e293f15cd344fece0ec5fee))
+- update to latest packages, sveltekit and fix issues ([ca21255](https://github.com/hperrin/svelte-material-ui/commit/ca2125517a399b6cf28bafa3485b7e83ac4c927b))
 
-
 ### Features
 
-* add label elemental component ([533b085](https://github.com/hperrin/svelte-material-ui/commit/533b08538d1041e7fd4b6473d244bfd719e5395e))
-* update SvelteKit and move types to separate imports ([5fb1216](https://github.com/hperrin/svelte-material-ui/commit/5fb1216d1182764e688a2f20cb25c2f5d034f0e7))
+- add label elemental component ([533b085](https://github.com/hperrin/svelte-material-ui/commit/533b08538d1041e7fd4b6473d244bfd719e5395e))
+- update SvelteKit and move types to separate imports ([5fb1216](https://github.com/hperrin/svelte-material-ui/commit/5fb1216d1182764e688a2f20cb25c2f5d034f0e7))
 
-
-
-
-
 # [6.0.0-beta.13](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.12...v6.0.0-beta.13) (2022-01-05)
 
-
 ### Bug Fixes
 
-* import everything from material correctly. replace announce function with own implementation ([7ac0383](https://github.com/hperrin/svelte-material-ui/commit/7ac0383ebe384332a7666a451caa6209a1af0da9))
+- import everything from material correctly. replace announce function with own implementation ([7ac0383](https://github.com/hperrin/svelte-material-ui/commit/7ac0383ebe384332a7666a451caa6209a1af0da9))
 
-
-
-
-
 # [6.0.0-beta.12](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.11...v6.0.0-beta.12) (2022-01-05)
 
-
 ### Bug Fixes
 
-* correct entries in package.json files, noExternal config no longer needed ([95c56b5](https://github.com/hperrin/svelte-material-ui/commit/95c56b56b1859f8117ed9f3580a01c13d799499d)), closes [#375](https://github.com/hperrin/svelte-material-ui/issues/375)
+- correct entries in package.json files, noExternal config no longer needed ([95c56b5](https://github.com/hperrin/svelte-material-ui/commit/95c56b56b1859f8117ed9f3580a01c13d799499d)), closes [#375](https://github.com/hperrin/svelte-material-ui/issues/375)
 
-
-
-
-
 # [6.0.0-beta.11](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.10...v6.0.0-beta.11) (2021-12-29)
@@ -103,6 +81,2 @@
 
-
-
-
-
 # [6.0.0-beta.10](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.9...v6.0.0-beta.10) (2021-12-28)
@@ -112,6 +86,2 @@
 
-
-
-
-
 # [6.0.0-beta.9](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.8...v6.0.0-beta.9) (2021-12-15)
@@ -121,6 +91,2 @@
 
-
-
-
-
 # [6.0.0-beta.8](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.7...v6.0.0-beta.8) (2021-12-14)
@@ -130,6 +96,2 @@
 
-
-
-
-
 # [6.0.0-beta.7](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.6...v6.0.0-beta.7) (2021-12-14)
@@ -139,17 +101,8 @@
 
-
-
-
-
 # [6.0.0-beta.6](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.5...v6.0.0-beta.6) (2021-12-11)
 
-
 ### Bug Fixes
 
-* remove unused args on unsubscribe ([a7f2aca](https://github.com/hperrin/svelte-material-ui/commit/a7f2aca155c62a663c4a9e784279dbd7b9c39637))
+- remove unused args on unsubscribe ([a7f2aca](https://github.com/hperrin/svelte-material-ui/commit/a7f2aca155c62a663c4a9e784279dbd7b9c39637))
 
-
-
-
-
 # [6.0.0-beta.5](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.4...v6.0.0-beta.5) (2021-12-10)
@@ -159,6 +112,2 @@
 
-
-
-
-
 # [6.0.0-beta.4](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.3...v6.0.0-beta.4) (2021-11-25)
@@ -168,89 +117,53 @@
 
-
-
-
-
 # [6.0.0-beta.3](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.2...v6.0.0-beta.3) (2021-11-24)
 
-
 ### Bug Fixes
 
-* include svelte tsconfig from common module ([2cfc838](https://github.com/hperrin/svelte-material-ui/commit/2cfc83825203da21bd5a5864df44d48099a9004e))
+- include svelte tsconfig from common module ([2cfc838](https://github.com/hperrin/svelte-material-ui/commit/2cfc83825203da21bd5a5864df44d48099a9004e))
 
-
-
-
-
 # [6.0.0-beta.2](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.1...v6.0.0-beta.2) (2021-11-17)
 
-
 ### Bug Fixes
 
-* common doesn't have a default export ([a29127f](https://github.com/hperrin/svelte-material-ui/commit/a29127f6a93b64db03c3677275bacde6960595c3))
+- common doesn't have a default export ([a29127f](https://github.com/hperrin/svelte-material-ui/commit/a29127f6a93b64db03c3677275bacde6960595c3))
 
-
-
-
-
 # [6.0.0-beta.1](https://github.com/hperrin/svelte-material-ui/compare/v6.0.0-beta.0...v6.0.0-beta.1) (2021-11-17)
 
-
 ### Bug Fixes
 
-* lock to last good ts minor version, add index files for repl ([d77c735](https://github.com/hperrin/svelte-material-ui/commit/d77c73513a66de0075dd17ba0092c0a44c66d498))
+- lock to last good ts minor version, add index files for repl ([d77c735](https://github.com/hperrin/svelte-material-ui/commit/d77c73513a66de0075dd17ba0092c0a44c66d498))
 
-
-
-
-
 # [6.0.0-beta.0](https://github.com/hperrin/svelte-material-ui/compare/v5.0.1...v6.0.0-beta.0) (2021-11-17)
 
-
 ### Bug Fixes
 
-* get sass compiling for all packages ([6405961](https://github.com/hperrin/svelte-material-ui/commit/6405961324c340098f00b942ecbffe9071f0c01d))
-* get sass compiling in dev env for site with smui-theme ([08fd30f](https://github.com/hperrin/svelte-material-ui/commit/08fd30f2d39e135c30f06eac35e997208e7fa033))
-* rm deprecation warn by updating to material 12 + breaking changes ([e3e95e1](https://github.com/hperrin/svelte-material-ui/commit/e3e95e1c3e499e5332cac6d15790505db58d268d))
-* update other packages, move svelte to peerDependencies ([2c1b137](https://github.com/hperrin/svelte-material-ui/commit/2c1b1370e10503110421bd66bcb31a81e57cf182))
+- get sass compiling for all packages ([6405961](https://github.com/hperrin/svelte-material-ui/commit/6405961324c340098f00b942ecbffe9071f0c01d))
+- get sass compiling in dev env for site with smui-theme ([08fd30f](https://github.com/hperrin/svelte-material-ui/commit/08fd30f2d39e135c30f06eac35e997208e7fa033))
+- rm deprecation warn by updating to material 12 + breaking changes ([e3e95e1](https://github.com/hperrin/svelte-material-ui/commit/e3e95e1c3e499e5332cac6d15790505db58d268d))
+- update other packages, move svelte to peerDependencies ([2c1b137](https://github.com/hperrin/svelte-material-ui/commit/2c1b1370e10503110421bd66bcb31a81e57cf182))
 
-
 ### Features
 
-* new package directory structure, include stripped svelte files so no preprocess needed ([382e78d](https://github.com/hperrin/svelte-material-ui/commit/382e78dc4d9b6ddfd7832bdfd90bad0cea402b1d))
-* remove styled endpoints and update readme and installation docs ([c8755d4](https://github.com/hperrin/svelte-material-ui/commit/c8755d41a24658b927089f8193d18b30df28e2a7))
-* rename MDC events to SMUI events ([55effc6](https://github.com/hperrin/svelte-material-ui/commit/55effc6e92e04cb6d27964e1bb30d4c507922e23))
-* upgrade mdc-web packages to v13 ([9f0457f](https://github.com/hperrin/svelte-material-ui/commit/9f0457f3bcd8c451c66392fc2a19bc60b5f1e958))
+- new package directory structure, include stripped svelte files so no preprocess needed ([382e78d](https://github.com/hperrin/svelte-material-ui/commit/382e78dc4d9b6ddfd7832bdfd90bad0cea402b1d))
+- remove styled endpoints and update readme and installation docs ([c8755d4](https://github.com/hperrin/svelte-material-ui/commit/c8755d41a24658b927089f8193d18b30df28e2a7))
+- rename MDC events to SMUI events ([55effc6](https://github.com/hperrin/svelte-material-ui/commit/55effc6e92e04cb6d27964e1bb30d4c507922e23))
+- upgrade mdc-web packages to v13 ([9f0457f](https://github.com/hperrin/svelte-material-ui/commit/9f0457f3bcd8c451c66392fc2a19bc60b5f1e958))
 
-
 ### BREAKING CHANGES
 
-* No more styled endpoints, so the advanced styling
-method now requires that you import the Sass yourself.
+- No more styled endpoints, so the advanced styling
+  method now requires that you import the Sass yourself.
 
-
-
-
-
 ## [5.0.1](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0...v5.0.1) (2021-11-16)
 
-
 ### Bug Fixes
 
-* classadder not loaded from explicit path ([46c5a3c](https://github.com/hperrin/svelte-material-ui/commit/46c5a3c7237c3acaf385398f6aca63b436b37d2d))
+- classadder not loaded from explicit path ([46c5a3c](https://github.com/hperrin/svelte-material-ui/commit/46c5a3c7237c3acaf385398f6aca63b436b37d2d))
 
-
-
-
-
 # [5.0.0](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.8...v5.0.0) (2021-11-10)
 
-
 ### Features
 
-* let segmented button selection be controlled manually ([835ef80](https://github.com/hperrin/svelte-material-ui/commit/835ef80695baf3b7e05aa461bb334d1b35512601))
+- let segmented button selection be controlled manually ([835ef80](https://github.com/hperrin/svelte-material-ui/commit/835ef80695baf3b7e05aa461bb334d1b35512601))
 
-
-
-
-
 # [5.0.0-beta.8](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.7...v5.0.0-beta.8) (2021-11-02)
@@ -260,40 +173,21 @@
 
-
-
-
-
 # [5.0.0-beta.7](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.6...v5.0.0-beta.7) (2021-09-28)
 
-
 ### Bug Fixes
 
-* cannot access internals before initialization ([d297517](https://github.com/hperrin/svelte-material-ui/commit/d2975175b8e195a185722508f69e1abb21aca0d3)), closes [#329](https://github.com/hperrin/svelte-material-ui/issues/329)
+- cannot access internals before initialization ([d297517](https://github.com/hperrin/svelte-material-ui/commit/d2975175b8e195a185722508f69e1abb21aca0d3)), closes [#329](https://github.com/hperrin/svelte-material-ui/issues/329)
 
-
-
-
-
 # [5.0.0-beta.6](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.5...v5.0.0-beta.6) (2021-09-27)
 
-
 ### Bug Fixes
 
-* internals causing issues being outside of class adder component ([1c29076](https://github.com/hperrin/svelte-material-ui/commit/1c290761fd60ff6880c133eeccf65101f9fb79f2)), closes [#329](https://github.com/hperrin/svelte-material-ui/issues/329)
-* lock sass to the last working minor release ([62d4895](https://github.com/hperrin/svelte-material-ui/commit/62d4895af8fe252c8ade2587845e92ced70d6d9c)), closes [#334](https://github.com/hperrin/svelte-material-ui/issues/334)
+- internals causing issues being outside of class adder component ([1c29076](https://github.com/hperrin/svelte-material-ui/commit/1c290761fd60ff6880c133eeccf65101f9fb79f2)), closes [#329](https://github.com/hperrin/svelte-material-ui/issues/329)
+- lock sass to the last working minor release ([62d4895](https://github.com/hperrin/svelte-material-ui/commit/62d4895af8fe252c8ade2587845e92ced70d6d9c)), closes [#334](https://github.com/hperrin/svelte-material-ui/issues/334)
 
-
-
-
-
 # [5.0.0-beta.5](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.4...v5.0.0-beta.5) (2021-09-18)
 
-
 ### Bug Fixes
 
-* remove smui.d file and SMUIComponent declaration class ([ef30919](https://github.com/hperrin/svelte-material-ui/commit/ef309192268ef22ddbe0ff38a0f0f5198513a6af))
+- remove smui.d file and SMUIComponent declaration class ([ef30919](https://github.com/hperrin/svelte-material-ui/commit/ef309192268ef22ddbe0ff38a0f0f5198513a6af))
 
-
-
-
-
 # [5.0.0-beta.4](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.3...v5.0.0-beta.4) (2021-09-17)
@@ -303,164 +197,106 @@
 
-
-
-
-
 # [5.0.0-beta.3](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.2...v5.0.0-beta.3) (2021-09-17)
 
-
 ### Bug Fixes
 
-* include extensions in import paths ([3c06e33](https://github.com/hperrin/svelte-material-ui/commit/3c06e33eac7cea142af604e96ce38916755817b5))
+- include extensions in import paths ([3c06e33](https://github.com/hperrin/svelte-material-ui/commit/3c06e33eac7cea142af604e96ce38916755817b5))
 
-
 ### Features
 
-* remove bare endpoints ([09ad6aa](https://github.com/hperrin/svelte-material-ui/commit/09ad6aa5807923900a57c6179ee248b08f1a1575))
+- remove bare endpoints ([09ad6aa](https://github.com/hperrin/svelte-material-ui/commit/09ad6aa5807923900a57c6179ee248b08f1a1575))
 
-
 ### BREAKING CHANGES
 
-* Bare endpoints in packages have been removed. You don't need them.
+- Bare endpoints in packages have been removed. You don't need them.
 
-
-
-
-
 # [5.0.0-beta.1](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.0...v5.0.0-beta.1) (2021-09-14)
 
-
 ### Bug Fixes
 
-* correctly provide html attributes ([048a11d](https://github.com/hperrin/svelte-material-ui/commit/048a11d0d84707a90a0ccde794b7c31155b71ca9))
-* some type issues and simpler ambient declarations ([44e2cea](https://github.com/hperrin/svelte-material-ui/commit/44e2cea7764733c97e629fa3d2498516cd0756b1))
+- correctly provide html attributes ([048a11d](https://github.com/hperrin/svelte-material-ui/commit/048a11d0d84707a90a0ccde794b7c31155b71ca9))
+- some type issues and simpler ambient declarations ([44e2cea](https://github.com/hperrin/svelte-material-ui/commit/44e2cea7764733c97e629fa3d2498516cd0756b1))
 
-
-
-
-
 # [5.0.0-beta.0](https://github.com/hperrin/svelte-material-ui/compare/v4.2.0...v5.0.0-beta.0) (2021-09-14)
 
-
 ### Bug Fixes
 
-* listeners for manually forwarded events bound with modifiers were called twice ([3096ffc](https://github.com/hperrin/svelte-material-ui/commit/3096ffc184f9a77926e60abe47f53129c1b2c41a))
-* some more type errors ([f4b8568](https://github.com/hperrin/svelte-material-ui/commit/f4b85687869c378f0df8b11a061c0b4cdf684d61))
-* type errors after making site package strict ([7cdcad9](https://github.com/hperrin/svelte-material-ui/commit/7cdcad900ad81b648db181d186eacc7441ef97d1))
+- listeners for manually forwarded events bound with modifiers were called twice ([3096ffc](https://github.com/hperrin/svelte-material-ui/commit/3096ffc184f9a77926e60abe47f53129c1b2c41a))
+- some more type errors ([f4b8568](https://github.com/hperrin/svelte-material-ui/commit/f4b85687869c378f0df8b11a061c0b4cdf684d61))
+- type errors after making site package strict ([7cdcad9](https://github.com/hperrin/svelte-material-ui/commit/7cdcad900ad81b648db181d186eacc7441ef97d1))
 
-
 ### Features
 
-* add prop types for HTML props for components ([f5c6e53](https://github.com/hperrin/svelte-material-ui/commit/f5c6e53390b4cbb2da04f543ef877cf03133fc80))
-* implement js builds of all ts files ([085b829](https://github.com/hperrin/svelte-material-ui/commit/085b82932f75a5c62bb4d5f709a19a8b3cbd12a4))
-* migrate banner to typescript ([dae0f3c](https://github.com/hperrin/svelte-material-ui/commit/dae0f3cb6cdb845a071f8b8bc34c7d5468dc693f))
-* migrate card to typescript ([c1a9ef2](https://github.com/hperrin/svelte-material-ui/commit/c1a9ef2477f4e26b863f0cadb33f548a7b35bf8b))
-* migrate chips to typescript ([075f48a](https://github.com/hperrin/svelte-material-ui/commit/075f48af5e16ee34c38307eb15664e1389596736))
-* migrate common and button to typescript ([cf9c6af](https://github.com/hperrin/svelte-material-ui/commit/cf9c6af17c59afc433c58245cc9444aece2195cc))
-* migrate fab and icon button to typescript ([5e81e89](https://github.com/hperrin/svelte-material-ui/commit/5e81e89f7d7afad4bb54c6f5350f5052f0e848cb))
-* migrate list, checkbox, and radio to typescript ([6b475a5](https://github.com/hperrin/svelte-material-ui/commit/6b475a502daff39ba74c8ea0b29f7930bce2e46c))
-* migrate menu surface and menu to typescript ([b479315](https://github.com/hperrin/svelte-material-ui/commit/b479315f4eccd9b3885eab31993949c8d734b888))
-* migrate slider to typescript ([42c8c00](https://github.com/hperrin/svelte-material-ui/commit/42c8c00e71c96c6326feda678e4886b03a1638ad))
-* migrate textfield to typescript ([0010211](https://github.com/hperrin/svelte-material-ui/commit/00102118220c8329aa7fbd3b524f1d95e8cebf02))
+- add prop types for HTML props for components ([f5c6e53](https://github.com/hperrin/svelte-material-ui/commit/f5c6e53390b4cbb2da04f543ef877cf03133fc80))
+- implement js builds of all ts files ([085b829](https://github.com/hperrin/svelte-material-ui/commit/085b82932f75a5c62bb4d5f709a19a8b3cbd12a4))
+- migrate banner to typescript ([dae0f3c](https://github.com/hperrin/svelte-material-ui/commit/dae0f3cb6cdb845a071f8b8bc34c7d5468dc693f))
+- migrate card to typescript ([c1a9ef2](https://github.com/hperrin/svelte-material-ui/commit/c1a9ef2477f4e26b863f0cadb33f548a7b35bf8b))
+- migrate chips to typescript ([075f48a](https://github.com/hperrin/svelte-material-ui/commit/075f48af5e16ee34c38307eb15664e1389596736))
+- migrate common and button to typescript ([cf9c6af](https://github.com/hperrin/svelte-material-ui/commit/cf9c6af17c59afc433c58245cc9444aece2195cc))
+- migrate fab and icon button to typescript ([5e81e89](https://github.com/hperrin/svelte-material-ui/commit/5e81e89f7d7afad4bb54c6f5350f5052f0e848cb))
+- migrate list, checkbox, and radio to typescript ([6b475a5](https://github.com/hperrin/svelte-material-ui/commit/6b475a502daff39ba74c8ea0b29f7930bce2e46c))
+- migrate menu surface and menu to typescript ([b479315](https://github.com/hperrin/svelte-material-ui/commit/b479315f4eccd9b3885eab31993949c8d734b888))
+- migrate slider to typescript ([42c8c00](https://github.com/hperrin/svelte-material-ui/commit/42c8c00e71c96c6326feda678e4886b03a1638ad))
+- migrate textfield to typescript ([0010211](https://github.com/hperrin/svelte-material-ui/commit/00102118220c8329aa7fbd3b524f1d95e8cebf02))
 
-
 ### BREAKING CHANGES
 
-* Renamed SMUI events from like SMUI:component:event to like SMUIComponent:event.
+- Renamed SMUI events from like SMUI:component:event to like SMUIComponent:event.
 
-
-
-
-
 # [4.2.0](https://github.com/hperrin/svelte-material-ui/compare/v4.1.0...v4.2.0) (2021-05-05)
 
-
 ### Bug Fixes
 
-* events with modifiers called once for every event listener on event ([4234efa](https://github.com/hperrin/svelte-material-ui/commit/4234efa678ca9e33ab2c7647b9d4e634936309e0))
+- events with modifiers called once for every event listener on event ([4234efa](https://github.com/hperrin/svelte-material-ui/commit/4234efa678ca9e33ab2c7647b9d4e634936309e0))
 
-
 ### Features
 
-* allow customizing Label component, add Em and Strong elemental components ([5dd42e2](https://github.com/hperrin/svelte-material-ui/commit/5dd42e2829ef20328cfb5b6171191117286a8c05))
+- allow customizing Label component, add Em and Strong elemental components ([5dd42e2](https://github.com/hperrin/svelte-material-ui/commit/5dd42e2829ef20328cfb5b6171191117286a8c05))
 
-
-
-
-
 # [4.1.0](https://github.com/hperrin/svelte-material-ui/compare/v4.0.0...v4.1.0) (2021-04-28)
 
-
 ### Bug Fixes
 
-* warnings about unexpected slot in Img and Hr ([98a555f](https://github.com/hperrin/svelte-material-ui/commit/98a555f19273176099b8aa60b9e23028bb46e6e0))
+- warnings about unexpected slot in Img and Hr ([98a555f](https://github.com/hperrin/svelte-material-ui/commit/98a555f19273176099b8aa60b9e23028bb46e6e0))
 
-
 ### Features
 
-* change event modifier syntax to allow use on all events ([1fe4f82](https://github.com/hperrin/svelte-material-ui/commit/1fe4f82ef29f88567a81a24a746ef7f82389e7dc))
+- change event modifier syntax to allow use on all events ([1fe4f82](https://github.com/hperrin/svelte-material-ui/commit/1fe4f82ef29f88567a81a24a746ef7f82389e7dc))
 
-
 ### Reverts
 
-* Revert "v4.1.0" ([54dfd48](https://github.com/hperrin/svelte-material-ui/commit/54dfd48fc0560843ccef9cb9821b12e251977c67))
-* Revert "v4.1.0" ([3e683d9](https://github.com/hperrin/svelte-material-ui/commit/3e683d9166e7df9eaab2756c9ace64c4dd547758))
+- Revert "v4.1.0" ([54dfd48](https://github.com/hperrin/svelte-material-ui/commit/54dfd48fc0560843ccef9cb9821b12e251977c67))
+- Revert "v4.1.0" ([3e683d9](https://github.com/hperrin/svelte-material-ui/commit/3e683d9166e7df9eaab2756c9ace64c4dd547758))
 
-
-
-
-
 # [4.0.0](https://github.com/hperrin/svelte-material-ui/compare/v3.1.0...v4.0.0) (2021-04-24)
 
-
 ### Features
 
-* remove style importing from index files, no more /bare ([2ab900a](https://github.com/hperrin/svelte-material-ui/commit/2ab900a4a2b9705b3844121f7a987c272171c7c5))
+- remove style importing from index files, no more /bare ([2ab900a](https://github.com/hperrin/svelte-material-ui/commit/2ab900a4a2b9705b3844121f7a987c272171c7c5))
 
-
-
-
-
 # [3.1.0](https://github.com/hperrin/svelte-material-ui/compare/v3.0.3...v3.1.0) (2021-04-22)
 
-
 ### Features
 
-* update to MDC 11, new fullscreen dialogs ([ee962bc](https://github.com/hperrin/svelte-material-ui/commit/ee962bc9cd654423322330a7f786ce2c350e3e49))
+- update to MDC 11, new fullscreen dialogs ([ee962bc](https://github.com/hperrin/svelte-material-ui/commit/ee962bc9cd654423322330a7f786ce2c350e3e49))
 
-
 ### Reverts
 
-* Revert "v3.1.0" ([ade5890](https://github.com/hperrin/svelte-material-ui/commit/ade589069db4f68f21815138dfc86805bac11774))
+- Revert "v3.1.0" ([ade5890](https://github.com/hperrin/svelte-material-ui/commit/ade589069db4f68f21815138dfc86805bac11774))
 
-
-
-
-
 ## [3.0.2](https://github.com/hperrin/svelte-material-ui/compare/v3.0.1...v3.0.2) (2021-04-21)
 
-
 ### Features
 
-* new easy styling method ([9c58fc9](https://github.com/hperrin/svelte-material-ui/commit/9c58fc9680c03ef15026b29a14e803a0afa39cbd))
+- new easy styling method ([9c58fc9](https://github.com/hperrin/svelte-material-ui/commit/9c58fc9680c03ef15026b29a14e803a0afa39cbd))
 
-
-
-
-
 ## [3.0.1](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0...v3.0.1) (2021-04-21)
 
-
 ### Features
 
-* implement fixes and workarounds for Vite and SvelteKit ([9ed43aa](https://github.com/hperrin/svelte-material-ui/commit/9ed43aa83523877decd3c81c8c06f1219b302a76))
+- implement fixes and workarounds for Vite and SvelteKit ([9ed43aa](https://github.com/hperrin/svelte-material-ui/commit/9ed43aa83523877decd3c81c8c06f1219b302a76))
 
-
 ### Reverts
 
-* Revert "v3.0.1" ([d6a0858](https://github.com/hperrin/svelte-material-ui/commit/d6a08583dd65bb71f68fa11ff47e130318c844e5))
+- Revert "v3.0.1" ([d6a0858](https://github.com/hperrin/svelte-material-ui/commit/d6a08583dd65bb71f68fa11ff47e130318c844e5))
 
-
-
-
-
 # [3.0.0](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.12...v3.0.0) (2021-04-19)
@@ -470,6 +306,2 @@
 
-
-
-
-
 # [3.0.0-beta.12](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.11...v3.0.0-beta.12) (2021-04-18)
@@ -479,29 +311,15 @@
 
-
-
-
-
 # [3.0.0-beta.11](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.10...v3.0.0-beta.11) (2021-04-18)
 
-
 ### Features
 
-* new Data Table Column Sort feature ([c831855](https://github.com/hperrin/svelte-material-ui/commit/c8318552c3d43325027816d83eba441aec196158))
-* new Data Table Pagination component ([267f31d](https://github.com/hperrin/svelte-material-ui/commit/267f31d19434bf03bec82b877dc83d52fd69283d))
+- new Data Table Column Sort feature ([c831855](https://github.com/hperrin/svelte-material-ui/commit/c8318552c3d43325027816d83eba441aec196158))
+- new Data Table Pagination component ([267f31d](https://github.com/hperrin/svelte-material-ui/commit/267f31d19434bf03bec82b877dc83d52fd69283d))
 
-
-
-
-
 # [3.0.0-beta.10](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.9...v3.0.0-beta.10) (2021-04-17)
 
-
 ### Features
 
-* new Segmented Button component ([4b1dc50](https://github.com/hperrin/svelte-material-ui/commit/4b1dc505f4ec88700a737b0d258e0f7151d1ee4e))
+- new Segmented Button component ([4b1dc50](https://github.com/hperrin/svelte-material-ui/commit/4b1dc505f4ec88700a737b0d258e0f7151d1ee4e))
 
-
-
-
-
 # [3.0.0-beta.9](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.8...v3.0.0-beta.9) (2021-04-16)
@@ -511,17 +329,8 @@
 
-
-
-
-
 # [3.0.0-beta.8](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.7...v3.0.0-beta.8) (2021-04-15)
 
-
 ### Features
 
-* forward all events, and only forward when bound, and allow modifiers ([50a0db3](https://github.com/hperrin/svelte-material-ui/commit/50a0db3af14bd8042e06c193a903526abcad35e5))
+- forward all events, and only forward when bound, and allow modifiers ([50a0db3](https://github.com/hperrin/svelte-material-ui/commit/50a0db3af14bd8042e06c193a903526abcad35e5))
 
-
-
-
-
 # [3.0.0-beta.7](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.6...v3.0.0-beta.7) (2021-04-15)
@@ -531,6 +340,2 @@
 
-
-
-
-
 # [3.0.0-beta.6](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.5...v3.0.0-beta.6) (2021-04-14)
@@ -540,28 +345,14 @@
 
-
-
-
-
 # [3.0.0-beta.5](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.4...v3.0.0-beta.5) (2021-04-14)
 
-
 ### Bug Fixes
 
-* classAdderBuilder polluting ClassAdder internals ([b484114](https://github.com/hperrin/svelte-material-ui/commit/b4841149c65df6c60d7cd691722aaaa9cedde3d9))
+- classAdderBuilder polluting ClassAdder internals ([b484114](https://github.com/hperrin/svelte-material-ui/commit/b4841149c65df6c60d7cd691722aaaa9cedde3d9))
 
-
-
-
-
 # [3.0.0-beta.4](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.3...v3.0.0-beta.4) (2021-04-12)
 
-
 ### Features
 
-* new Banner component ([566fa13](https://github.com/hperrin/svelte-material-ui/commit/566fa1374207557d38973c3a9d093676d19248e1))
+- new Banner component ([566fa13](https://github.com/hperrin/svelte-material-ui/commit/566fa1374207557d38973c3a9d093676d19248e1))
 
-
-
-
-
 # [3.0.0-beta.3](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.2...v3.0.0-beta.3) (2021-04-12)
@@ -571,6 +362,2 @@
 
-
-
-
-
 # [3.0.0-beta.2](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.1...v3.0.0-beta.2) (2021-04-11)
@@ -580,48 +367,32 @@
 
-
-
-
-
 # [3.0.0-beta.1](https://github.com/hperrin/svelte-material-ui/compare/v3.0.0-beta.0...v3.0.0-beta.1) (2021-04-11)
 
-
 ### Bug Fixes
 
-* svgs in icon buttons were focusable ([f9d2678](https://github.com/hperrin/svelte-material-ui/commit/f9d2678f9103ca8599e958b294b6e8e3af0126df))
+- svgs in icon buttons were focusable ([f9d2678](https://github.com/hperrin/svelte-material-ui/commit/f9d2678f9103ca8599e958b294b6e8e3af0126df))
 
-
-
-
-
 # [3.0.0-beta.0](https://github.com/hperrin/svelte-material-ui/compare/v2.0.0-beta.1...v3.0.0-beta.0) (2021-04-11)
 
-
 ### Bug Fixes
 
-* fixed event bubbling ([8b40fa0](https://github.com/hperrin/svelte-material-ui/commit/8b40fa04b463ee40819eda96785efb69b01e3e3a))
-* more components fixes ([fbdf204](https://github.com/hperrin/svelte-material-ui/commit/fbdf204a320fa0ed9ee5ec593e6bcbf3678fae79))
-* selection dialog and stacked buttons styling ([d0987ca](https://github.com/hperrin/svelte-material-ui/commit/d0987ca45347e95bcf59ba58ab8b41bcc09665b9))
+- fixed event bubbling ([8b40fa0](https://github.com/hperrin/svelte-material-ui/commit/8b40fa04b463ee40819eda96785efb69b01e3e3a))
+- more components fixes ([fbdf204](https://github.com/hperrin/svelte-material-ui/commit/fbdf204a320fa0ed9ee5ec593e6bcbf3678fae79))
+- selection dialog and stacked buttons styling ([d0987ca](https://github.com/hperrin/svelte-material-ui/commit/d0987ca45347e95bcf59ba58ab8b41bcc09665b9))
 
-
 ### Features
 
-* add getElement method to all components ([f293cf3](https://github.com/hperrin/svelte-material-ui/commit/f293cf365e30fa8d291b1428f5db683625572402))
-* started updating List for MDC v10 ([8bf2727](https://github.com/hperrin/svelte-material-ui/commit/8bf27271f86f59caee9092a7f4f36d2a81a73e8a))
-* updated Chips for MDC v10 ([5ca1c05](https://github.com/hperrin/svelte-material-ui/commit/5ca1c05853f3a526450e1f4d3c41fbfeaeab0946))
-* updated IconButton for MDC v10 ([1a6fc5a](https://github.com/hperrin/svelte-material-ui/commit/1a6fc5a019167ff7d4d1f1c35f843e7686069e3a))
-* updated Image List for MDC v10 ([015db52](https://github.com/hperrin/svelte-material-ui/commit/015db527e9614fe4fc96b4541b623352ebe416be))
-* updated site for SMUI 3 components ([f24c25f](https://github.com/hperrin/svelte-material-ui/commit/f24c25f7cb0b66fbec1417fd8aa7ff8c51c90fde))
-* updated Snackbars and Kitchen for MDC v10 ([78974e5](https://github.com/hperrin/svelte-material-ui/commit/78974e5951dbc2c8cbd8edc0b0e77689ed2e2f17))
-* updated TopAppBar for MDC v10 ([6cf291d](https://github.com/hperrin/svelte-material-ui/commit/6cf291df3c5833b4938b95ff26138643d3511bcb))
-* upgrade upstream MDC components to v10 ([d47c59a](https://github.com/hperrin/svelte-material-ui/commit/d47c59af50bbec2b7de810261b3cb7a2ffe59180))
+- add getElement method to all components ([f293cf3](https://github.com/hperrin/svelte-material-ui/commit/f293cf365e30fa8d291b1428f5db683625572402))
+- started updating List for MDC v10 ([8bf2727](https://github.com/hperrin/svelte-material-ui/commit/8bf27271f86f59caee9092a7f4f36d2a81a73e8a))
+- updated Chips for MDC v10 ([5ca1c05](https://github.com/hperrin/svelte-material-ui/commit/5ca1c05853f3a526450e1f4d3c41fbfeaeab0946))
+- updated IconButton for MDC v10 ([1a6fc5a](https://github.com/hperrin/svelte-material-ui/commit/1a6fc5a019167ff7d4d1f1c35f843e7686069e3a))
+- updated Image List for MDC v10 ([015db52](https://github.com/hperrin/svelte-material-ui/commit/015db527e9614fe4fc96b4541b623352ebe416be))
+- updated site for SMUI 3 components ([f24c25f](https://github.com/hperrin/svelte-material-ui/commit/f24c25f7cb0b66fbec1417fd8aa7ff8c51c90fde))
+- updated Snackbars and Kitchen for MDC v10 ([78974e5](https://github.com/hperrin/svelte-material-ui/commit/78974e5951dbc2c8cbd8edc0b0e77689ed2e2f17))
+- updated TopAppBar for MDC v10 ([6cf291d](https://github.com/hperrin/svelte-material-ui/commit/6cf291df3c5833b4938b95ff26138643d3511bcb))
+- upgrade upstream MDC components to v10 ([d47c59a](https://github.com/hperrin/svelte-material-ui/commit/d47c59af50bbec2b7de810261b3cb7a2ffe59180))
 
-
 ### BREAKING CHANGES
 
-* Upgrading to v10 of upstream components. Their APIs will change. View the component READMEs.
+- Upgrading to v10 of upstream components. Their APIs will change. View the component READMEs.
 
-
-
-
-
 # [2.0.0-beta.1](https://github.com/hperrin/svelte-material-ui/compare/v2.0.0-beta.0...v2.0.0-beta.1) (2021-03-27)
@@ -631,6 +402,2 @@
 
-
-
-
-
 # [2.0.0-beta.0](https://github.com/hperrin/svelte-material-ui/compare/v2.0.0-alpha.0...v2.0.0-beta.0) (2021-01-01)
@@ -640,27 +407,16 @@
 
-
-
-
-
 # [2.0.0-alpha.0](https://github.com/hperrin/svelte-material-ui/compare/v1.1.0...v2.0.0-alpha.0) (2020-12-31)
 
-
 ### Bug Fixes
 
-* fix buttons, ripples, and list item for new mdc ([9b902b5](https://github.com/hperrin/svelte-material-ui/commit/9b902b5def4bbdc0bbe34733a723ce1de1452bf9))
+- fix buttons, ripples, and list item for new mdc ([9b902b5](https://github.com/hperrin/svelte-material-ui/commit/9b902b5def4bbdc0bbe34733a723ce1de1452bf9))
 
-
 ### Features
 
-* update chips to work with MDC 4 ([2c28796](https://github.com/hperrin/svelte-material-ui/commit/2c2879649b72947ae0ed51fd2c2a62f6a5756dae))
+- update chips to work with MDC 4 ([2c28796](https://github.com/hperrin/svelte-material-ui/commit/2c2879649b72947ae0ed51fd2c2a62f6a5756dae))
 
-
 ### BREAKING CHANGES
 
-* Chips has several breaking changes listed in the migration docs.
+- Chips has several breaking changes listed in the migration docs.
 
-
-
-
-
 # [1.0.0](https://github.com/hperrin/svelte-material-ui/compare/v1.0.0-beta.21...v1.0.0) (2020-08-04)
@@ -670,55 +426,30 @@
 
-
-
-
-
 # [1.0.0-beta.21](https://github.com/hperrin/svelte-material-ui/compare/v1.0.0-beta.20...v1.0.0-beta.21) (2020-04-19)
 
-
 ### Bug Fixes
 
-* undefined current_component in browsers not supporting import [#60](https://github.com/hperrin/svelte-material-ui/issues/60) ([708abd6](https://github.com/hperrin/svelte-material-ui/commit/708abd6dda5579c2e77e741349834deca0bd4d61))
+- undefined current_component in browsers not supporting import [#60](https://github.com/hperrin/svelte-material-ui/issues/60) ([708abd6](https://github.com/hperrin/svelte-material-ui/commit/708abd6dda5579c2e77e741349834deca0bd4d61))
 
-
-
-
-
 # [1.0.0-beta.20](https://github.com/hperrin/svelte-material-ui/compare/v1.0.0-beta.19...v1.0.0-beta.20) (2020-01-31)
 
-
 ### Features
 
-* add component option to Button to allow other elements/components ([95d4d49](https://github.com/hperrin/svelte-material-ui/commit/95d4d49026f30579a888d9e2baa59785fcbe65f5))
+- add component option to Button to allow other elements/components ([95d4d49](https://github.com/hperrin/svelte-material-ui/commit/95d4d49026f30579a888d9e2baa59785fcbe65f5))
 
-
-
-
-
 # [1.0.0-beta.19](https://github.com/hperrin/svelte-material-ui/compare/v1.0.0-beta.18...v1.0.0-beta.19) (2019-12-13)
 
-
 ### Bug Fixes
 
-* prevent new Svelte versions from mangling MDC classes ([8a94e95](https://github.com/hperrin/svelte-material-ui/commit/8a94e95574c36595158603c83b3d79892fe4af4d)), closes [#52](https://github.com/hperrin/svelte-material-ui/issues/52)
+- prevent new Svelte versions from mangling MDC classes ([8a94e95](https://github.com/hperrin/svelte-material-ui/commit/8a94e95574c36595158603c83b3d79892fe4af4d)), closes [#52](https://github.com/hperrin/svelte-material-ui/issues/52)
 
-
-
-
-
 # [1.0.0-beta.15](https://github.com/hperrin/svelte-material-ui/compare/v1.0.0-beta.14...v1.0.0-beta.15) (2019-09-13)
 
-
 ### Bug Fixes
 
-* fixed ClassAdder components to allow SSR ([de0daa1](https://github.com/hperrin/svelte-material-ui/commit/de0daa1)), closes [#29](https://github.com/hperrin/svelte-material-ui/issues/29)
+- fixed ClassAdder components to allow SSR ([de0daa1](https://github.com/hperrin/svelte-material-ui/commit/de0daa1)), closes [#29](https://github.com/hperrin/svelte-material-ui/issues/29)
 
-
-
-
-
 # [1.0.0-beta.14](https://github.com/hperrin/svelte-material-ui/compare/v1.0.0-beta.13...v1.0.0-beta.14) (2019-09-07)
 
-
 ### Bug Fixes
 
-* fixed the packages' sass commands ([97d64ea](https://github.com/hperrin/svelte-material-ui/commit/97d64ea))
+- fixed the packages' sass commands ([97d64ea](https://github.com/hperrin/svelte-material-ui/commit/97d64ea))

dist/classadder/ClassAdder.types.d.ts

@@ -1,4 +0,6 @@
-import type { SvelteComponentDev } from 'svelte/internal';
-export declare type ClassAdderInternals<T extends typeof SvelteComponentDev> = {
-    component: T;
+import type { ComponentType, SvelteComponent } from 'svelte';
+import type { SmuiElementMap } from '../smui.types.js';
+export declare type ClassAdderInternals<T extends keyof SmuiElementMap = 'div', C extends ComponentType<SvelteComponent> = ComponentType<SvelteComponent>> = {
+    component: C;
+    tag: T;
     class: string;
@@ -5,0 +7,0 @@ /**

dist/classadder/classAdderBuilder.d.ts

@@ -1,3 +0,4 @@
-import type { SvelteComponentDev } from 'svelte/internal';
+import type { ComponentType, SvelteComponent } from 'svelte';
+import type { SmuiElementMap } from '../smui.types.js';
 import type { ClassAdderInternals } from './ClassAdder.types.js';
-export declare function classAdderBuilder<T extends typeof SvelteComponentDev>(props: Partial<ClassAdderInternals<T>>): T;
+export declare function classAdderBuilder<T extends keyof SmuiElementMap = 'div', C extends ComponentType<SvelteComponent> = ComponentType<SvelteComponent>>(props: Partial<ClassAdderInternals<T, C>>): C;

dist/index.d.ts

@@ -1,9 +0,7 @@
-import type { CommonLabelComponentDev } from './CommonLabel.types.js';
-export * from './CommonLabel.types.js';
-declare const Label: typeof CommonLabelComponentDev;
-import type { CommonIconComponentDev } from './CommonIcon.types.js';
-export * from './CommonIcon.types.js';
-declare const Icon: typeof CommonIconComponentDev;
+import Label from './CommonLabel.svelte';
+import Icon from './CommonIcon.svelte';
+import SmuiElement from './SmuiElement.svelte';
+import Svg from './Svg.svelte';
 import ContextFragment from './ContextFragment.svelte';
-export { Label, Icon, ContextFragment };
+export { Label, Icon, SmuiElement, Svg, ContextFragment };
 export * from './smui.types.js';

dist/index.js

@@ -1,10 +0,8 @@
-import LabelComponent from './CommonLabel.svelte';
-export * from './CommonLabel.types.js';
-const Label = LabelComponent;
-import IconComponent from './CommonIcon.svelte';
-export * from './CommonIcon.types.js';
-const Icon = IconComponent;
+import Label from './CommonLabel.svelte';
+import Icon from './CommonIcon.svelte';
+import SmuiElement from './SmuiElement.svelte';
+import Svg from './Svg.svelte';
 import ContextFragment from './ContextFragment.svelte';
-export { Label, Icon, ContextFragment };
+export { Label, Icon, SmuiElement, Svg, ContextFragment };
 export * from './smui.types.js';
 //# sourceMappingURL=index.js.map

dist/internal/forwardEventsBuilder.js

@@ -76,3 +76,6 @@ import { bubble, listen, prevent_default, stop_propagation, } from 'svelte/internal';
                 eventType = parts[0];
-                const eventOptions = Object.fromEntries(parts.slice(1).map((mod) => [mod, true]));
+                const eventOptions = parts.slice(1).reduce((obj, mod) => {
+                    obj[mod] = true;
+                    return obj;
+                }, {});
                 if (eventOptions.passive) {
@@ -79,0 +82,0 @@ options = options || {};

dist/smui.types.d.ts

@@ -0,1 +1,16 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
+export declare type SmuiAttrs<T extends keyof SmuiElementPropMap, OwnProps extends Object> = {
+    [P in keyof Omit<SmuiElementPropMap[T], keyof OwnProps>]?: SmuiElementPropMap[T][P];
+} & SvelteAttrs & DataAttrs;
+export declare type SmuiSvgAttrs<OwnProps extends Object> = {
+    [P in keyof Omit<svelte.JSX.SVGProps<SVGSVGElement>, keyof OwnProps>]?: svelte.JSX.SVGProps<SVGSVGElement>[P];
+} & SvelteAttrs & DataAttrs;
+export declare type SvelteAttrs = {
+    'sveltekit:noscroll'?: true | undefined | null;
+    'sveltekit:prefetch'?: true | undefined | null;
+    'sveltekit:reload'?: true | undefined | null;
+};
+export declare type DataAttrs = {
+    [k: `data-${string}`]: any;
+};
 export declare type RemoveLayoutListener = () => void;
@@ -23,1 +38,225 @@ export declare type AddLayoutListener = (callback: () => void) => RemoveLayoutListener;
 export declare type SMUIGenericInputAccessor = SMUICheckboxInputAccessor | SMUIRadioInputAccessor | SMUISliderInputAccessor | SMUISwitchInputAccessor;
+export interface SmuiElementMap {
+    a: HTMLElementTagNameMap['a'];
+    abbr: HTMLElementTagNameMap['abbr'];
+    address: HTMLElementTagNameMap['address'];
+    area: HTMLElementTagNameMap['area'];
+    article: HTMLElementTagNameMap['article'];
+    aside: HTMLElementTagNameMap['aside'];
+    audio: HTMLElementTagNameMap['audio'];
+    b: HTMLElementTagNameMap['b'];
+    base: HTMLElementTagNameMap['base'];
+    bdi: HTMLElementTagNameMap['bdi'];
+    bdo: HTMLElementTagNameMap['bdo'];
+    blockquote: HTMLElementTagNameMap['blockquote'];
+    body: HTMLElementTagNameMap['body'];
+    br: HTMLElementTagNameMap['br'];
+    button: HTMLElementTagNameMap['button'];
+    canvas: HTMLElementTagNameMap['canvas'];
+    caption: HTMLElementTagNameMap['caption'];
+    cite: HTMLElementTagNameMap['cite'];
+    code: HTMLElementTagNameMap['code'];
+    col: HTMLElementTagNameMap['col'];
+    colgroup: HTMLElementTagNameMap['colgroup'];
+    data: HTMLElementTagNameMap['data'];
+    datalist: HTMLElementTagNameMap['datalist'];
+    dd: HTMLElementTagNameMap['dd'];
+    del: HTMLElementTagNameMap['del'];
+    details: HTMLElementTagNameMap['details'];
+    dfn: HTMLElementTagNameMap['dfn'];
+    dialog: HTMLElementTagNameMap['dialog'];
+    div: HTMLElementTagNameMap['div'];
+    dl: HTMLElementTagNameMap['dl'];
+    dt: HTMLElementTagNameMap['dt'];
+    em: HTMLElementTagNameMap['em'];
+    embed: HTMLElementTagNameMap['embed'];
+    fieldset: HTMLElementTagNameMap['fieldset'];
+    figcaption: HTMLElementTagNameMap['figcaption'];
+    figure: HTMLElementTagNameMap['figure'];
+    footer: HTMLElementTagNameMap['footer'];
+    form: HTMLElementTagNameMap['form'];
+    h1: HTMLElementTagNameMap['h1'];
+    h2: HTMLElementTagNameMap['h2'];
+    h3: HTMLElementTagNameMap['h3'];
+    h4: HTMLElementTagNameMap['h4'];
+    h5: HTMLElementTagNameMap['h5'];
+    h6: HTMLElementTagNameMap['h6'];
+    head: HTMLElementTagNameMap['head'];
+    header: HTMLElementTagNameMap['header'];
+    hgroup: HTMLElementTagNameMap['hgroup'];
+    hr: HTMLElementTagNameMap['hr'];
+    html: HTMLElementTagNameMap['html'];
+    i: HTMLElementTagNameMap['i'];
+    iframe: HTMLElementTagNameMap['iframe'];
+    img: HTMLElementTagNameMap['img'];
+    input: HTMLElementTagNameMap['input'];
+    ins: HTMLElementTagNameMap['ins'];
+    kbd: HTMLElementTagNameMap['kbd'];
+    label: HTMLElementTagNameMap['label'];
+    legend: HTMLElementTagNameMap['legend'];
+    li: HTMLElementTagNameMap['li'];
+    link: HTMLElementTagNameMap['link'];
+    main: HTMLElementTagNameMap['main'];
+    map: HTMLElementTagNameMap['map'];
+    mark: HTMLElementTagNameMap['mark'];
+    menu: HTMLElementTagNameMap['menu'];
+    meta: HTMLElementTagNameMap['meta'];
+    meter: HTMLElementTagNameMap['meter'];
+    nav: HTMLElementTagNameMap['nav'];
+    noscript: HTMLElementTagNameMap['noscript'];
+    object: HTMLElementTagNameMap['object'];
+    ol: HTMLElementTagNameMap['ol'];
+    optgroup: HTMLElementTagNameMap['optgroup'];
+    option: HTMLElementTagNameMap['option'];
+    output: HTMLElementTagNameMap['output'];
+    p: HTMLElementTagNameMap['p'];
+    picture: HTMLElementTagNameMap['picture'];
+    pre: HTMLElementTagNameMap['pre'];
+    progress: HTMLElementTagNameMap['progress'];
+    q: HTMLElementTagNameMap['q'];
+    rp: HTMLElementTagNameMap['rp'];
+    rt: HTMLElementTagNameMap['rt'];
+    ruby: HTMLElementTagNameMap['ruby'];
+    s: HTMLElementTagNameMap['s'];
+    samp: HTMLElementTagNameMap['samp'];
+    script: HTMLElementTagNameMap['script'];
+    section: HTMLElementTagNameMap['section'];
+    select: HTMLElementTagNameMap['select'];
+    small: HTMLElementTagNameMap['small'];
+    source: HTMLElementTagNameMap['source'];
+    span: HTMLElementTagNameMap['span'];
+    strong: HTMLElementTagNameMap['strong'];
+    style: HTMLElementTagNameMap['style'];
+    sub: HTMLElementTagNameMap['sub'];
+    summary: HTMLElementTagNameMap['summary'];
+    sup: HTMLElementTagNameMap['sup'];
+    table: HTMLElementTagNameMap['table'];
+    tbody: HTMLElementTagNameMap['tbody'];
+    td: HTMLElementTagNameMap['td'];
+    textarea: HTMLElementTagNameMap['textarea'];
+    tfoot: HTMLElementTagNameMap['tfoot'];
+    th: HTMLElementTagNameMap['th'];
+    thead: HTMLElementTagNameMap['thead'];
+    time: HTMLElementTagNameMap['time'];
+    title: HTMLElementTagNameMap['title'];
+    tr: HTMLElementTagNameMap['tr'];
+    track: HTMLElementTagNameMap['track'];
+    u: HTMLElementTagNameMap['u'];
+    ul: HTMLElementTagNameMap['ul'];
+    var: HTMLElementTagNameMap['var'];
+    video: HTMLElementTagNameMap['video'];
+    wbr: HTMLElementTagNameMap['wbr'];
+    template: HTMLElementTagNameMap['template'];
+}
+export interface SmuiElementPropMap {
+    a: svelte.JSX.HTMLProps<HTMLElementTagNameMap['a']>;
+    abbr: svelte.JSX.HTMLProps<HTMLElementTagNameMap['abbr']>;
+    address: svelte.JSX.HTMLProps<HTMLElementTagNameMap['address']>;
+    area: svelte.JSX.HTMLProps<HTMLElementTagNameMap['area']>;
+    article: svelte.JSX.HTMLProps<HTMLElementTagNameMap['article']>;
+    aside: svelte.JSX.HTMLProps<HTMLElementTagNameMap['aside']>;
+    audio: svelte.JSX.HTMLProps<HTMLElementTagNameMap['audio']>;
+    b: svelte.JSX.HTMLProps<HTMLElementTagNameMap['b']>;
+    base: svelte.JSX.HTMLProps<HTMLElementTagNameMap['base']>;
+    bdi: svelte.JSX.HTMLProps<HTMLElementTagNameMap['bdi']>;
+    bdo: svelte.JSX.HTMLProps<HTMLElementTagNameMap['bdo']>;
+    blockquote: svelte.JSX.HTMLProps<HTMLElementTagNameMap['blockquote']>;
+    body: svelte.JSX.HTMLProps<HTMLElementTagNameMap['body']>;
+    br: svelte.JSX.HTMLProps<HTMLElementTagNameMap['br']>;
+    button: svelte.JSX.HTMLProps<HTMLElementTagNameMap['button']>;
+    canvas: svelte.JSX.HTMLProps<HTMLElementTagNameMap['canvas']>;
+    caption: svelte.JSX.HTMLProps<HTMLElementTagNameMap['caption']>;
+    cite: svelte.JSX.HTMLProps<HTMLElementTagNameMap['cite']>;
+    code: svelte.JSX.HTMLProps<HTMLElementTagNameMap['code']>;
+    col: svelte.JSX.HTMLProps<HTMLElementTagNameMap['col']>;
+    colgroup: svelte.JSX.HTMLProps<HTMLElementTagNameMap['colgroup']>;
+    data: svelte.JSX.HTMLProps<HTMLElementTagNameMap['data']>;
+    datalist: svelte.JSX.HTMLProps<HTMLElementTagNameMap['datalist']>;
+    dd: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dd']>;
+    del: svelte.JSX.HTMLProps<HTMLElementTagNameMap['del']>;
+    details: svelte.JSX.HTMLProps<HTMLElementTagNameMap['details']>;
+    dfn: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dfn']>;
+    dialog: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dialog']>;
+    div: svelte.JSX.HTMLProps<HTMLElementTagNameMap['div']>;
+    dl: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dl']>;
+    dt: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dt']>;
+    em: svelte.JSX.HTMLProps<HTMLElementTagNameMap['em']>;
+    embed: svelte.JSX.HTMLProps<HTMLElementTagNameMap['embed']>;
+    fieldset: svelte.JSX.HTMLProps<HTMLElementTagNameMap['fieldset']>;
+    figcaption: svelte.JSX.HTMLProps<HTMLElementTagNameMap['figcaption']>;
+    figure: svelte.JSX.HTMLProps<HTMLElementTagNameMap['figure']>;
+    footer: svelte.JSX.HTMLProps<HTMLElementTagNameMap['footer']>;
+    form: svelte.JSX.HTMLProps<HTMLElementTagNameMap['form']>;
+    h1: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h1']>;
+    h2: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h2']>;
+    h3: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h3']>;
+    h4: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h4']>;
+    h5: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h5']>;
+    h6: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h6']>;
+    head: svelte.JSX.HTMLProps<HTMLElementTagNameMap['head']>;
+    header: svelte.JSX.HTMLProps<HTMLElementTagNameMap['header']>;
+    hgroup: svelte.JSX.HTMLProps<HTMLElementTagNameMap['hgroup']>;
+    hr: svelte.JSX.HTMLProps<HTMLElementTagNameMap['hr']>;
+    html: svelte.JSX.HTMLProps<HTMLElementTagNameMap['html']>;
+    i: svelte.JSX.HTMLProps<HTMLElementTagNameMap['i']>;
+    iframe: svelte.JSX.HTMLProps<HTMLElementTagNameMap['iframe']>;
+    img: svelte.JSX.HTMLProps<HTMLElementTagNameMap['img']>;
+    input: svelte.JSX.HTMLProps<HTMLElementTagNameMap['input']>;
+    ins: svelte.JSX.HTMLProps<HTMLElementTagNameMap['ins']>;
+    kbd: svelte.JSX.HTMLProps<HTMLElementTagNameMap['kbd']>;
+    label: svelte.JSX.HTMLProps<HTMLElementTagNameMap['label']>;
+    legend: svelte.JSX.HTMLProps<HTMLElementTagNameMap['legend']>;
+    li: svelte.JSX.HTMLProps<HTMLElementTagNameMap['li']>;
+    link: svelte.JSX.HTMLProps<HTMLElementTagNameMap['link']>;
+    main: svelte.JSX.HTMLProps<HTMLElementTagNameMap['main']>;
+    map: svelte.JSX.HTMLProps<HTMLElementTagNameMap['map']>;
+    mark: svelte.JSX.HTMLProps<HTMLElementTagNameMap['mark']>;
+    menu: svelte.JSX.HTMLProps<HTMLElementTagNameMap['menu']>;
+    meta: svelte.JSX.HTMLProps<HTMLElementTagNameMap['meta']>;
+    meter: svelte.JSX.HTMLProps<HTMLElementTagNameMap['meter']>;
+    nav: svelte.JSX.HTMLProps<HTMLElementTagNameMap['nav']>;
+    noscript: svelte.JSX.HTMLProps<HTMLElementTagNameMap['noscript']>;
+    object: svelte.JSX.HTMLProps<HTMLElementTagNameMap['object']>;
+    ol: svelte.JSX.HTMLProps<HTMLElementTagNameMap['ol']>;
+    optgroup: svelte.JSX.HTMLProps<HTMLElementTagNameMap['optgroup']>;
+    option: svelte.JSX.HTMLProps<HTMLElementTagNameMap['option']>;
+    output: svelte.JSX.HTMLProps<HTMLElementTagNameMap['output']>;
+    p: svelte.JSX.HTMLProps<HTMLElementTagNameMap['p']>;
+    picture: svelte.JSX.HTMLProps<HTMLElementTagNameMap['picture']>;
+    pre: svelte.JSX.HTMLProps<HTMLElementTagNameMap['pre']>;
+    progress: svelte.JSX.HTMLProps<HTMLElementTagNameMap['progress']>;
+    q: svelte.JSX.HTMLProps<HTMLElementTagNameMap['q']>;
+    rp: svelte.JSX.HTMLProps<HTMLElementTagNameMap['rp']>;
+    rt: svelte.JSX.HTMLProps<HTMLElementTagNameMap['rt']>;
+    ruby: svelte.JSX.HTMLProps<HTMLElementTagNameMap['ruby']>;
+    s: svelte.JSX.HTMLProps<HTMLElementTagNameMap['s']>;
+    samp: svelte.JSX.HTMLProps<HTMLElementTagNameMap['samp']>;
+    script: svelte.JSX.HTMLProps<HTMLElementTagNameMap['script']>;
+    section: svelte.JSX.HTMLProps<HTMLElementTagNameMap['section']>;
+    select: svelte.JSX.HTMLProps<HTMLElementTagNameMap['select']>;
+    small: svelte.JSX.HTMLProps<HTMLElementTagNameMap['small']>;
+    source: svelte.JSX.HTMLProps<HTMLElementTagNameMap['source']>;
+    span: svelte.JSX.HTMLProps<HTMLElementTagNameMap['span']>;
+    strong: svelte.JSX.HTMLProps<HTMLElementTagNameMap['strong']>;
+    style: svelte.JSX.HTMLProps<HTMLElementTagNameMap['style']>;
+    sub: svelte.JSX.HTMLProps<HTMLElementTagNameMap['sub']>;
+    summary: svelte.JSX.HTMLProps<HTMLElementTagNameMap['summary']>;
+    sup: svelte.JSX.HTMLProps<HTMLElementTagNameMap['sup']>;
+    table: svelte.JSX.HTMLProps<HTMLElementTagNameMap['table']>;
+    tbody: svelte.JSX.HTMLProps<HTMLElementTagNameMap['tbody']>;
+    td: svelte.JSX.HTMLProps<HTMLElementTagNameMap['td']>;
+    textarea: svelte.JSX.HTMLProps<HTMLElementTagNameMap['textarea']>;
+    tfoot: svelte.JSX.HTMLProps<HTMLElementTagNameMap['tfoot']>;
+    th: svelte.JSX.HTMLProps<HTMLElementTagNameMap['th']>;
+    thead: svelte.JSX.HTMLProps<HTMLElementTagNameMap['thead']>;
+    time: svelte.JSX.HTMLProps<HTMLElementTagNameMap['time']>;
+    title: svelte.JSX.HTMLProps<HTMLElementTagNameMap['title']>;
+    tr: svelte.JSX.HTMLProps<HTMLElementTagNameMap['tr']>;
+    track: svelte.JSX.HTMLProps<HTMLElementTagNameMap['track']>;
+    u: svelte.JSX.HTMLProps<HTMLElementTagNameMap['u']>;
+    ul: svelte.JSX.HTMLProps<HTMLElementTagNameMap['ul']>;
+    var: svelte.JSX.HTMLProps<HTMLElementTagNameMap['var']>;
+    video: svelte.JSX.HTMLProps<HTMLElementTagNameMap['video']>;
+    wbr: svelte.JSX.HTMLProps<HTMLElementTagNameMap['wbr']>;
+    template: svelte.JSX.HTMLProps<HTMLElementTagNameMap['template']>;
+}

dist/smui.types.js

@@ -1,3 +0,2 @@
-// Layout listeners.
 export {};
 //# sourceMappingURL=smui.types.js.map

package.json

 {
   "name": "@smui/common",
-  "version": "6.1.4",
+  "version": "7.0.0-beta.0",
   "description": "Svelte Material UI - Common",
@@ -11,3 +11,2 @@ "type": "module",
     "./classadder": "./dist/classadder/index.js",
-    "./elements": "./dist/elements/index.js",
     "./internal": "./dist/internal/index.js"
@@ -20,5 +19,2 @@ },
       ],
-      "elements": [
-        "./src/elements/index.ts"
-      ],
       "internal": [
@@ -46,2 +42,3 @@ "./src/internal/index.ts"
     "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
+    "check": "npx svelte-check --ignore dist",
     "prepare": "npm run build",
@@ -64,2 +61,3 @@ "test": "echo \"Error: no test specified\" && exit 1"
     "sass": "^1.54.0",
+    "svelte-check": "^2.8.1",
     "svelte-strip": "^1.0.2",
@@ -70,7 +68,7 @@ "tslib": "^2.4.0",
   "dependencies": {
-    "@material/dom": "^13.0.0",
+    "@material/dom": "^14.0.0",
     "@tsconfig/svelte": "^3.0.0",
     "svelte2tsx": "^0.5.12"
   },
-  "gitHead": "f06fb48cd2dd0972a8210f66fa5f3d075453efe2"
+  "gitHead": "c61a67b26e61d6efdc76b8b6db2087793eecb9fd"
 }

README.md

 # Svelte Material UI - Common Components
 
-Common Label and Icon components, elemental components, and helper utilities.
+Common Label and Icon components, Element component, and helper utilities.
 
-You can use the elemental components to switch the HTML element that an SMUI component with a `component` prop uses.
-
 # Installation
@@ -44,113 +42,18 @@
 
-# Elemental Components
+## SmuiElement
 
-These components are used in SMUI components that take a `component` prop. They determine which HTML element will be used as the root element of the component. You can import them from `@smui/common/elements`.
+A dynamic HTML element component.
 
-### Props / Defaults (Common to all Elemental Components)
+### Props / Defaults
 
 - `use`: `[]` - An array of Svelte actions and/or arrays of an action and its options.
+- `tag`: `'div'` - An HTML tag name to use as the element.
 
-## A
-
-An elemental component for the `a` tag.
-
-## Aside
-
-An elemental component for the `aside` tag.
-
-## Button
-
-An elemental component for the `button` tag.
-
-## Div
-
-An elemental component for the `div` tag.
-
-## Em
-
-An elemental component for the `em` tag.
-
-## Footer
-
-An elemental component for the `footer` tag.
-
-## H1
-
-An elemental component for the `h1` tag.
-
-## H2
-
-An elemental component for the `h2` tag.
-
-## H3
-
-An elemental component for the `h3` tag.
-
-## H4
-
-An elemental component for the `h4` tag.
-
-## H5
-
-An elemental component for the `h5` tag.
-
-## H6
-
-An elemental component for the `h6` tag.
-
-## Header
-
-An elemental component for the `header` tag.
-
-## Hr
-
-An elemental component for the `hr` tag.
-
-## I
-
-An elemental component for the `i` tag.
-
-## Img
-
-An elemental component for the `img` tag.
-
-## Label
-
-An elemental component for the `label` tag.
-
-## Li
-
-An elemental component for the `li` tag.
-
-## Main
-
-An elemental component for the `main` tag.
-
-## Nav
-
-An elemental component for the `nav` tag.
-
-## P
-
-An elemental component for the `p` tag.
-
-## Section
-
-An elemental component for the `section` tag.
-
-## Span
-
-An elemental component for the `span` tag.
-
-## Strong
-
-An elemental component for the `strong` tag.
-
 ## Svg
 
-An elemental component for the `svg` tag.
+An SVG tag component. This is separated from the `SmuiElement` component, because it returns a `SVGSVGElement` object, which does not implement the `HTMLElement` interface.
 
-## Ul
+### Props / Defaults
 
-An elemental component for the `ul` tag.
+- `use`: `[]` - An array of Svelte actions and/or arrays of an action and its options.
 
@@ -429,7 +332,8 @@ # Helper Utilities
 
-A base component that adds a class to an element. The ClassAdder is used to provide simple components. It usually uses one of the elemental components listed above, but you can specify a different component for it to use. Every elemental component supports the `use` prop.
+A base component that adds a class to an element. The ClassAdder is used to provide simple components. It usually uses the `SmuiElement` component shown above, but you can specify a different component for it to use.
 
 ### Props / Defaults
 
-- `component`: `(depends on context)` - The component to extend. Usually it is set to one of the elemental components below.
+- `component`: `(depends on context)` - The component to extend. Usually it is set to `SmuiElement`.
+- `tag`: `(depends on context)` - The HTML tag name `SmuiElement` will use.
 - `use`: `[]` - An array of Svelte actions and/or arrays of an action and its options.
@@ -440,17 +344,29 @@ - `class`: `''` - A CSS class string.
 
-Use this to build a ClassAdder component. ClassAdder components are useful for reducing the size of your bundle. If you have tons of simple components that just need to add classes/props or set a context, using ClassAdder components means there's only one "big" Svelte component in your bundle for all of these many tiny components.
+Use this to build a ClassAdder component. ClassAdder components are useful for reducing the size of your bundle. If you have tons of simple components that just need to add classes/props or set a context, using ClassAdder components means there's only one actual Svelte component in your bundle for all of these many tiny components.
 
 ```js
 import { classAdderBuilder } from '@smui/common/classadder';
-import { Div } from '@smui/common/elements';
 
 export default classAdderBuilder({
   class: 'my-added-class',
-  component: Div,
+  tag: 'div',
 });
 ```
 
+You can also supply a component that implements the `SmuiComponent` interface.
+
+```js
+import { classAdderBuilder } from '@smui/common/classadder';
+import Button from '@smui/button';
+
+export default classAdderBuilder({
+  class: 'my-added-class',
+  component: Button,
+});
+```
+
 ### Props / Defaults
 
-- `component`: `null` - An elemental component.
+- `component`: `SmuiElement` - An SMUI compatible component.
+- `tag`: `'div'` - An HTML tag name. (Only means anything for the `SmuiElement` component.)
 - `class`: `''` - The class to add.
@@ -457,0 +373,0 @@ - `classMap`: `{}` - A map of classes to contexts. The context should resolve to a Svelte store, and the class will be added if the Svelte store's value is true.

src/classadder/ClassAdder.types.ts

@@ -1,5 +0,11 @@
-import type { SvelteComponentDev } from 'svelte/internal';
+import type { ComponentType, SvelteComponent } from 'svelte';
 
-export type ClassAdderInternals<T extends typeof SvelteComponentDev> = {
-  component: T;
+import type { SmuiElementMap } from '../smui.types.js';
+
+export type ClassAdderInternals<
+  T extends keyof SmuiElementMap = 'div',
+  C extends ComponentType<SvelteComponent> = ComponentType<SvelteComponent>
+> = {
+  component: C;
+  tag: T;
   class: string;
@@ -6,0 +12,0 @@ /**

src/classadder/classAdderBuilder.ts

@@ -1,3 +0,4 @@
-import type { SvelteComponentDev } from 'svelte/internal';
+import type { ComponentType, SvelteComponent } from 'svelte';
 
+import type { SmuiElementMap } from '../smui.types.js';
 import type { ClassAdderInternals } from './ClassAdder.types.js';
@@ -9,5 +10,6 @@ // @ts-ignore: Internals is exported... argh.
 
-export function classAdderBuilder<T extends typeof SvelteComponentDev>(
-  props: Partial<ClassAdderInternals<T>>
-) {
+export function classAdderBuilder<
+  T extends keyof SmuiElementMap = 'div',
+  C extends ComponentType<SvelteComponent> = ComponentType<SvelteComponent>
+>(props: Partial<ClassAdderInternals<T, C>>): C {
   return new Proxy(ClassAdder, {
@@ -23,3 +25,3 @@ construct: function (target, args) {
     },
-  }) as unknown as T;
+  }) as unknown as C;
 }

src/index.ts

@@ -1,14 +0,11 @@
-import LabelComponent from './CommonLabel.svelte';
-import type { CommonLabelComponentDev } from './CommonLabel.types.js';
-export * from './CommonLabel.types.js';
-const Label = LabelComponent as typeof CommonLabelComponentDev;
+import Label from './CommonLabel.svelte';
 
-import IconComponent from './CommonIcon.svelte';
-import type { CommonIconComponentDev } from './CommonIcon.types.js';
-export * from './CommonIcon.types.js';
-const Icon = IconComponent as typeof CommonIconComponentDev;
+import Icon from './CommonIcon.svelte';
 
+import SmuiElement from './SmuiElement.svelte';
+import Svg from './Svg.svelte';
+
 import ContextFragment from './ContextFragment.svelte';
 
-export { Label, Icon, ContextFragment };
+export { Label, Icon, SmuiElement, Svg, ContextFragment };
 export * from './smui.types.js';

src/internal/forwardEventsBuilder.ts

@@ -107,3 +107,6 @@ import type { SvelteComponent } from 'svelte';
           stopPropagation?: true;
-        } = Object.fromEntries(parts.slice(1).map((mod) => [mod, true]));
+        } = parts.slice(1).reduce((obj, mod) => {
+          obj[mod] = true;
+          return obj;
+        }, {} as { [k: string]: boolean });
         if (eventOptions.passive) {
@@ -110,0 +113,0 @@ options = options || ({} as AddEventListenerOptions);

src/smui.types.ts

@@ -0,1 +1,30 @@
+export type SmuiAttrs<
+  T extends keyof SmuiElementPropMap,
+  OwnProps extends Object
+> = {
+  [P in keyof Omit<
+    SmuiElementPropMap[T],
+    keyof OwnProps
+  >]?: SmuiElementPropMap[T][P];
+} & SvelteAttrs &
+  DataAttrs;
+
+export type SmuiSvgAttrs<OwnProps extends Object> = {
+  [P in keyof Omit<
+    svelte.JSX.SVGProps<SVGSVGElement>,
+    keyof OwnProps
+  >]?: svelte.JSX.SVGProps<SVGSVGElement>[P];
+} & SvelteAttrs &
+  DataAttrs;
+
+export type SvelteAttrs = {
+  'sveltekit:noscroll'?: true | undefined | null;
+  'sveltekit:prefetch'?: true | undefined | null;
+  'sveltekit:reload'?: true | undefined | null;
+};
+
+export type DataAttrs = {
+  [k: `data-${string}`]: any;
+};
+
 // Layout listeners.
@@ -36,1 +65,241 @@
   | SMUISwitchInputAccessor;
+
+export interface SmuiElementMap {
+  a: HTMLElementTagNameMap['a'];
+  abbr: HTMLElementTagNameMap['abbr'];
+  address: HTMLElementTagNameMap['address'];
+  area: HTMLElementTagNameMap['area'];
+  article: HTMLElementTagNameMap['article'];
+  aside: HTMLElementTagNameMap['aside'];
+  audio: HTMLElementTagNameMap['audio'];
+  b: HTMLElementTagNameMap['b'];
+  base: HTMLElementTagNameMap['base'];
+  bdi: HTMLElementTagNameMap['bdi'];
+  bdo: HTMLElementTagNameMap['bdo'];
+  blockquote: HTMLElementTagNameMap['blockquote'];
+  body: HTMLElementTagNameMap['body'];
+  br: HTMLElementTagNameMap['br'];
+  button: HTMLElementTagNameMap['button'];
+  canvas: HTMLElementTagNameMap['canvas'];
+  caption: HTMLElementTagNameMap['caption'];
+  cite: HTMLElementTagNameMap['cite'];
+  code: HTMLElementTagNameMap['code'];
+  col: HTMLElementTagNameMap['col'];
+  colgroup: HTMLElementTagNameMap['colgroup'];
+  data: HTMLElementTagNameMap['data'];
+  datalist: HTMLElementTagNameMap['datalist'];
+  dd: HTMLElementTagNameMap['dd'];
+  del: HTMLElementTagNameMap['del'];
+  details: HTMLElementTagNameMap['details'];
+  dfn: HTMLElementTagNameMap['dfn'];
+  dialog: HTMLElementTagNameMap['dialog'];
+  div: HTMLElementTagNameMap['div'];
+  dl: HTMLElementTagNameMap['dl'];
+  dt: HTMLElementTagNameMap['dt'];
+  em: HTMLElementTagNameMap['em'];
+  embed: HTMLElementTagNameMap['embed'];
+  fieldset: HTMLElementTagNameMap['fieldset'];
+  figcaption: HTMLElementTagNameMap['figcaption'];
+  figure: HTMLElementTagNameMap['figure'];
+  footer: HTMLElementTagNameMap['footer'];
+  form: HTMLElementTagNameMap['form'];
+  h1: HTMLElementTagNameMap['h1'];
+  h2: HTMLElementTagNameMap['h2'];
+  h3: HTMLElementTagNameMap['h3'];
+  h4: HTMLElementTagNameMap['h4'];
+  h5: HTMLElementTagNameMap['h5'];
+  h6: HTMLElementTagNameMap['h6'];
+  head: HTMLElementTagNameMap['head'];
+  header: HTMLElementTagNameMap['header'];
+  hgroup: HTMLElementTagNameMap['hgroup'];
+  hr: HTMLElementTagNameMap['hr'];
+  html: HTMLElementTagNameMap['html'];
+  i: HTMLElementTagNameMap['i'];
+  iframe: HTMLElementTagNameMap['iframe'];
+  img: HTMLElementTagNameMap['img'];
+  input: HTMLElementTagNameMap['input'];
+  ins: HTMLElementTagNameMap['ins'];
+  kbd: HTMLElementTagNameMap['kbd'];
+  label: HTMLElementTagNameMap['label'];
+  legend: HTMLElementTagNameMap['legend'];
+  li: HTMLElementTagNameMap['li'];
+  link: HTMLElementTagNameMap['link'];
+  main: HTMLElementTagNameMap['main'];
+  map: HTMLElementTagNameMap['map'];
+  mark: HTMLElementTagNameMap['mark'];
+  menu: HTMLElementTagNameMap['menu'];
+  meta: HTMLElementTagNameMap['meta'];
+  meter: HTMLElementTagNameMap['meter'];
+  nav: HTMLElementTagNameMap['nav'];
+  noscript: HTMLElementTagNameMap['noscript'];
+  object: HTMLElementTagNameMap['object'];
+  ol: HTMLElementTagNameMap['ol'];
+  optgroup: HTMLElementTagNameMap['optgroup'];
+  option: HTMLElementTagNameMap['option'];
+  output: HTMLElementTagNameMap['output'];
+  p: HTMLElementTagNameMap['p'];
+  // param: HTMLElementTagNameMap['param'];
+  picture: HTMLElementTagNameMap['picture'];
+  pre: HTMLElementTagNameMap['pre'];
+  progress: HTMLElementTagNameMap['progress'];
+  q: HTMLElementTagNameMap['q'];
+  rp: HTMLElementTagNameMap['rp'];
+  rt: HTMLElementTagNameMap['rt'];
+  ruby: HTMLElementTagNameMap['ruby'];
+  s: HTMLElementTagNameMap['s'];
+  samp: HTMLElementTagNameMap['samp'];
+  script: HTMLElementTagNameMap['script'];
+  section: HTMLElementTagNameMap['section'];
+  select: HTMLElementTagNameMap['select'];
+  small: HTMLElementTagNameMap['small'];
+  source: HTMLElementTagNameMap['source'];
+  span: HTMLElementTagNameMap['span'];
+  strong: HTMLElementTagNameMap['strong'];
+  style: HTMLElementTagNameMap['style'];
+  sub: HTMLElementTagNameMap['sub'];
+  summary: HTMLElementTagNameMap['summary'];
+  sup: HTMLElementTagNameMap['sup'];
+  table: HTMLElementTagNameMap['table'];
+  tbody: HTMLElementTagNameMap['tbody'];
+  td: HTMLElementTagNameMap['td'];
+  textarea: HTMLElementTagNameMap['textarea'];
+  tfoot: HTMLElementTagNameMap['tfoot'];
+  th: HTMLElementTagNameMap['th'];
+  thead: HTMLElementTagNameMap['thead'];
+  time: HTMLElementTagNameMap['time'];
+  title: HTMLElementTagNameMap['title'];
+  tr: HTMLElementTagNameMap['tr'];
+  track: HTMLElementTagNameMap['track'];
+  u: HTMLElementTagNameMap['u'];
+  ul: HTMLElementTagNameMap['ul'];
+  var: HTMLElementTagNameMap['var'];
+  video: HTMLElementTagNameMap['video'];
+  wbr: HTMLElementTagNameMap['wbr'];
+
+  // dir: HTMLElementTagNameMap['dir'];
+  // font: HTMLElementTagNameMap['font'];
+  // frame: HTMLElementTagNameMap['frame'];
+  // frameset: HTMLElementTagNameMap['frameset'];
+  // marquee: HTMLElementTagNameMap['marquee'];
+  template: HTMLElementTagNameMap['template'];
+}
+
+export interface SmuiElementPropMap {
+  a: svelte.JSX.HTMLProps<HTMLElementTagNameMap['a']>;
+  abbr: svelte.JSX.HTMLProps<HTMLElementTagNameMap['abbr']>;
+  address: svelte.JSX.HTMLProps<HTMLElementTagNameMap['address']>;
+  area: svelte.JSX.HTMLProps<HTMLElementTagNameMap['area']>;
+  article: svelte.JSX.HTMLProps<HTMLElementTagNameMap['article']>;
+  aside: svelte.JSX.HTMLProps<HTMLElementTagNameMap['aside']>;
+  audio: svelte.JSX.HTMLProps<HTMLElementTagNameMap['audio']>;
+  b: svelte.JSX.HTMLProps<HTMLElementTagNameMap['b']>;
+  base: svelte.JSX.HTMLProps<HTMLElementTagNameMap['base']>;
+  bdi: svelte.JSX.HTMLProps<HTMLElementTagNameMap['bdi']>;
+  bdo: svelte.JSX.HTMLProps<HTMLElementTagNameMap['bdo']>;
+  blockquote: svelte.JSX.HTMLProps<HTMLElementTagNameMap['blockquote']>;
+  body: svelte.JSX.HTMLProps<HTMLElementTagNameMap['body']>;
+  br: svelte.JSX.HTMLProps<HTMLElementTagNameMap['br']>;
+  button: svelte.JSX.HTMLProps<HTMLElementTagNameMap['button']>;
+  canvas: svelte.JSX.HTMLProps<HTMLElementTagNameMap['canvas']>;
+  caption: svelte.JSX.HTMLProps<HTMLElementTagNameMap['caption']>;
+  cite: svelte.JSX.HTMLProps<HTMLElementTagNameMap['cite']>;
+  code: svelte.JSX.HTMLProps<HTMLElementTagNameMap['code']>;
+  col: svelte.JSX.HTMLProps<HTMLElementTagNameMap['col']>;
+  colgroup: svelte.JSX.HTMLProps<HTMLElementTagNameMap['colgroup']>;
+  data: svelte.JSX.HTMLProps<HTMLElementTagNameMap['data']>;
+  datalist: svelte.JSX.HTMLProps<HTMLElementTagNameMap['datalist']>;
+  dd: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dd']>;
+  del: svelte.JSX.HTMLProps<HTMLElementTagNameMap['del']>;
+  details: svelte.JSX.HTMLProps<HTMLElementTagNameMap['details']>;
+  dfn: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dfn']>;
+  dialog: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dialog']>;
+  div: svelte.JSX.HTMLProps<HTMLElementTagNameMap['div']>;
+  dl: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dl']>;
+  dt: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dt']>;
+  em: svelte.JSX.HTMLProps<HTMLElementTagNameMap['em']>;
+  embed: svelte.JSX.HTMLProps<HTMLElementTagNameMap['embed']>;
+  fieldset: svelte.JSX.HTMLProps<HTMLElementTagNameMap['fieldset']>;
+  figcaption: svelte.JSX.HTMLProps<HTMLElementTagNameMap['figcaption']>;
+  figure: svelte.JSX.HTMLProps<HTMLElementTagNameMap['figure']>;
+  footer: svelte.JSX.HTMLProps<HTMLElementTagNameMap['footer']>;
+  form: svelte.JSX.HTMLProps<HTMLElementTagNameMap['form']>;
+  h1: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h1']>;
+  h2: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h2']>;
+  h3: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h3']>;
+  h4: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h4']>;
+  h5: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h5']>;
+  h6: svelte.JSX.HTMLProps<HTMLElementTagNameMap['h6']>;
+  head: svelte.JSX.HTMLProps<HTMLElementTagNameMap['head']>;
+  header: svelte.JSX.HTMLProps<HTMLElementTagNameMap['header']>;
+  hgroup: svelte.JSX.HTMLProps<HTMLElementTagNameMap['hgroup']>;
+  hr: svelte.JSX.HTMLProps<HTMLElementTagNameMap['hr']>;
+  html: svelte.JSX.HTMLProps<HTMLElementTagNameMap['html']>;
+  i: svelte.JSX.HTMLProps<HTMLElementTagNameMap['i']>;
+  iframe: svelte.JSX.HTMLProps<HTMLElementTagNameMap['iframe']>;
+  img: svelte.JSX.HTMLProps<HTMLElementTagNameMap['img']>;
+  input: svelte.JSX.HTMLProps<HTMLElementTagNameMap['input']>;
+  ins: svelte.JSX.HTMLProps<HTMLElementTagNameMap['ins']>;
+  kbd: svelte.JSX.HTMLProps<HTMLElementTagNameMap['kbd']>;
+  label: svelte.JSX.HTMLProps<HTMLElementTagNameMap['label']>;
+  legend: svelte.JSX.HTMLProps<HTMLElementTagNameMap['legend']>;
+  li: svelte.JSX.HTMLProps<HTMLElementTagNameMap['li']>;
+  link: svelte.JSX.HTMLProps<HTMLElementTagNameMap['link']>;
+  main: svelte.JSX.HTMLProps<HTMLElementTagNameMap['main']>;
+  map: svelte.JSX.HTMLProps<HTMLElementTagNameMap['map']>;
+  mark: svelte.JSX.HTMLProps<HTMLElementTagNameMap['mark']>;
+  menu: svelte.JSX.HTMLProps<HTMLElementTagNameMap['menu']>;
+  meta: svelte.JSX.HTMLProps<HTMLElementTagNameMap['meta']>;
+  meter: svelte.JSX.HTMLProps<HTMLElementTagNameMap['meter']>;
+  nav: svelte.JSX.HTMLProps<HTMLElementTagNameMap['nav']>;
+  noscript: svelte.JSX.HTMLProps<HTMLElementTagNameMap['noscript']>;
+  object: svelte.JSX.HTMLProps<HTMLElementTagNameMap['object']>;
+  ol: svelte.JSX.HTMLProps<HTMLElementTagNameMap['ol']>;
+  optgroup: svelte.JSX.HTMLProps<HTMLElementTagNameMap['optgroup']>;
+  option: svelte.JSX.HTMLProps<HTMLElementTagNameMap['option']>;
+  output: svelte.JSX.HTMLProps<HTMLElementTagNameMap['output']>;
+  p: svelte.JSX.HTMLProps<HTMLElementTagNameMap['p']>;
+  // param: svelte.JSX.HTMLProps<HTMLElementTagNameMap['param']>;
+  picture: svelte.JSX.HTMLProps<HTMLElementTagNameMap['picture']>;
+  pre: svelte.JSX.HTMLProps<HTMLElementTagNameMap['pre']>;
+  progress: svelte.JSX.HTMLProps<HTMLElementTagNameMap['progress']>;
+  q: svelte.JSX.HTMLProps<HTMLElementTagNameMap['q']>;
+  rp: svelte.JSX.HTMLProps<HTMLElementTagNameMap['rp']>;
+  rt: svelte.JSX.HTMLProps<HTMLElementTagNameMap['rt']>;
+  ruby: svelte.JSX.HTMLProps<HTMLElementTagNameMap['ruby']>;
+  s: svelte.JSX.HTMLProps<HTMLElementTagNameMap['s']>;
+  samp: svelte.JSX.HTMLProps<HTMLElementTagNameMap['samp']>;
+  script: svelte.JSX.HTMLProps<HTMLElementTagNameMap['script']>;
+  section: svelte.JSX.HTMLProps<HTMLElementTagNameMap['section']>;
+  select: svelte.JSX.HTMLProps<HTMLElementTagNameMap['select']>;
+  small: svelte.JSX.HTMLProps<HTMLElementTagNameMap['small']>;
+  source: svelte.JSX.HTMLProps<HTMLElementTagNameMap['source']>;
+  span: svelte.JSX.HTMLProps<HTMLElementTagNameMap['span']>;
+  strong: svelte.JSX.HTMLProps<HTMLElementTagNameMap['strong']>;
+  style: svelte.JSX.HTMLProps<HTMLElementTagNameMap['style']>;
+  sub: svelte.JSX.HTMLProps<HTMLElementTagNameMap['sub']>;
+  summary: svelte.JSX.HTMLProps<HTMLElementTagNameMap['summary']>;
+  sup: svelte.JSX.HTMLProps<HTMLElementTagNameMap['sup']>;
+  table: svelte.JSX.HTMLProps<HTMLElementTagNameMap['table']>;
+  tbody: svelte.JSX.HTMLProps<HTMLElementTagNameMap['tbody']>;
+  td: svelte.JSX.HTMLProps<HTMLElementTagNameMap['td']>;
+  textarea: svelte.JSX.HTMLProps<HTMLElementTagNameMap['textarea']>;
+  tfoot: svelte.JSX.HTMLProps<HTMLElementTagNameMap['tfoot']>;
+  th: svelte.JSX.HTMLProps<HTMLElementTagNameMap['th']>;
+  thead: svelte.JSX.HTMLProps<HTMLElementTagNameMap['thead']>;
+  time: svelte.JSX.HTMLProps<HTMLElementTagNameMap['time']>;
+  title: svelte.JSX.HTMLProps<HTMLElementTagNameMap['title']>;
+  tr: svelte.JSX.HTMLProps<HTMLElementTagNameMap['tr']>;
+  track: svelte.JSX.HTMLProps<HTMLElementTagNameMap['track']>;
+  u: svelte.JSX.HTMLProps<HTMLElementTagNameMap['u']>;
+  ul: svelte.JSX.HTMLProps<HTMLElementTagNameMap['ul']>;
+  var: svelte.JSX.HTMLProps<HTMLElementTagNameMap['var']>;
+  video: svelte.JSX.HTMLProps<HTMLElementTagNameMap['video']>;
+  wbr: svelte.JSX.HTMLProps<HTMLElementTagNameMap['wbr']>;
+
+  // dir: svelte.JSX.HTMLProps<HTMLElementTagNameMap['dir']>;
+  // font: svelte.JSX.HTMLProps<HTMLElementTagNameMap['font']>;
+  // frame: svelte.JSX.HTMLProps<HTMLElementTagNameMap['frame']>;
+  // frameset: svelte.JSX.HTMLProps<HTMLElementTagNameMap['frameset']>;
+  // marquee: svelte.JSX.HTMLProps<HTMLElementTagNameMap['marquee']>;
+  template: svelte.JSX.HTMLProps<HTMLElementTagNameMap['template']>;
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

142495

decreased by-27%

Dev dependency count

5

increased by25%

Number of package files

79

decreased by-70.52%

Lines of code

1342

decreased by-28.31%

Number of low quality alerts

3

increased by50%

Number of lines in readme file

373

decreased by-18.38%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@material/dom@14.0.0(transitive)

• + Added@material/feature-targeting@14.0.0(transitive)

• - Removed@material/dom@13.0.0(transitive)

• - Removed@material/feature-targeting@13.0.0(transitive)

• Updated@material/dom@^14.0.0