ladrillosjs 2.0.0-beta.4 → 2.0.0-beta.4.2

package/README.md

@@ -31,7 +31,6 @@ A lightweight, zero-dependency web component framework for building modular web
   - [Shadow DOM](#shadow-dom)
   - [Styling Components](#styling-components)
   - [Performance & Caching](#performance--caching)
-- [Creating Component Libraries](#creating-component-libraries)
 - [Common Patterns](#common-patterns)
   - [Keyboard Events](#keyboard-events)
   - [Form Validation](#form-validation)
@@ -1595,117 +1594,6 @@ LadrillosJS includes built-in performance optimizations:
 - Event listeners are automatically cleaned up
 - Conditional rendering skips hidden elements
 
-## Creating Component Libraries
-
-LadrillosJS makes it easy to create and publish reusable component libraries. Developers can use your components in their projects with full TypeScript support.
-
-### Quick Example
-
-**Create a library:**
-
-```typescript
-// src/types/index.ts - Define interfaces
-export interface ButtonProps {
-  variant?: 'primary' | 'secondary';
-  size?: 'sm' | 'md' | 'lg';
-}
-
-export interface AwesomeButton extends HTMLElement {
-  variant?: ButtonProps['variant'];
-  size?: ButtonProps['size'];
-  setLoading(state: boolean): void;
-}
-
-// src/components/Button/button.html
-<button class="btn-{variant}" onclick="handleClick()">
-  <slot>{label}</slot>
-</button>
-
-<script>
-  let variant = this.getAttribute('variant') || 'primary';
-  let label = this.getAttribute('label') || 'Click';
-
-  export const handleClick = () => {
-    $emit('button:click', { timestamp: Date.now() });
-  };
-</script>
-
-// src/index.ts - Export registry
-export * from './types';
-export * from './components/Button';
-
-export const AWESOME_COMPONENTS = [
-  { name: 'awesome-button', path: './components/Button/button.html' }
-];
-
-export const registerAwesomeComponents = async () => {
-  const { registerComponents } = await import('ladrillosjs');
-  return registerComponents(AWESOME_COMPONENTS);
-};
-```
-
-**Consumers use it:**
-
-```typescript
-import {
-  registerAwesomeComponents,
-  createButton,
-  type AwesomeButton,
-} from "@awesome/ui";
-
-// Register all components
-await registerAwesomeComponents();
-
-// Use in HTML
-<awesome-button variant="primary" label="Click Me"></awesome-button>;
-
-// Or programmatically with types
-const btn = createButton() as AwesomeButton;
-btn.setAttribute("variant", "secondary");
-btn.setLoading(true);
-
-// Type-safe events
-btn.addEventListener("button:click", (e) => {
-  console.log("Clicked:", e.detail.timestamp);
-});
-```
-
-### Key Features for Libraries
-
-✅ **TypeScript Interfaces** - Full type definitions for all props, events, and methods  
-✅ **Component Registry** - Easy batch registration  
-✅ **Helper Functions** - `createButton()`, `configureCard()`, etc.  
-✅ **Metadata Export** - Component documentation and metadata  
-✅ **Multiple Formats** - ESM, CJS, UMD outputs  
-✅ **Tree-Shakeable** - Only import what you use
-
-### Creating Your Library
-
-1. **Define TypeScript interfaces** for props, events, and typed element references
-2. **Create single-file `.html` components** with template, styles, and scripts
-3. **Export helper functions** for programmatic component creation
-4. **Create component registry** for batch registration
-5. **Configure package.json** with exports field for subpath imports
-6. **Build and publish** to NPM
-
-### Example Projects
-
-- **[Full Example Library](samples/component-library/)** - Complete Button, Card, Modal components with TypeScript
-- **[Library Demo App](samples/apps/component-library-demo/)** - Shows all usage patterns and integrations
-
-### Complete Guide
-
-For detailed instructions on creating, building, and publishing component libraries, see the **[Library Authoring Guide](docs/LIBRARY_AUTHORING.md)**.
-
-Topics covered:
-
-- Project structure and best practices
-- Component creation with HTML + TypeScript
-- Building with Vite
-- Publishing to NPM
-- Consumer usage examples
-- React/Vue integration patterns
-
 ## Common Patterns
 
 ### Keyboard Events

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ladrillosjs",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.4.2",
   "description": "A lightweight, zero-dependency web component framework for building modular web applications.",
   "repository": {
     "type": "git",
@@ -11,16 +11,18 @@
   ],
   "types": "dist/index.d.ts",
   "main": "./dist/ladrillosjs.cjs.js",
-  "module": "./src/index.ts",
+  "module": "./dist/ladrillosjs.es.js",
   "browser": "./dist/ladrillosjs.umd.js",
   "unpkg": "./dist/ladrillosjs.umd.js",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "browser": "./dist/ladrillosjs.umd.js",
-      "import": "./src/index.ts",
+      "import": "./dist/ladrillosjs.es.js",
       "require": "./dist/ladrillosjs.cjs.js"
     },
     "./vite": {
+      "types": "./dist/vite.d.ts",
       "import": "./dist/vite.js",
       "require": "./dist/vite.cjs"
     }