wuda-io · Sep 24, 2026 · Apr 21, 2026 · Apr 21, 2026 · Apr 21, 2026 · Apr 21, 2026
diff --git a/.github/ISSUE_TEMPLATE/bug.yml b/.github/ISSUE_TEMPLATE/bug.yml
@@ -10,7 +10,7 @@ body:
       options:
         - label: I have searched for [duplicate or closed issues](https://github.com/materializecss/materialize/issues?utf8=%E2%9C%93&q=is%3Aissue).
           required: true
-        - label: I have read the [CONTRIBUTING document](https://github.com/materializecss/materialize/blob/master/CONTRIBUTING.md) and my issue is following the guidelines. 
+        - label: I have read the [CONTRIBUTING document](https://github.com/materializecss/materialize/blob/main/docs/CONTRIBUTING.md) and my issue is following the guidelines.
           required: true
         - label: I have read the template completely before filling it in.
           required: true
@@ -50,10 +50,10 @@ body:
     attributes:
       label: Steps to reproduce
       description: |
-        If relevant, give a set of steps to reproduce this bug.  
+        If relevant, give a set of steps to reproduce this bug.
         We encourage you a live example that demonstrates the bug (you may want to use the [following jsfiddle template](https://jsfiddle.net/1es0zhaf/))
       placeholder: |
-        1. Open this link 
+        1. Open this link
         2. Click there
         3. This appears, but...
     validations:

diff --git a/.github/ISSUE_TEMPLATE/improvement.yml b/.github/ISSUE_TEMPLATE/improvement.yml
@@ -8,7 +8,7 @@ body:
       options:
         - label: I have searched for [duplicate or closed issues](https://github.com/materializecss/materialize/issues?utf8=%E2%9C%93&q=is%3Aissue).
           required: true
-        - label: I have read the [CONTRIBUTING document](https://github.com/materializecss/materialize/blob/master/CONTRIBUTING.md) and my issue is following the guidelines. 
+        - label: I have read the [CONTRIBUTING document](https://github.com/materializecss/materialize/blob/main/docs/CONTRIBUTING.md) and my issue is following the guidelines.
           required: true
         - label: I have read the template completely before filling it in.
           required: true

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
@@ -2,7 +2,7 @@
 <!-- Describe the big picture of your changes here to communicate to the maintainers why we should accept this pull request. If it fixes a bug or resolves a feature request, be sure to link to that issue. -->
 
 ## Screenshots (if appropriate) or codepen:
-<!-- Add supplemental screenshots or code examples. Look for a codepen template in our **[CONTRIBUTING document](https://github.com/materializecss/materialize/blob/master/CONTRIBUTING.md)**. -->
+<!-- Add supplemental screenshots or code examples. Look for a codepen template in our **[CONTRIBUTING document](https://github.com/materializecss/materialize/blob/main/docs/CONTRIBUTING.md)**. -->
 
 ## Types of changes
 <!-- What types of changes does your code introduce? Put an `x` in all the boxes that apply: -->
@@ -14,8 +14,8 @@
 ## Checklist:
 <!-- Go over all the following points, and put an `x` in all the boxes that apply. If you're unsure about any of these, don't hesitate to ask. We're here to help! -->
 
-- [ ] I have read the **[CONTRIBUTING document](https://github.com/materializecss/materialize/blob/main/CONTRIBUTING.md)**.
-- [ ] My commit messages follows the [conventional commit format](https://github.com/materializecss/materialize/blob/main/CONTRIBUTING.md#submitting-your-pull-request)
+- [ ] I have read the **[CONTRIBUTING document](https://github.com/materializecss/materialize/blob/main/docs/CONTRIBUTING.md)**.
+- [ ] My commit messages follows the [conventional commit format](https://github.com/materializecss/materialize/blob/main/docs/CONTRIBUTING.md#submitting-your-pull-request)
 - [ ] My change requires a change to the documentation, and updated it accordingly.
 - [ ] I have added tests to cover my changes.
 - [ ] All new and existing tests passed.
diff --git a/.github/workflows/nightly.yml b/.github/workflows/nightly.yml
@@ -7,26 +7,24 @@ on:
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@master
-
-    - uses: actions/setup-node@v4
-      with:
-        node-version: 23
+      - uses: actions/checkout@master
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 23
 
-    - name: Run tests
-      run: |
-        npm i
-        npm run build
-        npm run test
+      - name: Run tests
+        run: |
+          npm i
+          npm run build
+          npm test
 
-    - name: Nightly build
-      run: |
-        npm run release
+      - name: Nightly build
+        run: |
+          npm run release
 
-    - uses: actions/upload-artifact@v4
-      with:
-        name: build
-        path: dist/
+      - uses: actions/upload-artifact@v4
+        with:
+          name: build
+          path: dist/
diff --git a/.gitignore b/.gitignore
@@ -28,7 +28,6 @@ node_modules/
 # Ignore lock
 yarn.lock
 
-dist/*.zip
+dist/**/*
 
-*storybook.log
-storybook-static
+examples/html
diff --git a/.storybook/main.ts b/.storybook/main.ts
diff --git a/.storybook/manager.js b/.storybook/manager.js
diff --git a/.storybook/material-icons.css b/.storybook/material-icons.css
diff --git a/.storybook/my-theme.js b/.storybook/my-theme.js
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
diff --git a/README.md b/README.md
@@ -30,47 +30,35 @@
 </p>
 
 ## Getting started
+
 Read the [getting started guide](https://materializeweb.com/getting-started.html) for more information on how to use materialize.
 
 - [Download the latest release](https://github.com/materializecss/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/materializecss/materialize/releases/))
 - Clone the repo: `git clone https://github.com/materializecss/materialize.git`
 - Include the files via [jsDelivr](https://www.jsdelivr.com/package/npm/@materializecss/materialize).
 - Install with [npm](https://www.npmjs.com): `npm install @materializecss/materialize` (Beta: `npm install @materializecss/materialize@next`)
 
-## Testing
-To run tests locally you first have to build the files and then run the tests. This can be done with the command `npm test`;
-To get more info and debug information you can do the following:
-run `npx jasmine-browser-runner` then go to the url via browser `http://localhost:8888`. The tests will then run and show detailed feedback.
+### Releases
 
-## Development
-The documentation can be found at <https://materializeweb.com>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org) installed on your computer.
-This is the core project with all the components. To see how they are used we recommend using an example project or go to the documentation.
+Previous releases are available [here](https://github.com/materializecss/materialize/releases). You can also find the changelog under each release.
 
-### Running documentation locally
-See [Materialize Docs Repo](https://github.com/materializecss/materialize-docs) to see Materialize in Action.
+## Examples
 
-### Releases
-Previous releases are available [here](https://github.com/materializecss/materialize/releases). You can also find the changelog under each release.
+First install materializeweb locally. Then create the html files with `npm run build-examples`. After creating the files you can run `npm run demo` and browse to the url (normally [127.0.0.1:8080/](http://127.0.0.1:8080))
+
+## Tests
 
-## Supported Browsers:
-Materialize is compatible with:
+To run tests locally you first have to build the files and then run the tests. This can be done with the command `npm test`;
+The tests will then run and show detailed feedback.
 
-- Chrome 35+
-- Firefox 31+
-- Safari 9+
-- Opera
-- Edge
+## Develop
 
-## Testing
-We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](docs/CONTRIBUTING.md#jasmine-testing-guide).
+This is the core project with all the components. To see how they are used we recommend to check out the examples or go to the documentation at <https://materializeweb.com>.
 
-## Quick Testing and Development
-For quick testing install live-server node package globally and run `npm run demo`
+## Contribute
 
-## Contributing
 Check out the [CONTRIBUTING document](docs/CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/materializecss/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
 
-## Sponsors
 Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/materialize#sponsor)]
 
 [![OC sponsor 0](https://opencollective.com/materialize/sponsor/0/avatar.svg)](https://opencollective.com/materialize/sponsor/0/website)
@@ -84,11 +72,10 @@ Support this project by becoming a sponsor. Your logo will show up here with a l
 [![OC sponsor 8](https://opencollective.com/materialize/sponsor/8/avatar.svg)](https://opencollective.com/materialize/sponsor/8/website)
 [![OC sponsor 9](https://opencollective.com/materialize/sponsor/9/avatar.svg)](https://opencollective.com/materialize/sponsor/9/website)
 
-
-## Backers
-Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/materialize#backer)]
+Thank you to all our supporters! 🙏 [[Become a backer](https://opencollective.com/materialize#backer)]
 
 [![Backers](https://opencollective.com/materialize/backers.svg?width=890)](https://opencollective.com/materialize#backers)
 
 ## Copyright and license
+
 Code Copyright 2026 Materialize. Code released under the MIT license.
diff --git a/components/appbar/appbar.mjs b/components/appbar/appbar.mjs
diff --git a/components/atomic/component.mjs b/components/atomic/component.mjs