feat: remove barrel file

demo/Counter.mjs

@@ -0,0 +1,17 @@
+// @ts-check
+import WebComponent from "../src/WebComponent.js";
+
+export class Counter extends WebComponent {
+  static properties = ["count"];
+
+  onInit() {
+    this.props.count = 0;
+    this.onclick = () => ++this.props.count;
+  }
+
+  get template() {
+    return `<button id="btn">${this.props.count}</button>`;
+  }
+}
+
+customElements.define("my-counter", Counter);

demo/HelloWorld.mjs

@@ -1,5 +1,5 @@
 // @ts-check
-import WebComponent from "../src/index.js";
+import WebComponent from "../src/WebComponent.js";
 
 export class HelloWorld extends WebComponent {
   static properties = ["my-name", "emotion"];

package.json

@@ -2,7 +2,7 @@
   "name": "web-component-base",
   "version": "1.12.13",
   "description": "A zero-dependency, ~760 Bytes (minified & brotlied), JS base class for creating reactive custom elements easily",
-  "main": "index.d.ts",
+  "main": "WebComponent.js",
   "type": "module",
   "scripts": {
     "start": "npx simple-server .",

src/WebComponent.js

@@ -43,7 +43,8 @@ export class WebComponent extends HTMLElement {
    * A camelCase counterpart using `WebComponent.props` will give read/write access to any attribute, with or without the `data-*` prefix.
    * @see https://www.npmjs.com/package/web-component-base#prop-access
    * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset
-   * @type {DOMStringMap}
+   * @typedef {{[name: string]: any}} PropStringMap
+   * @type {PropStringMap}
    * @example
    *
    * class HelloWorld extends WebComponent {
@@ -61,7 +62,7 @@ export class WebComponent extends HTMLElement {
   }
 
   /**
-   * @type {DOMStringMap}
+   * @type {PropStringMap}
    */
   #props;
 

src/index.js

@@ -1,2 +0,0 @@
-import { WebComponent } from "./WebComponent.js";
-export default WebComponent;