{"_id":"@cristiancuray/mz-css","_rev":"5-3fe0dbc270396e5286584e0d8cff528f","name":"@cristiancuray/mz-css","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.3":{"name":"@cristiancuray/mz-css","version":"1.0.3","keywords":["css","sass","scss","grid","responsive","materialize","material-design","flexbox","4k","5k","framework"],"author":{"name":"Cristian Curay","email":"cristian@cristiancuray.net"},"license":"MIT","_id":"@cristiancuray/mz-css@1.0.3","maintainers":[{"name":"cristiancuray","email":"cristiancuray@gmail.com"}],"homepage":"https://github.com/cristiancuray/materialize-grid-css#readme","bugs":{"url":"https://github.com/cristiancuray/materialize-grid-css/issues"},"bin":{"mz-css":"bin/cli.js"},"dist":{"shasum":"2fb5bb610e889de9ab77e892e48f5608d2d178cd","tarball":"https://registry.npmjs.org/@cristiancuray/mz-css/-/mz-css-1.0.3.tgz","fileCount":50,"integrity":"sha512-uDds7wgYy1W7DlapkiAZ0drSGUYkB+3GH6/acxSPqQvB0JM+siQxDN9iha+24BXE7q2/tje3DCAxc0wjJr1IFQ==","signatures":[{"sig":"MEUCIQDHUB7PVWl+rEi/uCJ/X/ej33if1ze4VR0nH1R9yWwO5gIgMXrfMsCsru52ovjVh50wX9TUxiZa+IHHUzJtWjr6aeg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":922272},"main":"css/main.css","sass":"sass/main.scss","style":"css/main.css","engines":{"node":">=16.0.0"},"gitHead":"66df464b25deb85f4f25ef24646a9ce6ac17ae4a","scripts":{"build":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed","clean":"rm -rf css/*.css css/*.map","watch":"sass --watch sass/main.scss:css/main.css sass/social-icons.scss:css/social-icons.css","build:purge":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed && purgecss --config purgecss.config.js --output css/","build:expanded":"sass sass/main.scss css/main.css --style=expanded && sass sass/social-icons.scss css/social-icons.css --style=expanded"},"_npmUser":{"name":"cristiancuray","email":"cristiancuray@gmail.com"},"repository":{"url":"git+https://github.com/cristiancuray/materialize-grid-css.git","type":"git"},"_npmVersion":"10.9.3","description":"mz.css is a framework-agnostic CSS/SASS library with responsive grid up to 5K, local fonts/icons, and optional reusable JavaScript interactions","directories":{},"_nodeVersion":"22.20.0","dependencies":{"purgecss":"^6.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.0"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/mz-css_1.0.3_1774490377229_0.9004816940307281","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@cristiancuray/mz-css","version":"1.0.4","keywords":["css","sass","scss","grid","responsive","materialize","material-design","flexbox","4k","5k","framework"],"author":{"name":"Cristian Curay","email":"cristian@cristiancuray.net"},"license":"MIT","_id":"@cristiancuray/mz-css@1.0.4","maintainers":[{"name":"cristiancuray","email":"cristiancuray@gmail.com"}],"homepage":"https://github.com/cristian1898/mz-css#readme","bugs":{"url":"https://github.com/cristian1898/mz-css/issues"},"bin":{"mz-css":"bin/cli.js"},"dist":{"shasum":"3fa60ec985a0e9721dba09ad579f870f46e911bc","tarball":"https://registry.npmjs.org/@cristiancuray/mz-css/-/mz-css-1.0.4.tgz","fileCount":50,"integrity":"sha512-khVuYfxFlNKzJXzjCSjABlrxJyLZ4Q1o5yLlAvusrQB/iJviiBGoQ+bt2I7O6uYt+cO3+jn87jEq6zZXT3KjTg==","signatures":[{"sig":"MEYCIQC8bZtVSLPcvRz87rjscS39pJTDJGT8jgObexH9MqRHzAIhAL3UdBAKCEqzDOtFwRMj2jwmfT7M2d+BGpuuOhmIJJFh","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":922388},"main":"css/main.css","sass":"sass/main.scss","style":"css/main.css","engines":{"node":">=16.0.0"},"gitHead":"e786017db4b17e732605a68945cce70de189dd7b","scripts":{"build":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed","clean":"rm -rf css/*.css css/*.map","watch":"sass --watch sass/main.scss:css/main.css sass/social-icons.scss:css/social-icons.css","build:purge":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed && purgecss --config purgecss.config.js --output css/","build:expanded":"sass sass/main.scss css/main.css --style=expanded && sass sass/social-icons.scss css/social-icons.css --style=expanded"},"_npmUser":{"name":"cristiancuray","email":"cristiancuray@gmail.com"},"repository":{"url":"git+https://github.com/cristian1898/mz-css.git","type":"git"},"_npmVersion":"10.9.3","description":"mz.css is a framework-agnostic CSS/SASS library with responsive grid up to 5K, local fonts/icons, and optional reusable JavaScript interactions","directories":{},"_nodeVersion":"22.20.0","dependencies":{"purgecss":"^6.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.0"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/mz-css_1.0.4_1774490737893_0.9051903866691493","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@cristiancuray/mz-css","version":"1.0.5","keywords":["css","sass","scss","grid","responsive","materialize","material-design","flexbox","4k","5k","framework"],"author":{"name":"Cristian Curay","email":"cristian@cristiancuray.net"},"license":"MIT","_id":"@cristiancuray/mz-css@1.0.5","maintainers":[{"name":"cristiancuray","email":"cristiancuray@gmail.com"}],"homepage":"https://github.com/cristian1898/mz-css#readme","bugs":{"url":"https://github.com/cristian1898/mz-css/issues"},"bin":{"mz-css":"bin/cli.js"},"dist":{"shasum":"8d43c1fd63224fde8f5f81d2d650f0dade2bc749","tarball":"https://registry.npmjs.org/@cristiancuray/mz-css/-/mz-css-1.0.5.tgz","fileCount":49,"integrity":"sha512-35zqy4Jpv/yTJEUVW2KvCA3JEi95e81gBbMJq8QopwToYN3hGJX8P1uobcDdhlNUS9WhDyus+bF9dTRKkpMXbQ==","signatures":[{"sig":"MEQCIEf4t3/iDfs3uYT7W327cpqLmMYl/NowIXEM3nT+7RffAiAPbu0YnBtemgCYQgyYqCB/Z96ZgMO+DmN0PvPWFs1Suw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":958006},"main":"css/main.css","sass":"sass/main.scss","style":"css/main.css","engines":{"node":">=16.0.0"},"gitHead":"33dfff070faf130e3fedc1b81a253929804e8ba9","scripts":{"build":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed","clean":"rm -rf css/*.css css/*.map","watch":"sass --watch sass/main.scss:css/main.css sass/social-icons.scss:css/social-icons.css","build:purge":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed && purgecss --config purgecss.config.js --output css/","build:expanded":"sass sass/main.scss css/main.css --style=expanded && sass sass/social-icons.scss css/social-icons.css --style=expanded"},"_npmUser":{"name":"cristiancuray","email":"cristiancuray@gmail.com"},"repository":{"url":"git+https://github.com/cristian1898/mz-css.git","type":"git"},"_npmVersion":"11.13.0","description":"mz.css is a framework-agnostic CSS/SASS library with responsive grid up to 5K, local fonts/icons, and optional reusable JavaScript interactions","directories":{},"_nodeVersion":"24.14.1","dependencies":{"purgecss":"^8.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.0"},"_npmOperationalInternal":{"tmp":"tmp/mz-css_1.0.5_1778626151211_0.9681063157611094","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@cristiancuray/mz-css","version":"1.0.6","keywords":["css","sass","scss","grid","responsive","materialize","material-design","flexbox","4k","5k","framework"],"author":{"name":"Cristian Curay","email":"cristian@cristiancuray.net"},"license":"MIT","_id":"@cristiancuray/mz-css@1.0.6","maintainers":[{"name":"cristiancuray","email":"cristiancuray@gmail.com"}],"homepage":"https://github.com/cristian1898/mz-css#readme","bugs":{"url":"https://github.com/cristian1898/mz-css/issues"},"bin":{"mz-css":"bin/cli.js"},"dist":{"shasum":"fcf6ff9ff972df687d3b2409ce071a9e1b58113b","tarball":"https://registry.npmjs.org/@cristiancuray/mz-css/-/mz-css-1.0.6.tgz","fileCount":50,"integrity":"sha512-b17t/FYoDbS0L76jhXZ8M9qo/a9H4wde92fVeMP+U63YJDt5ttRfvMiJpojx4Pq6gUNbZgZA2C9G/G0P0QNFzA==","signatures":[{"sig":"MEUCIQD2/c3d8NkFn4zmI1oEUS7NlPG0tnDTvrPxTUkdR+KpKgIgPTeYK79tx007GmcKzBCXF88sDDbzRp6zAMwbN2lRjfk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":963103},"main":"css/main.css","sass":"sass/main.scss","style":"css/main.css","engines":{"node":">=16.0.0"},"gitHead":"5bf799e1c5947f09c33e538dd1f28504c3ef552f","scripts":{"build":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed","clean":"rm -rf css/*.css css/*.map","watch":"sass --watch sass/main.scss:css/main.css sass/social-icons.scss:css/social-icons.css","build:purge":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed && purgecss --config purgecss.config.js --output css/","build:expanded":"sass sass/main.scss css/main.css --style=expanded && sass sass/social-icons.scss css/social-icons.css --style=expanded"},"_npmUser":{"name":"cristiancuray","email":"cristiancuray@gmail.com"},"repository":{"url":"git+https://github.com/cristian1898/mz-css.git","type":"git"},"_npmVersion":"11.13.0","description":"mz.css is a framework-agnostic CSS/SASS library with responsive grid up to 5K, local fonts/icons, and optional reusable JavaScript interactions","directories":{},"_nodeVersion":"24.14.1","dependencies":{"purgecss":"^8.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.77.0"},"_npmOperationalInternal":{"tmp":"tmp/mz-css_1.0.6_1778627422657_0.10208899422132478","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@cristiancuray/mz-css","version":"1.0.7","description":"mz.css is a framework-agnostic CSS/SASS library with responsive grid up to 5K, local fonts/icons, and optional reusable JavaScript interactions","main":"css/main.css","sass":"sass/main.scss","style":"css/main.css","bin":{"mz-css":"bin/cli.js"},"scripts":{"build":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed","build:expanded":"sass sass/main.scss css/main.css --style=expanded && sass sass/social-icons.scss css/social-icons.css --style=expanded","build:purge":"sass sass/main.scss css/main.css --style=compressed && sass sass/social-icons.scss css/social-icons.css --style=compressed && purgecss --config purgecss.config.js --output css/","watch":"sass --watch sass/main.scss:css/main.css sass/social-icons.scss:css/social-icons.css","clean":"rm -rf css/*.css css/*.map"},"keywords":["css","sass","scss","grid","responsive","materialize","material-design","flexbox","4k","5k","framework"],"author":{"name":"Cristian Curay","email":"cristian@cristiancuray.net"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/cristian1898/mz-css.git"},"bugs":{"url":"https://github.com/cristian1898/mz-css/issues"},"homepage":"https://github.com/cristian1898/mz-css#readme","publishConfig":{"access":"public"},"devDependencies":{"sass":"^1.77.0"},"dependencies":{"purgecss":"^8.0.0"},"engines":{"node":">=16.0.0"},"gitHead":"53021a5cc8a2bf976bb642595597efae24422a85","_id":"@cristiancuray/mz-css@1.0.7","_nodeVersion":"24.14.1","_npmVersion":"11.13.0","dist":{"integrity":"sha512-vIcwRvaXIYWcN7SUuGuqetClNJ8ABthx9joeTYzPKqp95YdLuyr/MqWFMqGfawSrMsam1hUYG5Wh2nkw0tAnxA==","shasum":"066e4a5efb5e65a4ad8efef3f4177cdbc5843a17","tarball":"https://registry.npmjs.org/@cristiancuray/mz-css/-/mz-css-1.0.7.tgz","fileCount":50,"unpackedSize":963085,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCID0L2rY+e9INPQICalngPSkI7Os7uM7rfSpd1NxKFPi9AiEAzXWSQyVQ2zW58BzPJJZqJb1i180NKAvSMgKBcqEq1UA="}]},"_npmUser":{"name":"cristiancuray","email":"cristiancuray@gmail.com"},"directories":{},"maintainers":[{"name":"cristiancuray","email":"cristiancuray@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mz-css_1.0.7_1778627659254_0.7964605002165235"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-26T01:59:37.157Z","modified":"2026-05-12T23:14:19.544Z","1.0.3":"2026-03-26T01:59:37.449Z","1.0.4":"2026-03-26T02:05:38.123Z","1.0.5":"2026-05-12T22:49:11.378Z","1.0.6":"2026-05-12T23:10:22.860Z","1.0.7":"2026-05-12T23:14:19.427Z"},"bugs":{"url":"https://github.com/cristian1898/mz-css/issues"},"author":{"name":"Cristian Curay","email":"cristian@cristiancuray.net"},"license":"MIT","homepage":"https://github.com/cristian1898/mz-css#readme","keywords":["css","sass","scss","grid","responsive","materialize","material-design","flexbox","4k","5k","framework"],"repository":{"type":"git","url":"git+https://github.com/cristian1898/mz-css.git"},"description":"mz.css is a framework-agnostic CSS/SASS library with responsive grid up to 5K, local fonts/icons, and optional reusable JavaScript interactions","maintainers":[{"name":"cristiancuray","email":"cristiancuray@gmail.com"}],"readme":"# mz.css\n\nLibrería CSS/SASS ligera inspirada en MaterializeCSS con sistema de grid responsivo hasta 5K y componentes CSS-only sin JavaScript.\n\n**Autor:** Cristian Curay \n**Versión:** 1.0.3\n\n## ✨ Características\n\n- 🎯 **Sistema de grid** de 12 columnas con soporte hasta 5K (5120px)\n- 📱 **9 breakpoints responsivos**: `s`, `m`, `l`, `xl`, `xxl`, `hd`, `qhd`, `uhd`, `fk`\n- 🎨 **Paleta de colores** Material Design completamente personalizable\n- 🎯 **Clases de color compatibles con Materialize**: `teal lighten-2`, `blue-text text-darken-2`, etc.\n- 🔤 **Fuentes incluidas**: Lato (default), Roboto, Roboto Mono, Material Icons\n- ⚡ **CSS-only interactivo**: Modals, dropdowns, tabs, accordions sin JavaScript\n- 🧩 **24+ componentes**: Buttons, badges, cards, forms, tables, alerts, datepicker, file input, etc.\n- 📦 **Sin dependencias obligatorias** de JavaScript (DatePicker incluye helper opcional)\n- ⚙️ **Interactividad opcional reusable** con `js/base-ui.js` (SSR/SPA/framework agnostic)\n- 🔧 **CLI incluido** para purgar CSS no usado\n- 🌐 Compatible con Angular, React, Vue, Svelte, Next.js, etc.\n\n## 📦 Instalación\n\n```bash\nnpm install @cristiancuray/mz-css\n```\n\n## 🚀 Uso\n\n### CSS puro\n\n```html\n\n```\n\n### SASS/SCSS\n\n```scss\n// Importar toda la librería\n@use '@cristiancuray/mz-css/sass/main';\n\n// O importar módulos individuales\n@use '@cristiancuray/mz-css/sass/grid';\n@use '@cristiancuray/mz-css/sass/buttons';\n@use '@cristiancuray/mz-css/sass/cards';\n```\n\n### Personalizar variables\n\n```scss\n@use '@cristiancuray/mz-css/sass/variables' with (\n $color-primary: #6200ea,\n $font-family-base: $font-family-roboto,\n $gutter: 20px\n);\n@use '@cristiancuray/mz-css/sass/main';\n```\n\n## 📐 Sistema de Grid\n\n### Breakpoints\n\n| Clase | Min-width | Dispositivo |\n|-------|-----------|-------------|\n| `s` | 600px | Móviles |\n| `m` | 768px | Tablets |\n| `l` | 992px | Laptops |\n| `xl` | 1200px | Monitores HD |\n| `xxl` | 1500px | Monitores grandes |\n| `hd` | 1920px | Full HD |\n| `qhd` | 2560px | 2K / QHD |\n| `uhd` | 3840px | 4K UHD |\n| `fk` | 5120px | 5K |\n\n### Ejemplo\n\n```html\n
\n
\n
Columna responsiva
\n
Columna responsiva
\n
Columna responsiva
\n
Columna responsiva
\n
\n
\n```\n\n### Offsets\n\n```html\n
Columna centrada
\n```\n\n## 🧩 Componentes\n\n### Buttons\n\n```html\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\n \n \n \n
\n\n\n\n\n\n\n\n\n\n```\n\n### Badges & Chips\n\n```html\n\nPrimary\nSoft\nOutline\nPill\n\n\n\n\n\n\nOnline\nBusy\n\n\n\n version\n 1.0.2\n\n\n\nFeature\nComplete\n\n\nBasic Chip\n\n \n John Doe\n \n\n```\n\n### Cards\n\n```html\n\n
\n
\n

Title

\n
\n
\n

Card content goes here.

\n
\n
\n \n
\n
\n\n\n
\n \"...\"\n
\n

Card Title

\n

Description text.

\n
\n
\n\n\n
...
\n\n\n
\n
\n Pro Plan\n
\n $\n 29\n /month\n
\n
\n \n
\n```\n\n### Dropdowns (CSS-only)\n\n```html\n\n
\n \n \n
\n \n person\n Profile\n \n Settings\n
\n Sign out\n
\n
\n\n\n
\n \n
\n Action 1\n Action 2\n
\n
\n\n\n
...
\n
...
\n```\n\n### Tabs (CSS-only)\n\n```html\n
\n \n \n \n \n \n
\n
Home content
\n
Profile content
\n
\n
\n\n\n
...
\n
...
\n
...
\n```\n\n### Accordions (CSS-only)\n\n```html\n
\n
\n \n \n
\n
\n Content for section 1.\n
\n
\n
\n
\n \n \n
\n
\n Content for section 2.\n
\n
\n
\n
\n\n\n
...
\n
...
\n
...
\n```\n\n### Tooltips (CSS-only)\n\n```html\n\n\n\n\n\n\n\nPrimary\nSuccess\nDanger\n\n\nMultiline\n\n\n\n```\n\n### Modals (CSS-only)\n\n```html\n\n\n\n\n\n
\n \n
\n \n

Modal Title

\n

Modal content goes here.

\n
\n \n \n
\n
\n
\n```\n\n### Alerts\n\n```html\n
\n check_circle\n
\n
Success!
\n
Your action was completed.
\n
\n
\n\n\n
...
\n
...
\n
...
\n\n\n
\n Dismissible alert\n \n \n
\n```\n\n### Navbar\n\n```html\n\n```\n\n### Sidebar\n\n```html\n\n\n```\n\n### Forms\n\n```html\n\n
\n \n \n
\n\n\n
\n \n \n
\n\n\n
...
\n
...
\n\n\n
\n \n \n
\n\n\n\n\n\n\n```\n\n### DatePicker (CSS + JS opcional)\n\nEl componente DatePicker funciona con estructura CSS-only para abrir/cerrar con checkbox hack y puede usar un helper JavaScript opcional para navegacion, seleccion, eventos e i18n.\n\n```html\n\n \n \n\n
\n \n calendar_today\n
\n \n\n
\n
\n \n March 2024\n \n
\n\n
\n
\n
\n
\n\n
\n \n \n \n
\n
\n\n\n\n\n```\n\nOpciones principales:\n\n- `format`: formato de salida (`YYYY-MM-DD`, `DD/MM/YYYY`, etc.)\n- `locale`: idioma (`en`, `es`, `pt`, `fr`)\n- `firstDayOfWeek`: inicio de semana (`0` domingo, `1` lunes)\n- `minDate` / `maxDate`: limites de fecha\n- `disabledDates`: fechas deshabilitadas\n\nAPI publica:\n\n- `getValue()` / `getFormattedValue()`\n- `setValue(date)` / `clear()`\n- `open()` / `close()`\n- `setLocale(locale)`\n- `on(event, callback)` / `off(event, callback)`\n\n### Base UI (JS opcional para componentes)\n\n`base-ui.js` agrega interacciones reutilizables sobre componentes CSS-only, con API simple y flags por feature.\n\n```html\n\n\n```\n\n### Tables\n\n```html\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameEmailAge
John Doejohn@email.com28
\n\n\n
\n ...
\n
\n\n\n
\n
\n \n \n \n \n \n \n \n
\n\n \n \n \n \n \n \n \n \n \n ...\n ...\n \n
Nombre\n Rol\n \n
\n 		\n Estado\n \n
\n
\n
\n\n\n```\n\n### Dividers\n\n```html\n
\n
\n
\n\n\n
\n OR\n
\n```\n\n### Shadow Utilities\n\n```html\n
Small shadow
\n
Default shadow
\n
Medium shadow
\n
Large shadow
\n
Extra large shadow
\n
No shadow
\n```\n\n### Text Utilities\n\n```html\n\n
Teal lighten-2
\nDark blue text\nAccent background\n\n\nPrimary text\nSuccess text\nBackground\n\n\nExtra small\nSmall\nLarge\nExtra large\n\n\nLight\nBold\n\n\n

Centered

\n

Right aligned

\n\n\nLato font\nRoboto font\nMonospace font\n```\n\n## 🔧 CLI - PurgeCSS\n\nLa librería incluye un CLI para eliminar CSS no utilizado:\n\n```bash\n# Crear configuración\nnpx mz-css init\n\n# Purgar CSS no usado\nnpx mz-css purge\n\n# Con opciones\nnpx mz-css purge --output dist/ --css path/to/file.css\n\n# Ver ayuda\nnpx mz-css help\n```\n\n### Resultado típico\n\n```\n[mz.css] Original size: 169 KB\n[mz.css] Purged CSS: 45 KB (73% reduction)\n[mz.css] Output: ./dist/main.css\n```\n\n## 📁 Estructura\n\n```\nmz.css/\n├── css/\n│ └── main.css # CSS compilado\n├── js/\n│ ├── datepicker.js # Helper JS opcional para DatePicker\n│ └── base-ui.js # Interacciones opcionales para componentes\n├── sass/\n│ ├── _variables.scss # Variables globales\n│ ├── _fonts.scss # @font-face\n│ ├── main.scss # Entry point\n│ ├── base.scss # Reset y base\n│ ├── grid.scss # Sistema de grid\n│ ├── buttons.scss # Botones\n│ ├── badges.scss # Badges y chips\n│ ├── cards.scss # Cards\n│ ├── dropdowns.scss # Dropdowns\n│ ├── tabs.scss # Tabs\n│ ├── accordions.scss # Accordions\n│ ├── tooltips.scss # Tooltips\n│ ├── modals.scss # Modals\n│ ├── navbar.scss # Navbar\n│ ├── sidebar.scss # Sidebar\n│ ├── forms.scss # Formularios\n│ ├── file-input.scss # File input/upload\n│ ├── table.scss # Tablas\n│ ├── alerts.scss # Alertas\n│ ├── dividers.scss # Divisores\n│ ├── paginator.scss # Paginación\n│ ├── icon.scss # Iconos\n│ ├── text.scss # Utilidades de texto\n│ ├── shadows.scss # Utilidades de sombras\n│ ├── datepicker.scss # DatePicker\n│ ├── bento.scss # Bento grid\n│ └── auth.scss # Auth forms\n├── fonts/\n│ ├── lato/ # Fuente Lato\n│ ├── roboto/ # Fuente Roboto\n│ ├── roboto-mono/ # Fuente monospace\n│ └── material-icons/ # Iconos Material\n├── bin/\n│ └── cli.js # CLI para purge\n└── package.json\n```\n\n## 🛠 Desarrollo\n\n```bash\n# Instalar dependencias\nnpm install\n\n# Compilar SASS\nnpm run build\n\n# Compilar expandido (debug)\nnpm run build:expanded\n\n# Watch mode\nnpm run watch\n```\n\n## 📄 Licencia\n\nMIT License - Cristian Curay \n","readmeFilename":"README.md"}