npm - @sekiui/elements - Versions diffs - 0.0.14 → 0.0.16 - Mend

@sekiui/elements 0.0.14 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (119) hide show

package/README.md +421 -14
package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
package/dist/{esm/index-3X8Wsgjr.js → cjs/index-6jIfEFyf.js} +32 -54
package/dist/cjs/index.cjs.js +0 -1
package/dist/cjs/loader.cjs.js +4 -4
package/dist/cjs/seki-button.cjs.entry.js +6 -31
package/dist/cjs/sekiui.cjs.js +5 -5
package/dist/collection/collection-manifest.json +2 -6
package/dist/collection/components/button/seki-button.css +380 -0
package/dist/collection/components/button/seki-button.js +108 -0
package/dist/collection/index.js +0 -1
package/dist/components/index.js +1130 -3
package/dist/components/seki-button.js +10 -35
package/dist/esm/app-globals-DQuL1Twl.js +3 -0
package/dist/{cjs/index-BxbILFLe.js → esm/index-BROrRAlq.js} +27 -81
package/dist/esm/index.js +0 -1
package/dist/esm/loader.js +4 -4
package/dist/esm/seki-button.entry.js +6 -31
package/dist/esm/sekiui.js +5 -5
package/dist/index.js +1 -2
package/dist/sekiui/index.esm.js +0 -2
package/dist/sekiui/p-BROrRAlq.js +2 -0
package/dist/sekiui/p-DQuL1Twl.js +1 -0
package/dist/sekiui/p-e65a94f7.entry.js +1 -0
package/dist/sekiui/sekiui.esm.js +1 -2
package/dist/types/components/button/seki-button.d.ts +7 -0
package/dist/types/components.d.ts +16 -62
package/dist/types/index.d.ts +1 -1
package/dist/types/stencil-public-runtime.d.ts +16 -2
package/package.json +42 -33
package/LICENSE +0 -21
package/dist/cjs/index-BxbILFLe.js.map +0 -1
package/dist/cjs/index.cjs.js.map +0 -1
package/dist/cjs/loader.cjs.js.map +0 -1
package/dist/cjs/seki-button.entry.cjs.js.map +0 -1
package/dist/cjs/seki-card-content.cjs.entry.js +0 -18
package/dist/cjs/seki-card-content.entry.cjs.js.map +0 -1
package/dist/cjs/seki-card-header.cjs.entry.js +0 -18
package/dist/cjs/seki-card-header.entry.cjs.js.map +0 -1
package/dist/cjs/seki-card-title.cjs.entry.js +0 -18
package/dist/cjs/seki-card-title.entry.cjs.js.map +0 -1
package/dist/cjs/seki-card.cjs.entry.js +0 -18
package/dist/cjs/seki-card.entry.cjs.js.map +0 -1
package/dist/cjs/sekiui.cjs.js.map +0 -1
package/dist/collection/button.js +0 -18
package/dist/collection/button.js.map +0 -1
package/dist/collection/card.js +0 -18
package/dist/collection/card.js.map +0 -1
package/dist/collection/components/seki-button/seki-button.css +0 -60
package/dist/collection/components/seki-button/seki-button.js +0 -125
package/dist/collection/components/seki-button/seki-button.js.map +0 -1
package/dist/collection/components/seki-card/seki-card.css +0 -60
package/dist/collection/components/seki-card/seki-card.js +0 -19
package/dist/collection/components/seki-card/seki-card.js.map +0 -1
package/dist/collection/components/seki-card-content/seki-card-content.css +0 -60
package/dist/collection/components/seki-card-content/seki-card-content.js +0 -19
package/dist/collection/components/seki-card-content/seki-card-content.js.map +0 -1
package/dist/collection/components/seki-card-header/seki-card-header.css +0 -60
package/dist/collection/components/seki-card-header/seki-card-header.js +0 -19
package/dist/collection/components/seki-card-header/seki-card-header.js.map +0 -1
package/dist/collection/components/seki-card-title/seki-card-title.css +0 -60
package/dist/collection/components/seki-card-title/seki-card-title.js +0 -19
package/dist/collection/components/seki-card-title/seki-card-title.js.map +0 -1
package/dist/collection/index.js.map +0 -1
package/dist/components/index.js.map +0 -1
package/dist/components/seki-button.js.map +0 -1
package/dist/components/seki-card-content.d.ts +0 -11
package/dist/components/seki-card-content.js +0 -38
package/dist/components/seki-card-content.js.map +0 -1
package/dist/components/seki-card-header.d.ts +0 -11
package/dist/components/seki-card-header.js +0 -38
package/dist/components/seki-card-header.js.map +0 -1
package/dist/components/seki-card-title.d.ts +0 -11
package/dist/components/seki-card-title.js +0 -38
package/dist/components/seki-card-title.js.map +0 -1
package/dist/components/seki-card.d.ts +0 -11
package/dist/components/seki-card.js +0 -38
package/dist/components/seki-card.js.map +0 -1
package/dist/esm/index-3X8Wsgjr.js.map +0 -1
package/dist/esm/index.js.map +0 -1
package/dist/esm/loader.js.map +0 -1
package/dist/esm/seki-button.entry.js.map +0 -1
package/dist/esm/seki-card-content.entry.js +0 -16
package/dist/esm/seki-card-content.entry.js.map +0 -1
package/dist/esm/seki-card-header.entry.js +0 -16
package/dist/esm/seki-card-header.entry.js.map +0 -1
package/dist/esm/seki-card-title.entry.js +0 -16
package/dist/esm/seki-card-title.entry.js.map +0 -1
package/dist/esm/seki-card.entry.js +0 -16
package/dist/esm/seki-card.entry.js.map +0 -1
package/dist/esm/sekiui.js.map +0 -1
package/dist/sekiui/index.esm.js.map +0 -1
package/dist/sekiui/loader.esm.js.map +0 -1
package/dist/sekiui/p-043a8413.entry.js +0 -2
package/dist/sekiui/p-043a8413.entry.js.map +0 -1
package/dist/sekiui/p-3X8Wsgjr.js +0 -3
package/dist/sekiui/p-3X8Wsgjr.js.map +0 -1
package/dist/sekiui/p-65fc14ff.entry.js +0 -2
package/dist/sekiui/p-65fc14ff.entry.js.map +0 -1
package/dist/sekiui/p-aa468537.entry.js +0 -2
package/dist/sekiui/p-aa468537.entry.js.map +0 -1
package/dist/sekiui/p-c49f2aaf.entry.js +0 -2
package/dist/sekiui/p-c49f2aaf.entry.js.map +0 -1
package/dist/sekiui/p-e8e49693.entry.js +0 -2
package/dist/sekiui/p-e8e49693.entry.js.map +0 -1
package/dist/sekiui/seki-button.entry.esm.js.map +0 -1
package/dist/sekiui/seki-card-content.entry.esm.js.map +0 -1
package/dist/sekiui/seki-card-header.entry.esm.js.map +0 -1
package/dist/sekiui/seki-card-title.entry.esm.js.map +0 -1
package/dist/sekiui/seki-card.entry.esm.js.map +0 -1
package/dist/sekiui/sekiui.css +0 -60
package/dist/sekiui/sekiui.esm.js.map +0 -1
package/dist/types/button.d.ts +0 -4
package/dist/types/card.d.ts +0 -4
package/dist/types/components/seki-button/seki-button.d.ts +0 -10
package/dist/types/components/seki-card/seki-card.d.ts +0 -3
package/dist/types/components/seki-card-content/seki-card-content.d.ts +0 -3
package/dist/types/components/seki-card-header/seki-card-header.d.ts +0 -3
package/dist/types/components/seki-card-title/seki-card-title.d.ts +0 -3

package/README.md CHANGED Viewed

@@ -1,25 +1,432 @@
-# @sekiui/elements
+# SekiUI Components
-**Seki UI** — short, rock-solid web components with the `seki-` prefix.
+Modern, accessible Web Components library built with Stencil.js, inspired by shadcn/ui design principles.
-## Quick start
+## Features
+- 🎨 **Modern Design**: Clean, minimal components following shadcn/ui aesthetic
+- ♿ **Accessibility First**: WCAG 2.1 Level AA compliant
+- 🌗 **Dark Mode**: First-class dark mode support via CSS custom properties
+- 📦 **Framework Agnostic**: Works with React, Vue, Angular, or vanilla JavaScript
+- 🎯 **TypeScript**: Full TypeScript definitions included
+- 🎭 **Storybook**: Interactive component documentation
+- 🔧 **Tree-shakeable**: Import only what you need
+## Installation
+### Via npm (Recommended)
+```bash
+npm install @sekiui/elements
+```
+### Via CDN (No Build Required)
+For quick prototyping or projects without a build system, you can load SekiUI directly from a CDN:
+**Latest Stable Version (GitHub Pages):**
 ```html
-<script type="module">
-  import "@sekiui/elements"; // registers <seki-button> and <seki-card>
-</script>
+<script type="module" src="https://sekiui.github.io/SekiUI/latest/sekiui.esm.js"></script>
+```
+**Latest Stable Version (jsDelivr):**
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@sekiui/elements@latest/dist/sekiui.esm.js"></script>
+```
+**Specific Version (GitHub Pages):**
+```html
+<script type="module" src="https://sekiui.github.io/SekiUI/v1.0.0/sekiui.esm.js"></script>
+```
+**Specific Version (jsDelivr):**
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@sekiui/elements@1.0.0/dist/sekiui.esm.js"></script>
+```
+**Complete Example:**
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>SekiUI via CDN</title>
+</head>
+<body>
+  <!-- Load SekiUI from CDN -->
+  <script type="module" src="https://cdn.jsdelivr.net/npm/@sekiui/elements@latest/dist/sekiui.esm.js"></script>
+  <!-- Use components directly -->
+  <seki-button variant="default">Click me</seki-button>
+</body>
+</html>
+```
+**CDN Notes:**
+- ✅ HTTPS enabled on all CDN URLs
+- ✅ CORS headers configured for cross-origin requests
+- ✅ Versioned URLs cached long-term (immutable)
+- ✅ Latest URLs cached short-term (updates automatically)
+- ⚠️ For production, use versioned URLs to ensure consistency
+## Usage
+### Web Components (Vanilla JS)
+```html
+<script type="module" src="node_modules/@sekiui/components/dist/sekiui/sekiui.esm.js"></script>
+<seki-button variant="default">Click me</seki-button>
+```
+### React
+```jsx
+import { SekiButton } from '@sekiui/elements/react';
+function App() {
+  return <SekiButton variant="default">Click me</SekiButton>;
+}
+```
+### Vue
-<seki-card>
-  <seki-button>Click me</seki-button>
-</seki-card>
+**Option 1: Global Registration (Recommended)**
+In your `main.js` or `main.ts`:
+```js
+import { createApp } from 'vue';
+import App from './App.vue';
+import { defineCustomElements } from '@sekiui/elements/loader';
+// Register custom elements once globally
+defineCustomElements();
+createApp(App).mount('#app');
+```
+Then use anywhere in your components:
+```vue
+<template>
+  <seki-button variant="default">Click me</seki-button>
+</template>
+```
+**Option 2: Component-level Registration**
+```vue
+<template>
+  <seki-button variant="default">Click me</seki-button>
+</template>
+<script setup>
+import { defineCustomElements } from '@sekiui/elements/loader';
+defineCustomElements();
+</script>
 ```
-## Per-component imports
+**Vue 3 Config (Optional):**
+To prevent Vue warnings about unknown custom elements, add to `vite.config.js`:
 ```js
-import "@sekiui/elements/button"; // defines <seki-button> only
+export default {
+  vue: {
+    template: {
+      compilerOptions: {
+        isCustomElement: (tag) => tag.startsWith('seki-')
+      }
+    }
+  }
+}
+```
+### Angular
+In your `app.module.ts`:
+```typescript
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { defineCustomElements } from '@sekiui/elements/loader';
+// Register custom elements
+defineCustomElements();
+@NgModule({
+  schemas: [CUSTOM_ELEMENTS_SCHEMA], // Tell Angular to allow custom elements
+  imports: [BrowserModule],
+  // ...
+})
+export class AppModule { }
+```
+Then use in your templates:
+```html
+<seki-button variant="default">Click me</seki-button>
+```
+## Development Setup
+### Prerequisites
+- Node.js 20.x or later
+- npm or yarn
+### Install Dependencies
+```bash
+npm install
+```
+### Development Server
+```bash
+npm start
+```
+### Build
+```bash
+npm run build
+```
+### Storybook
+```bash
+npm run storybook
+```
+### Version Management Tool
+For accurate version comparison when creating releases, install the `semver` CLI globally:
+```bash
+npm install -g semver
+```
+The `semver` CLI is used by the release helper script to validate that new versions are greater than the latest published version. Without it, the script falls back to basic string comparison, which may not correctly handle pre-release versions.
+**Why semver?**
+- Accurate semantic version comparison (handles 1.0.0-beta.1 vs 1.0.0 correctly)
+- Validates version ranges and constraints
+- Official npm semver library
+**Fallback behavior:**
+If `semver` is not installed, the release script will warn you and ask for confirmation before proceeding with basic validation.
+## Releasing New Versions
+### Automated Release Process
+SekiUI uses an automated npm publishing workflow that triggers when you push version tags to GitHub.
+#### Using the Release Helper Script (Recommended)
+The easiest way to create a new release:
+```bash
+npm run release
+```
+**What the script does:**
+1. Fetches the latest published version from npm
+2. Prompts you for the new version number
+3. Validates that the new version is greater than the latest
+4. **Rejects versions that are less than or equal to the latest**
+5. Creates a git tag with 'v' prefix (e.g., v1.0.0)
+6. Pushes the tag to GitHub
+7. Triggers the automated publish workflow
+**Example:**
+```bash
+$ npm run release
+🚀 SekiUI Release Helper
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+📡 Fetching latest version from npm registry...
+✓ Current latest version on npm: 0.1.1
+Minimum allowed version: 0.1.2
+Enter new version: 0.1.0
+❌ Error: Version 0.1.0 is not greater than current version 0.1.1
+Minimum allowed version: 0.1.2
+Enter new version: 0.2.0
+✓ Version 0.2.0 is valid (greater than 0.1.1)
+📝 Creating git tag: v0.2.0
+✓ Tag created locally
+🚀 Pushing tag to origin...
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+✅ Success! Tag v0.2.0 pushed to GitHub
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+📦 The GitHub Actions workflow will now:
+   1. Build the project
+   2. Run tests
+   3. Publish to npm as version 0.2.0
+🔍 Monitor progress at:
+   https://github.com/YourOrg/SekiUI/actions
+```
+#### Manual Tag Creation (Alternative)
+If you prefer to create tags manually:
+```bash
+# Create a tag with 'v' prefix
+git tag v1.0.0
+# Push the tag to GitHub
+git push origin v1.0.0
 ```
-## Theming
-Use CSS parts and custom properties (e.g. `part="button"`).
+**Important:** Always use the 'v' prefix (e.g., v1.0.0, not 1.0.0). The workflow only triggers on tags matching `v*.*.*`.
+### Versioning Guidelines
+Follow [Semantic Versioning](https://semver.org/):
+- **MAJOR** (v2.0.0): Breaking changes, removed features, changed API
+- **MINOR** (v1.1.0): New features, backward-compatible enhancements
+- **PATCH** (v1.0.1): Bug fixes, documentation updates, internal refactors
+**Pre-release versions:**
+- Alpha: v1.0.0-alpha.1, v1.0.0-alpha.2, ...
+- Beta: v1.0.0-beta.1, v1.0.0-beta.2, ...
+- Release Candidate: v1.0.0-rc.1, v1.0.0-rc.2, ...
+Pre-release versions are published with the `next` tag on npm and won't be installed by default.
+### What Happens After Pushing a Tag
+The automated GitHub Actions workflow:
+1. ✅ **Validates NPM_TOKEN** - Fails fast if secret is missing
+2. 📦 **Installs dependencies** - Clean install with `npm ci`
+3. 🔢 **Extracts version** - Strips 'v' prefix from tag
+4. 🔄 **Syncs package.json** - Updates version to match tag
+5. 🏗️ **Builds project** - Compiles TypeScript and generates dist/
+6. ✅ **Validates build** - Ensures dist/ folder exists
+7. 🚀 **Publishes to npm** - Uploads to npm registry
+8. 🏷️ **Applies dist-tag** - Uses `latest` for stable, `next` for pre-releases
+9. 📡 **Deploys to CDN** - Uploads to GitHub Pages (versioned path)
+10. 🔄 **Updates latest CDN** - Updates `/latest/` path for stable releases only
+11. 📋 **Reports URLs** - Logs CDN URLs in workflow output
+### Monitoring Workflow Status
+After pushing a tag:
+1. Go to the **Actions** tab in GitHub
+2. Find the "Publish to npm" workflow
+3. Click to view real-time logs
+4. Green checkmark = successful publish
+5. Red X = failure (check logs for details)
+### First-Time Setup (Maintainers Only)
+**One-time setup required before releasing:**
+#### 1. NPM_TOKEN Setup
+1. **Generate npm token:**
+   - Log in to [npmjs.com](https://npmjs.com)
+   - Go to Account → Access Tokens
+   - Click "Generate New Token"
+   - Select **Automation** token type
+   - Copy the token (shown only once!)
+2. **Add token to GitHub:**
+   - Go to repository Settings → Secrets and variables → Actions
+   - Click "New repository secret"
+   - Name: `NPM_TOKEN`
+   - Value: Paste your npm token
+   - Click "Add secret"
+#### 2. GitHub Pages Setup (CDN Deployment)
+**Required for CDN deployment to work:**
+1. **Enable GitHub Pages:**
+   - Go to repository Settings → Pages
+   - Under "Source", select: **Deploy from a branch**
+   - Branch: **gh-pages** / (root)
+   - Click "Save"
+2. **What this enables:**
+   - Automatic CDN deployment after npm publish
+   - Versioned URLs: `https://sekiui.github.io/SekiUI/v1.0.0/sekiui.esm.js`
+   - Latest URL: `https://sekiui.github.io/SekiUI/latest/sekiui.esm.js`
+3. **Important notes:**
+   - CDN deployment is **non-blocking** - npm publish succeeds even if CDN fails
+   - First deployment creates the `gh-pages` branch automatically
+   - Pre-release versions deploy to versioned paths only (latest path not updated)
+#### 3. Verify Setup
+1. Create a test tag (e.g., v0.1.0-test.1)
+2. Push the tag: `git push origin v0.1.0-test.1`
+3. Check GitHub Actions logs
+4. Verify:
+   - ✅ Package published to npm
+   - ✅ CDN URLs accessible (check workflow output for URLs)
+5. If successful, delete the test version from npm
+### Troubleshooting
+**"NPM_TOKEN secret is not set"**
+- Add NPM_TOKEN to repository secrets (see setup above)
+**"You cannot publish over the previously published versions"**
+- You're trying to publish a version that already exists
+- Increment the version number and try again
+**"Build did not generate dist/ folder"**
+- Build failed due to TypeScript errors or configuration issues
+- Fix the errors and create a new tag
+**Tag pushed but workflow didn't run**
+- Ensure tag matches pattern `v*.*.*` (with lowercase 'v')
+- Check that workflow file exists in `.github/workflows/publish-npm.yml`
+**Release script rejects valid version**
+- Ensure `semver` CLI is installed: `npm install -g semver`
+- Or proceed with basic validation (less accurate for pre-releases)
+**CDN deployment failed but npm publish succeeded**
+- This is expected behavior (non-blocking deployment)
+- Check GitHub Pages is enabled in repository settings
+- Verify `gh-pages` branch exists (created automatically on first deploy)
+- CDN will be updated on next successful release
+- jsDelivr CDN still works (auto-syncs from npm)
+**CDN URLs not accessible**
+- Wait 1-2 minutes for GitHub Pages to propagate
+- Check GitHub Pages settings: Settings → Pages
+- Verify workflow completed successfully (check Actions tab)
+- Try jsDelivr URL as alternative: `https://cdn.jsdelivr.net/npm/@sekiui/elements@VERSION/dist/sekiui.esm.js`
+## Contributing
+1. Fork the repository
+2. Create a feature branch (`git checkout -b feature/amazing-component`)
+3. Make your changes
+4. Run tests (`npm test`)
+5. Commit your changes (`git commit -m 'feat: add amazing component'`)
+6. Push to your branch (`git push origin feature/amazing-component`)
+7. Open a Pull Request
 ## License
-MIT
+MIT © SekiUI Team

package/dist/cjs/app-globals-V2Kpy_OQ.js ADDED Viewed

@@ -0,0 +1,5 @@
+'use strict';
+const globalScripts = () => {};
+exports.globalScripts = globalScripts;

package/dist/{esm/index-3X8Wsgjr.js → cjs/index-6jIfEFyf.js} RENAMED Viewed

@@ -1,11 +1,10 @@
-const NAMESPACE = 'sekiui';
-const BUILD = /* sekiui */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
+'use strict';
-const globalScripts = () => {};
-const globalStyles = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n/* shadcn/ui design tokens */\n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n    --secondary: 210 40% 96%;\n    --secondary-foreground: 222.2 84% 4.9%;\n    --muted: 210 40% 96%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n    --accent: 210 40% 96%;\n    --accent-foreground: 222.2 84% 4.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n    --radius: 0.5rem;\n  }\n\n  .dark {\n    --background: 222.2 84% 4.9%;\n    --foreground: 210 40% 98%;\n    --card: 222.2 84% 4.9%;\n    --card-foreground: 210 40% 98%;\n    --popover: 222.2 84% 4.9%;\n    --popover-foreground: 210 40% 98%;\n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 11.2%;\n    --secondary: 217.2 32.6% 17.5%;\n    --secondary-foreground: 210 40% 98%;\n    --muted: 217.2 32.6% 17.5%;\n    --muted-foreground: 215 20.2% 65.1%;\n    --accent: 217.2 32.6% 17.5%;\n    --accent-foreground: 210 40% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 40% 98%;\n    --border: 217.2 32.6% 17.5%;\n    --input: 217.2 32.6% 17.5%;\n    --ring: 212.7 26.8% 83.9%;\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}";
+const NAMESPACE = 'sekiui';
+const BUILD = /* sekiui */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, updatable: true};
 /*
- Stencil Client Platform v4.37.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -30,13 +29,17 @@ var registerHost = (hostElement, cmpMeta) => {
     $flags$: 0,
     $hostElement$: hostElement,
     $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
   };
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
+  {
+    hostRef.$fetchedCbList$ = [];
+  }
   const ref = hostRef;
   hostElement.__stencil__getHostRef = () => ref;
   return ref;
@@ -56,36 +59,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   if (module) {
     return module[exportName];
   }
-        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
-          const processMod = importedModule => {
-              cmpModules.set(bundleId, importedModule);
-              return importedModule[exportName];
-          }
-          switch(bundleId) {
-                case 'seki-button':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './seki-button.entry.js').then(processMod, consoleError);
-                case 'seki-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './seki-card.entry.js').then(processMod, consoleError);
-                case 'seki-card-content':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './seki-card-content.entry.js').then(processMod, consoleError);
-                case 'seki-card-header':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './seki-card-header.entry.js').then(processMod, consoleError);
-                case 'seki-card-title':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './seki-card-title.entry.js').then(processMod, consoleError);
-          }
-      }
+  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
   return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
@@ -231,10 +205,7 @@ var unwrapErr = (result) => {
 // src/utils/style.ts
 function createStyleSheetIfNeededAndSupported(styles2) {
-  if (!supportsConstructableStylesheets) return void 0;
-  const sheet = new CSSStyleSheet();
-  sheet.replaceSync(styles2);
-  return sheet;
+  return void 0;
 }
 // src/utils/shadow-root.ts
@@ -242,7 +213,7 @@ var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
   var _a;
   const shadowRoot = this.attachShadow({ mode: "open" });
-  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
   if (globalStyleSheet) {
     if (supportsMutableAdoptedStyleSheets) {
       shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
@@ -802,6 +773,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   }
   let maybePromise;
   if (isInitialLoad) {
+    {
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
+      }
+    }
     maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
   } else {
     maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
@@ -958,7 +934,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || BUILD.watchCallback) {
+  if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -992,8 +968,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
@@ -1008,7 +982,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
                 if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$onReadyPromise$.then(() => {
+                  ref.$fetchedCbList$.push(() => {
                     if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
                       ref.$lazyInstance$[memberName] = newValue;
                     }
@@ -1029,7 +1003,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if (ref.$lazyInstance$) {
                 setterSetVal();
               } else {
-                ref.$onReadyPromise$.then(() => setterSetVal());
+                ref.$fetchedCbList$.push(() => {
+                  setterSetVal();
+                });
               }
             }
           }
@@ -1042,14 +1018,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
+          const hostRef = getHostRef(this);
           if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          }
+          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
           this[propName] == newValue) {
             return;
           } else if (propName == null) {
-            const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
             if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
@@ -1064,7 +1041,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
           newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
-          if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1174,7 +1151,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
@@ -1352,7 +1329,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
-export { Host as H, bootstrapLazy as b, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=index-3X8Wsgjr.js.map
-//# sourceMappingURL=index-3X8Wsgjr.js.map
+exports.bootstrapLazy = bootstrapLazy;
+exports.h = h;
+exports.promiseResolve = promiseResolve;
+exports.registerInstance = registerInstance;
+exports.setNonce = setNonce;

package/dist/cjs/index.cjs.js CHANGED Viewed

@@ -1,3 +1,2 @@
 'use strict';
-//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-BxbILFLe.js');
+var index = require('./index-6jIfEFyf.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  await index.globalScripts();
-  return index.bootstrapLazy([["seki-button.cjs",[[257,"seki-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["seki-card.cjs",[[257,"seki-card"]]],["seki-card-content.cjs",[[257,"seki-card-content"]]],["seki-card-header.cjs",[[257,"seki-card-header"]]],["seki-card-title.cjs",[[257,"seki-card-title"]]]], options);
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["seki-button.cjs",[[257,"seki-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}]]]], options);
 };
 exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;
-//# sourceMappingURL=loader.cjs.js.map