@muibook/components 1.0.10 → 1.0.12

package/dist/esm/components/mui-select/index.js

@@ -56,7 +56,6 @@ class f extends HTMLElement {
         :host {
           display: inline-block;
           width: 100%;
-          position: relative;
         }
         label {
           font-size: var(--text-font-size);
@@ -183,10 +182,13 @@ class f extends HTMLElement {
         /*html*/
         `<label for="${o}" class="${s ? "vh" : ""}">${r}</label>`
       ) : ""}
-    <select class="${h}" part="${this.partMap || ""}" name="${e}" id="${o}" ${u} ${c ? "disabled" : ""} >
-        ${v}
-      </select>
-      <mui-icon-down-chevron class="chevron" size="x-small"></mui-icon-down-chevron>
+      <div style="position: relative;">
+        <select class="${h}" part="${this.partMap || ""}" name="${e}" id="${o}" ${u} 
+        ${c ? "disabled" : ""}>
+          ${v}
+        </select>
+        <mui-icon-down-chevron class="chevron" size="x-small"></mui-icon-down-chevron>
+      </div>
     `
     );
     this.shadowRoot.innerHTML = p;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muibook/components",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "A library of MUI-based design system components.",
   "author": "Michael Trilford",
   "homepage": "https://muibook.com",

package/readme.md

@@ -1,36 +1,60 @@
-# Muibook
+# NPM Package 📦 – @muibook/components
 
-## Muibook/Components (NPM)
+Leverage reusable vanilla Web Components built with the Mui (MichaelUI) Design System in your project. Simply install the [@muibook/components](https://www.npmjs.com/package/@muibook/components?activeTab=readme) package to access a framework-agnostic, accessible, and customizable component library.
 
-A library of reusable vanilla Web Components designed with the MichaelUI design language. Perfect for building consistent, framework-agnostic design systems inspired by MichaelUI’s principles.
+```bash
+npm install @muibook/components
+```
 
-- 📦 View on [npmjs.com](https://www.npmjs.com/package/@muibook/components?activeTab=readme)
-- 🔌 Framework-agnostic: works in any modern JavaScript environment
-- 🎨 Styled and structured according to MichaelUI guidelines
-- ✨ Lightweight, fast, and customisable
-- 🧱 Built for scalable and maintainable design systems
+#### Usage
+
+```javascript
+import "@muibook/components"; // All
+import "@muibook/components/mui-body"; // Individual
+```
+
+Links •
+[npmjs.com](https://www.npmjs.com/package/@muibook/components?activeTab=readme) •
+[Docs](https://muibook.com) •
+[Usage](https://muibook.com) •
+[Components](https://muibook.com)
 
 ---
 
-## Create Mui App
+# Create Mui App
+
+Kickstart your project with a lightweight scaffold built on Vite. It comes preloaded with foundational CSS resets, a solid base structure, and design tokens ready to be customised for your brand.
 
-- Kickstart your project with a lightweight scaffold built on Vite. It comes preloaded with foundational CSS resets, a solid base structure, and design tokens ready to be customised for your brand.
-- Access a curated set of MUI Components, wrapped in a clean layout that highlights the Design System’s core building blocks—so you can start designing and building immediately.
-- Learn more at [Muibook.com](https://muibook.com/#/create-mui-app)
+- ⚡ Vite-powered: Lightning-fast development with HMR
+- 🎨 Pre-configured theming: Design tokens and CSS custom properties
+- 🧱 Component showcase: Curated set of MUI Components in a clean layout
+- 📱 Responsive foundation: Mobile-first CSS resets and utilities
+- 🔧 Customisable: Easy to adapt for your brand and requirements
+
+Learn more at [Muibook.com](https://muibook.com/#/create-mui-app)
 
 ---
 
-## Muibook Documentation
+# Muibook Repository
+
+Muibook is the home of the Mui Design System (MichaelUI) — native Web Components with clean, composable patterns that help you write less code.
 
-- Muibook is the home of the Mui Design System (MichaelUI) — native Web Components with clean, composable patterns that help you write less code
-- Learn more about [Muibook.com](https://muibook.com)
-- This project is powered by [Vite](https://vitejs.dev/) and uses TypeScript to provide a fast, modern development experience for building and previewing web components.
+- 📖 Comprehensive guides: From basic usage to advanced customization
+- 🎨 Design principles: Learn the MichaelUI design language
+- 🔧 API reference: Detailed documentation for every component
+- 💡 Best practices: Proven patterns for scalable design systems
+
+Learn more about [Muibook.com](https://muibook.com)
 
 ---
 
-## Start Development Server
+### Start Development Server
+
+This project is powered by [Vite](https://vitejs.dev/) and uses TypeScript to provide a fast, modern development experience for building and previewing web components.
 
-`npm run dev`
+```bash
+npm run dev
+```
 
 - Starts Vite in development mode
 - Opens the app at http://localhost:5173 (or next available port)
@@ -38,87 +62,115 @@ A library of reusable vanilla Web Components designed with the MichaelUI design
 
 ---
 
-## Build Project
+### Build Project
 
-`npm run build`
+```bash
+npm run build
+```
 
 - Compiles and bundles the project for production
-- Outputs optimized files into the dist/ directory
+- Outputs optimised files into the dist/ directory
 
 ---
 
-## Build Muibook
+### Build Muibook
 
-`npm run build:muibook`
+```bash
+npm run build:muibook
+```
 
 - Builds the Muibook package using a custom Vite config (vite.muibook.config.ts)
 - Produces a minified CSS and JS build for documentation
 
 ---
 
-## Preview Muibook Build
+### Preview Muibook Build
 
-`npm run preview:muibook`
+```bash
+npm run preview:muibook
+```
 
 - Serves the minified Muibook build locally for previewing the compiled output
 
 ---
 
-## Build Create Mui App
+### Build Create Mui App
 
-`npm run build:create-mui-app`
+```bash
+npm run build:create-mui-app
+```
 
 - Builds the create-mui-app package using a custom Vite config (vite.create-mui-app.config.ts)
 - Produces a minified CSS and JS build for documentation
 
 ---
 
-## Preview Create Mui App Build
+### Preview Create Mui App Build
 
-`npm run preview:create-mui-app`
+```bash
+npm run preview:create-mui-app
+```
 
 - Serves the minified create-mui-app build locally for previewing the compiled output
 
 ---
 
-## Setup
+### Setup
 
-Install dependencies:
+#### Install dependencies:
 
-`npm install`
+```bash
+npm install
+```
 
-TypeScript Support:
+#### TypeScript Support:
 
-`npm install --save-dev @types/node`
+```bash
+npm install --save-dev @types/node
+```
 
 ---
 
-## VS Code Plug-in
+### VS Code Plug-in
 
-Install [es6-string-html](https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html)
+Install [es6-string-html](https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html) for better HTML template literal syntax highlighting.
 
 ---
 
-## Packages
+### Publishing
 
-Publish
+#### Publish to NPM
 
-`npm publish`
+```bash
+npm publish
+```
 
-Version Patch
+#### Version Management
 
-`npm version patch`
+```bash
+npm version patch  # Increment patch version
+npm version minor  # Increment minor version
+npm version major  # Increment major version
+```
 
-Dry run
+#### Test Before Publishing
 
-`npm pack --dry-run`
+```bash
+npm pack --dry-run  # Preview what will be published
+```
 
 ---
 
-## Notes
+### Development Notes
 
 - Add any new components to `vite.config.ts` to include them in builds
 - The dist/ folder is published, while source code and src/muibook are excluded
 - Use the preview scripts to verify production builds before deployment
+- Follow semantic versioning for releases
+
+---
+
+### License
 
-![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)
+- ![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)
+- MIT License - see LICENSE file for details.