@sekiui/elements 0.0.11

package/.github/workflows/release.yml

@@ -0,0 +1,42 @@
+name: Release
+
+on:
+  push:
+    tags: ["v*"]   # e.g. v0.0.3
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v5
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v5
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org
+          cache: pnpm
+          always-auth: true
+
+      - name: Install deps
+        run: pnpm i --frozen-lockfile
+
+      # ⬇️ auto-bump package.json version from the tag (vX.Y.Z => X.Y.Z)
+      - name: Sync version from tag
+        run: |
+          VERSION="${GITHUB_REF#refs/tags/v}"
+          echo "Version from tag: $VERSION"
+          npm version "$VERSION" --no-git-tag-version
+
+      - name: Build
+        run: pnpm run build
+
+      - name: Publish to npm
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: pnpm publish --access public --no-git-checks

package/README.md

@@ -0,0 +1,5 @@
+# sekiui (monorepo)
+
+This repository contains the Seki UI web components.
+
+- `@sekiui/elements` — core elements (placeholder).

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@sekiui/elements",
+  "description": "sekiui web components UI library",
+  "license": "MIT",
+  "devDependencies": {
+    "rimraf": "^6.0.0"
+  },
+  "version": "0.0.11",
+  "scripts": {
+    "build": "pnpm -r build",
+    "clean": "rimraf packages/**/dist"
+  }
+}

package/packages/elements/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/packages/elements/README.md

@@ -0,0 +1,25 @@
+# @sekiui/elements
+
+**Seki UI** — short, rock-solid web components with the `seki-` prefix.
+
+## Quick start
+```html
+<script type="module">
+  import "@sekiui/elements"; // registers <seki-button> and <seki-card>
+</script>
+
+<seki-card>
+  <seki-button>Click me</seki-button>
+</seki-card>
+```
+
+## Per-component imports
+```js
+import "@sekiui/elements/button"; // defines <seki-button> only
+```
+
+## Theming
+Use CSS parts and custom properties (e.g. `part="button"`).
+
+## License
+MIT

package/packages/elements/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@sekiui/elements",
+  "version": "0.1.0",
+  "description": "Sekiui UI web components library",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "echo 'Build script not configured yet'"
+  },
+  "keywords": [
+    "ui",
+    "components",
+    "web components"
+  ],
+  "license": "MIT"
+}

package/packages/elements/src/button.ts

@@ -0,0 +1,18 @@
+export class SekiButton extends HTMLElement {
+  connectedCallback() {
+    if (!this.shadowRoot) {
+      const root = this.attachShadow({ mode: "open" });
+      root.innerHTML = `
+        <button part="button" style="border:1px solid currentColor;padding:.5rem .75rem;border-radius:.5rem;background:transparent;">
+          <slot></slot>
+        </button>
+      `;
+    }
+  }
+}
+
+export function defineSekiButton() {
+  if (!customElements.get("seki-button")) {
+    customElements.define("seki-button", SekiButton);
+  }
+}

package/packages/elements/src/card.ts

@@ -0,0 +1,18 @@
+export class SekiCard extends HTMLElement {
+  connectedCallback() {
+    if (!this.shadowRoot) {
+      const root = this.attachShadow({ mode: "open" });
+      root.innerHTML = `
+        <div part="card" style="border:1px solid currentColor;padding:1rem;border-radius:.75rem;display:block">
+          <slot></slot>
+        </div>
+      `;
+    }
+  }
+}
+
+export function defineSekiCard() {
+  if (!customElements.get("seki-card")) {
+    customElements.define("seki-card", SekiCard);
+  }
+}

package/packages/elements/src/index.ts

@@ -0,0 +1,11 @@
+export { SekiButton, defineSekiButton } from "./button";
+export { SekiCard, defineSekiCard } from "./card";
+
+export function defineAllSeki() {
+  defineSekiButton();
+  defineSekiCard();
+}
+
+// Auto-register all by default to make the placeholder easy to try.
+// If you prefer opt-in registration, comment out the next line.
+defineAllSeki();

package/packages/elements/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "bundler",
+    "declaration": true,
+    "declarationMap": false,
+    "sourceMap": false,
+    "outDir": "dist",
+    "strict": true,
+    "skipLibCheck": true,
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ]
+  },
+  "include": [
+    "src"
+  ]
+}

package/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - "packages/*"