material-inspired-component-library 8.0.1 → 8.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "material-inspired-component-library",
-  "version": "8.0.1",
+  "version": "8.0.4",
   "description": "The Material-Inspired Component Library (MICL) offers a collection of beautifully crafted components leveraging native HTML markup, designed to align with the Material Design 3 guidelines.",
   "author": "MICL Hermana <micl.hermana@proton.me> (https://github.com/henkpb/micl)",
   "license": "MIT",

package/CLAUDE.md

@@ -1,53 +0,0 @@
-# CLAUDE.md
-
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
-
-## Project Overview
-
-MICL is a Material Design 3 (M3 Expressive) UI component library written in Sass and TypeScript.
-
-## Commands
-
-```bash
-npm run build    # Compiles TypeScript + Sass via webpack, outputs to /dist/ and /docs/
-```
-
-There is no test suite, linter script, or dev server configured.
-
-## Architecture
-
-### Entry Points
-
-- **`micl.ts`** — Main orchestrator. Initializes components lazily via a `MutationObserver` that watches for DOM insertions/removals. Handles event delegation for `input`, `change`, and `keydown` events, applies the ripple effect, and sets scrollbar CSS custom properties.
-- **`styles.scss`** — Master stylesheet that imports all component and foundation Sass partials.
-
-### Component Structure
-
-Each component lives in `components/<name>/` and exports:
-- A CSS selector string (e.g., `buttonSelector = 'button.micl-button--toggle'`)
-- A handler object with `initialize(element)` / `cleanup(element)` methods and optional event handlers (`input`, `change`, `keydown`, `command`)
-
-`micl.ts` imports every component handler, maps selectors to handlers, and drives the lifecycle using the MutationObserver + event delegation pattern.
-
-### Styling System
-
-- Sass uses `@use` (not `@import`); partials are namespaced.
-- Theming is done entirely via CSS custom properties with `--md-comp-*` prefixes.
-- `themes/` contains 11 colour themes, each with light, dark, and high-contrast variants.
-- `styles/` contains Material Design tokens: typography, shapes, elevation, motion, state layers.
-- `foundations/` contains the responsive layout system (breakpoints: compact ≤599 px, medium 600–839 px, expanded 840–1199 px, large 1200–1599 px, extra-large ≥1600 px).
-
-### Coding
-
-- The amount of TypeScript code should be minimized. Necessary functionality should be solved using SCSS only.
-– The SCSS code can be verbose, but the compiled CSS code must be as small as possible.
-
-### Documentation
-
-- Component documentation is stored with the SCSS and JavaScript files. Always check if the documentation is up to date with regards to the implementation.
-
-### Build
-
-`webpack.config.js` produces two identical outputs: one to `/dist/` (npm distribution) and one to `/docs/` (live demo). TypeScript target is ES2022 with strict mode and declaration-file generation enabled.
-
-The library compiles to a UMD bundle (`dist/micl.js`) and a CSS file (`dist/micl.css`) with zero runtime dependencies. In addition, a CSS and JavaScript pair of compiled files is created, so that a consumer may load only a subset of components.