@lovince/my-lit-library 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+declare class button extends LitElement {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare function defineButton(): void;
+
+declare function defineAllComponents(): void;
+
+export { button, defineAllComponents, defineButton };

package/dist/index.js

@@ -0,0 +1,37 @@
+// src/components/button.ts
+import { LitElement, html, css } from "lit";
+var button = class extends LitElement {
+  static styles = css`
+    button {
+      padding: 0.6rem 1rem;
+      border-radius: 6px;
+      background: royalblue;
+      color: white;
+      border: none;
+      cursor: pointer;
+    }
+  `;
+  render() {
+    return html`      <button>
+        <slot></slot>
+      </button>
+    `;
+  }
+};
+
+// src/define/button.ts
+function defineButton() {
+  if (!customElements.get("my-button")) {
+    customElements.define("my-button", button);
+  }
+}
+
+// src/define/all.ts
+function defineAllComponents() {
+  defineButton();
+}
+export {
+  button,
+  defineAllComponents,
+  defineButton
+};

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@lovince/my-lit-library",
+  "version": "1.0.0",
+  "description": "Reusable Web Components built with Lit",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsup"
+  },
+  "keywords": [
+    "web-components",
+    "lit",
+    "design-system"
+  ],
+  "author": "Steve",
+  "license": "MIT",
+  "peerDependencies": {
+    "lit": "^3.0.0"
+  },
+  "devDependencies": {
+    "lit": "^3.3.2",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}