@moni-labs/moni-ui 0.4.0 → 0.4.2

package/README.md

@@ -45,6 +45,55 @@ Importa el tema de variables base en tu archivo CSS global:
 @import '@moni-labs/moni-ui/styles';
 ```
 
+### Uso directo en el navegador (CDN)
+
+Sin bundler, carga la distribución minificada completa:
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/browser/moni-ui.min.css"
+>
+<script src="https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/browser/moni-ui.iife.min.js"></script>
+
+<moni-button variant="filled">Comenzar</moni-button>
+```
+
+También existe una distribución ESM:
+
+```html
+<script type="module">
+  import 'https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/browser/moni-ui.min.js';
+</script>
+```
+
+Los archivos `.gz` y `.br` se publican junto al JavaScript y CSS para servidores que gestionen `Content-Encoding` explícitamente.
+
+### CDN modular con import map
+
+Para descargar únicamente los componentes utilizados, declara sus rutas en un import map:
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/cdn/moni-ui.min.css"
+>
+<script type="importmap">
+{
+  "imports": {
+    "@moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/cdn/components/moni-button.js",
+    "@moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/cdn/components/moni-text-field.js"
+  }
+}
+</script>
+<script type="module">
+  import '@moni-ui/button';
+  import '@moni-ui/text-field';
+</script>
+```
+
+El mapa completo se publica en `dist/cdn/importmap.json`. Los módulos comparten chunks internos, por lo que Lit y las utilidades comunes se descargan una sola vez.
+
 ---
 
 ## Guía del Componente Core: Botón Expresivo (`<moni-button>`) 🧩

package/custom-elements.json

@@ -8,6 +8,21 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/browser.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "dist/web-components.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/index.js",
@@ -412,12 +427,33 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "scripts/build-browser.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "scripts/build.js",
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/browser.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/web-components.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/index.ts",