@m3e/web 2.4.0 → 2.5.0

package/README.md

@@ -1,6 +1,11 @@
 # @m3e/web
 
-Material 3 (M3) introduces a new era of expressive design, focusing on personalization, dynamic color, and enhanced accessibility. The `@m3e/web` package provides a comprehensive suite of reusable components, each crafted to deliver seamless integration, consistent theming, and intuitive user experiences.
+@m3e/web is a modern, from‑scratch implementation of [Material Design 3](https://m3.material.io/), built entirely with [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components). It delivers a complete, spec‑aligned component suite with dynamic color, expressive motion, and full accessibility — all without framework dependencies.
+
+## 🔗 Showcase & Documentation
+
+Explore the full component suite, live demos, and usage examples:  
+**<https://matraic.github.io/m3e>**
 
 ## 🛡️ Disclaimer
 
@@ -26,12 +31,14 @@ Below is a list of all modules in this monorepo, with a short summary and import
 | [**@m3e/web/avatar**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/avatar/README.md)                         | An image, icon or textual initials representing a user or other identity.                                                                                             | `import "@m3e/web/avatar";`             |
 | [**@m3e/web/badge**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/badge/README.md)                           | A compact visual indicator for counts, presence, or emphasis, attachable to icons, buttons, or other components.                                                      | `import "@m3e/web/badge";`              |
 | [**@m3e/web/bottom-sheet**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/bottom-sheet/README.md)             | A sheet used to show secondary content anchored to the bottom of the screen.                                                                                          | `import "@m3e/web/bottom-sheet";`       |
+| [**@m3e/web/breadcrumb**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/breadcrumb/README.md)                 | Displays a hierarchical navigation path and identifies the user's current location within an application.                                                             | `import "@m3e/web/breadcrumb";`         |
 | [**@m3e/web/button**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/button/README.md)                         | A semantic, expressive UI primitive for actions, supporting five variants and dynamic theming.                                                                        | `import "@m3e/web/button";`             |
 | [**@m3e/web/button-group**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/button-group/README.md)             | Organizes buttons and adds interactions between them.                                                                                                                 | `import "@m3e/web/button-group";`       |
 | [**@m3e/web/calendar**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/calendar/README.md)                     | A calendar used to select a date.                                                                                                                                     | `import "@m3e/web/calendar";`           |
 | [**@m3e/web/card**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/card/README.md)                             | A flexible, expressive container for presenting a unified subject—text, media, and actions—on a distinct surface.                                                     | `import "@m3e/web/card";`               |
-| [**@m3e/web/chips**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/chips/README.md)                           | Expressive, accessible chip components for actions, input, filtering, and suggestions.                                                                                | `import "@m3e/web/chips";`              |
 | [**@m3e/web/checkbox**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/checkbox/README.md)                     | An expressive, accessible control for binary selection—supporting checked, indeterminate, and disabled states.                                                        | `import "@m3e/web/checkbox";`           |
+| [**@m3e/web/chips**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/chips/README.md)                           | Expressive, accessible chip components for actions, input, filtering, and suggestions.                                                                                | `import "@m3e/web/chips";`              |
+| [**@m3e/web/content-pane**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/content-pane/README.md)             | A shaped surface for vertically scrollable content.                                                                                                                   | `import "@m3e/web/content-pane";`       |
 | [**@m3e/web/core**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/core/README.md)                             | Essential primitives, utilities, and behavioral mixins for building Material 3 web components.                                                                        | `import "@m3e/web/core";`               |
 | [**@m3e/web/datepicker**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/datepicker/README.md)                 | Presents a date picker on a temporary surface.                                                                                                                        | `import "@m3e/web/datepicker";`         |
 | [**@m3e/web/dialog**](https://github.com/matraic/m3e/tree/HEAD/packages/web/src/dialog/README.md)                         | Presents important prompts, alerts, and actions with ARIA accessibility, focus management, and theming.                                                               | `import "@m3e/web/dialog";`             |