astro-component-kit 0.4.0 → 0.5.0

package/README.md

@@ -1,6 +1,6 @@
 # ⬇ Astro Component Kit
 
-> A free, open-source accessible UI component library built for [Astro 5.x](https://astro.build).
+> A free, open-source accessible UI component library and production templates built for [Astro 5.x](https://astro.build).
 > **🌐 Browse & copy components** at [astrocomponents.dev](https://astrocomponents.dev)
 > **📦 Install via npm** or **copy-paste** — your choice!
 
@@ -13,13 +13,15 @@
 
 ## ✨ Features
 
-- 🎨 **Premium design** — dark mode first, glassmorphism, fluid typography, and subtle micro-animations
-- ⚡ **Full-page sections** — 14 production-ready landing sections (Heroes, Bento Grids, Pricing Matrices, Testimonials, CTAs, FAQs, Teams)
-- ♿ **Accessible** — strictly WCAG 2.1 AA compliant with ARIA roles and keyboard navigation
+- 🤖 **Official MCP Server & AI development** — connect Cursor, Claude, Codex, Lovable, or any MCP client (`https://mcp.astrocomponents.dev/sse` or `npx astro-component-kit mcp install <client>`)
+- 🛍️ **Multi-page production templates** — 3 complete templates (E-commerce Store, Editorial Boutique, SaaS Hotel) with state management, cart persistence, and live previews
+- 🎨 **Dark & Light theme** — dark mode first with official `[data-theme="light"]` support, adaptive tokens, and glassmorphism
+- ⚡ **Full-page sections** — 41+ production-ready landing sections (Heroes, Bento Grids, Pricing Matrices, Testimonials, CTAs, FAQs, Teams, Footers)
+- 📈 **Zero-dependency SVG charts** — 41 pure-SVG data visualization components rendered at build time with keyboard tooltips and data table fallbacks
+- ♿ **Strictly Accessible** — WCAG 2.1 AA compliant with ARIA roles and full keyboard navigation
 - 📋 **Copy & paste** — browse [astrocomponents.dev](https://astrocomponents.dev) and copy components directly
-- 📦 **npm installable** — `npm install astro-component-kit` for direct imports
+- 📦 **npm installable** — `npm install astro-component-kit` for direct modular imports
 - ♻️ **Zero runtime dependencies** — pure `.astro` components + Vanilla CSS
-- 🌑 **Dark mode first** — crafted for modern, dark-themed developer interfaces
 - 🔓 **Open Source** — MIT license, contributions welcome
 
 ---
@@ -45,7 +47,10 @@ import {
   CtaGlowBanner 
 } from 'astro-component-kit';
 
-// Or import by category (recommended for modularity)
+// Or import by category (recommended for tree-shaking & modularity)
+import { StoreProductCard, ProductBuyBox, VariantPicker, CartDrawer } from 'astro-component-kit/ecommerce';
+import { DataTable, AppSidebar, AppTopbar, RoomRack } from 'astro-component-kit/app';
+import { LineChart, BarChart, DonutChart, KpiStatTile } from 'astro-component-kit/charts';
 import { GlassButton, GlowButton, ThreeDPushButton } from 'astro-component-kit/buttons';
 import { GlassCard, ProfileCard, PricingCard } from 'astro-component-kit/cards';
 import { GlassAlert, Badge, ConfettiFeedback } from 'astro-component-kit/feedback';
@@ -54,7 +59,6 @@ import { OverlayModal, CommandDialog, BottomSheetMobile } from 'astro-component-
 import { AnimatedInput, OTPInput, GlassSlider } from 'astro-component-kit/forms';
 import { GlassCardGrid, SplitScreenLayout, MasonryGrid, BentoGrid3 } from 'astro-component-kit/layout';
 import { GradientHeading, GlassBlockQuote, CyberpunkGlitchText } from 'astro-component-kit/typography';
-import { AreaChart, DonutChart, BarChart } from 'astro-component-kit/charts';
 import { 
   FeatureBentoGrid, 
   PricingComparisonMatrix, 
@@ -74,7 +78,7 @@ import {
 <FeatureBentoGrid />
 ```
 
-**Import global design tokens** (optional but recommended):
+**Import global design tokens** (required for theme colors, spacing and typography):
 
 ```astro
 ---
@@ -85,7 +89,7 @@ import 'astro-component-kit/global.css';
 ### Option 2: Copy & Paste from Docs
 
 1. Visit [astrocomponents.dev](https://astrocomponents.dev)
-2. Browse the component library
+2. Browse the component library or templates
 3. Click **Copy** on the component code
 4. Paste into your `src/components/` directory
 5. Import and use in your Astro pages
@@ -103,14 +107,49 @@ Open [http://localhost:4321](http://localhost:4321) to browse components locally
 
 ---
 
+## 🤖 Build with AI via MCP (Model Context Protocol)
+
+Astro Components Kit provides an official **Model Context Protocol (MCP)** server. Connect it to **Cursor, Claude Desktop, Windsurf, or Antigravity** so your AI assistant can discover components, check TypeScript props, and generate production Astro code directly in your project.
+
+### Remote SSE Connection (Recommended — Zero install)
+
+Add this endpoint to your editor's MCP settings (`claude_desktop_config.json`, Cursor Settings -> Features -> MCP, etc.):
+
+```json
+{
+  "mcpServers": {
+    "astro-components": {
+      "url": "https://mcp.astrocomponents.dev/sse"
+    }
+  }
+}
+```
+
+### Available MCP Tools
+
+| Tool | Purpose |
+|------|---------|
+| `search_components` | Search by keyword, category, or tag (e.g. `"buy box"`, `"kpi chart"`, `"pricing"`) |
+| `get_component` | Detailed component metadata, TypeScript `Props`, import statements, and usage code |
+| `get_component_code` | Raw `.astro` source code ready to inject into your project |
+| `list_categories` | Overview of all 13 component categories with item counts |
+| `list_templates` | Overview of the 3 multi-page production templates (Nova Store, Forma Studio, The Lobby) |
+| `get_template` | Complete template architecture, pages, store configuration, and routing guide |
+| `get_design_tokens` | CSS tokens, color variables, spacing scale, and dark/light theme setup |
+| `get_library_info` | High-level overview, active version, total counts, and quickstart guide |
+
+---
+
 ## 📚 Component & Section Library
 
-**290+ components & full-page sections** across 11 categories:
+**320+ components & full-page sections** across 13 categories plus 3 complete templates:
 
 | Category | Components | Description |
 |----------|:----------:|-------------|
+| **E-commerce** | 29 | Shop building blocks: product cards, cart drawer, buy box, variant picker, order summary, checkout, stock indicators |
+| **App & Dashboard** | 15 | SaaS building blocks: DataTable, collapsible AppSidebar, AppTopbar, RoomRack, ArrivalsBoard, HousekeepingBoard, AuthCard |
 | **Charts & Stats** | 47 | 41 zero-dependency SVG charts rendered at build time (line, area, bars, waterfall, pie, gauge, treemap, sankey, radar, heatmap, candlestick, KPI tiles…) plus 3 ApexCharts wrappers |
-| **Sections** | 41 | Heroes, features, pricing, testimonials, CTAs, stats dashboards, careers, FAQs, contact, logo walls, blog, changelog, footers |
+| **Sections** | 41 | Heroes, features, pricing, testimonials, CTAs, stats dashboards, careers, FAQs, contact, logo walls, shop sections, blog, footers |
 | **Buttons** | 22 | Glass, glow, neumorphic, 3D push, magnetic, cyberpunk, and animated |
 | **Cards** | 22 | Ecommerce, profile, pricing, weather, tilt, portfolio, kanban |
 | **Layout** | 22 | Bento grids, masonry, split screens, sticky sidebars, card grids, full-bleed sections |
@@ -121,7 +160,64 @@ Open [http://localhost:4321](http://localhost:4321) to browse components locally
 | **Data Display** | 23 | Tables, vertical/horizontal timelines, stats grids, sparklines, tree views |
 | **Typography** | 24 | Gradient headings, glitch text, typewriter, 3D text layers, drop caps |
 
-### SVG charts — zero dependencies
+---
+
+## 🛍️ Production Templates
+
+Complete multi-page sites built exclusively with library components. Live interactive previews are available at [astrocomponents.dev/templates](https://astrocomponents.dev/templates/).
+
+### 1. E-Commerce Store (Nova Store)
+A production-ready digital storefront with 5 pages, client-side filtering without backend, and a browser-persistent cart:
+
+```astro
+---
+// src/pages/index.astro
+import 'astro-component-kit/global.css';
+import { StoreHomePage } from 'astro-component-kit/templates/ecommerce';
+---
+
+<StoreHomePage />
+```
+
+- **Pages included:** `StoreHomePage`, `StoreCategoryPage`, `StoreProductPage`, `StoreCheckoutPage` and `StoreLayout`.
+- **Persistent Cart:** `cart-store.ts` handles cart items, quantities, promo codes, tax, and cross-tab synchronization.
+- **Import path:** `astro-component-kit/templates/ecommerce`
+
+### 2. E-Commerce Editorial (Forma Studio)
+High-fashion boutique aesthetic with serif typography, square lines, warm terracotta tones, and light theme default:
+
+```astro
+---
+// src/pages/index.astro
+import 'astro-component-kit/global.css';
+import { EditorialHomePage } from 'astro-component-kit/templates/ecommerce-editorial';
+---
+
+<EditorialHomePage />
+```
+
+- **Pages included:** `EditorialHomePage`, `EditorialShopPage`, `EditorialProductPage`, `EditorialBagPage`, `EditorialCheckoutPage` and `EditorialLayout`.
+- **Import path:** `astro-component-kit/templates/ecommerce-editorial`
+
+### 3. SaaS Hotel & Hospitality App (The Lobby)
+A dense, full-featured management dashboard:
+
+```astro
+---
+// src/pages/app/index.astro
+import 'astro-component-kit/global.css';
+import { DashboardPage } from 'astro-component-kit/templates/saas-hotel';
+---
+
+<DashboardPage />
+```
+
+- **Pages included:** `DashboardPage`, `RoomsPage` (Room Rack timeline), `ReservationsPage`, `GuestsPage`, `ReportsPage`, `SettingsPage`, `SignInPage`, and `LandingPage`.
+- **Import path:** `astro-component-kit/templates/saas-hotel`
+
+---
+
+## 📈 SVG Charts — Zero Dependencies
 
 ```astro
 ---
@@ -142,6 +238,19 @@ Every chart ships with a legend, keyboard-focusable marks with tooltips and a "V
 
 ---
 
+## 🌓 Theming & Dark / Light Mode
+
+Components are built dark-mode first with full support for light mode via the `[data-theme="light"]` attribute:
+
+```html
+<!-- Apply on html or body element -->
+<html data-theme="light">
+```
+
+All design tokens (`--ink-rgb`, `--paper-rgb`, `--c-on-primary`, and `--chart-*`) adapt automatically, preserving high contrast and accessible readability.
+
+---
+
 ## 📖 Usage Examples
 
 ### Building a Complete Landing Page in Minutes
@@ -166,7 +275,7 @@ import { MinimalFooterGrid } from 'astro-component-kit/layout';
 
 <!-- 2. Hero Header -->
 <HeroGradient 
-  badge="New Release v0.3.0"
+  badge="New Release v0.5.0"
   title="Build Production Websites at Lightning Speed"
   subtitle="Zero client JavaScript runtime, accessible UI, and modern dark glassmorphism."
 />
@@ -247,22 +356,25 @@ import { Badge } from 'astro-component-kit/feedback';
 astro-component-kit/
 ├── src/
 │   ├── components/
-│   │   ├── lib/                 ← 290+ component source files
-│   │   │   ├── sections/        ← 14 full-page landing sections
-│   │   │   ├── buttons/         ← 19 button components
-│   │   │   ├── cards/           ← 19 card components
-│   │   │   ├── layout/          ← 19 layout & grid components
-│   │   │   ├── forms/           ← 18 form controls & inputs
-│   │   │   ├── navigation/      ← 17 navbar & menu components
-│   │   │   ├── overlays/        ← 20 overlay & modal components
-│   │   │   ├── feedback/        ← 17 alert & feedback components
-│   │   │   ├── data/            ← 19 data visualization & tables
-│   │   │   ├── typography/      ← 19 typography components
-│   │   │   └── charts/          ← 3 interactive data charts
+│   │   ├── lib/                 ← 320+ component source files & templates
+│   │   │   ├── templates/       ← Multi-page templates (ecommerce, editorial, saas-hotel)
+│   │   │   ├── ecommerce/       ← 29 e-commerce components & cart-store
+│   │   │   ├── app/             ← 15 SaaS & dashboard components
+│   │   │   ├── charts/          ← 47 SVG & interactive charts and KPI tiles
+│   │   │   ├── sections/        ← 41 full-page landing & shop sections
+│   │   │   ├── buttons/         ← 22 button components
+│   │   │   ├── cards/           ← 22 card components
+│   │   │   ├── layout/          ← 22 layout & grid components
+│   │   │   ├── forms/           ← 24 form controls & inputs
+│   │   │   ├── navigation/      ← 23 navbar & menu components
+│   │   │   ├── overlays/        ← 23 overlay & modal components
+│   │   │   ├── feedback/        ← 22 alert & feedback components
+│   │   │   ├── data/            ← 23 data visualization & tables
+│   │   │   └── typography/      ← 24 typography components
 │   │   └── index.ts             ← Main barrel export
 │   └── types.d.ts               ← TypeScript declarations
 ├── src/styles/
-│   └── global.css               ← Design tokens & global CSS
+│   └── global.css               ← Design tokens & theme styles (dark/light)
 └── package.json
 ```
 

package/bin/cli.js

@@ -0,0 +1,67 @@
+#!/usr/bin/env node
+// bin/cli.js
+// Direct CLI runner for astro-component-kit.
+import { spawn } from 'node:child_process';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { installMcpForClient } from './installer.js';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const rootDir = path.resolve(__dirname, '..');
+
+const args = process.argv.slice(2);
+const first = args[0]?.toLowerCase();
+
+async function main() {
+  // 1. Fast-path: 1-click install command runs natively in pure Node.js
+  if (first === 'install' || (first === 'mcp' && args[1]?.toLowerCase() === 'install')) {
+    const client = first === 'install' ? args[1] : args[2];
+    if (!client) {
+      console.log(`\n🚀 Astro Components Kit — 1-Click MCP Installer\n`);
+      console.log(`Usage:`);
+      console.log(`  npx astro-component-kit mcp install <cursor|claude|codex|lovable|mcp>\n`);
+      console.log(`Example:`);
+      console.log(`  npx astro-component-kit mcp install cursor\n`);
+      process.exit(1);
+    }
+
+    const success = await installMcpForClient(client);
+    process.exit(success ? 0 : 1);
+  }
+
+  // 2. Help command
+  if (!first || first === 'help' || first === '--help' || first === '-h') {
+    console.log(`
+🚀 Astro Components Kit (astro-component-kit)
+
+Usage:
+  npx astro-component-kit mcp install <cursor|claude|codex|lovable|mcp>
+    → Automatically configure your AI editor/agent to connect to the MCP server
+
+  npx astro-component-kit mcp serve
+    → Start local HTTP/SSE MCP server (default port 3000)
+
+  npx astro-component-kit mcp --stdio
+    → Run in stdio mode for local MCP integrations
+
+Remote SSE Endpoint:
+  https://mcp.astrocomponents.dev/sse
+`);
+    process.exit(0);
+  }
+
+  // 3. For serve / stdio modes, invoke MCP runner
+  const tsxPath = path.resolve(rootDir, 'node_modules/.bin/tsx');
+  const mcpEntry = path.resolve(rootDir, 'src/mcp/index.ts');
+  const proc = spawn(process.execPath, [tsxPath, mcpEntry, ...args], {
+    stdio: 'inherit',
+    cwd: process.cwd(),
+  });
+  proc.on('exit', (code) => process.exit(code || 0));
+}
+
+main().catch((err) => {
+  console.error('[cli] Error:', err);
+  process.exit(1);
+});

package/bin/installer.js

@@ -0,0 +1,179 @@
+// bin/installer.js
+// Pure Node.js automated 1-click CLI installer with zero dependencies.
+import fs from 'node:fs';
+import path from 'node:path';
+import os from 'node:os';
+
+const MCP_SERVER_URL = 'https://mcp.astrocomponents.dev/sse';
+
+const SERVER_CONFIG = {
+  url: MCP_SERVER_URL,
+};
+
+function getHomeDir() {
+  return os.homedir();
+}
+
+export function normalizeClient(input) {
+  if (!input || typeof input !== 'string') return null;
+  const c = input.toLowerCase().trim();
+  if (c === 'cursor' || c === 'cursos') return 'cursor';
+  if (c === 'claude' || c === 'claude-desktop' || c === 'claude-code') return 'claude';
+  if (c === 'codex' || c === 'openai-codex' || c === 'copilot') return 'codex';
+  if (c === 'lovable' || c === 'lovable-dev') return 'lovable';
+  if (c === 'mcp' || c === 'universal' || c === 'generic') return 'mcp';
+  if (c === 'windsurf') return 'windsurf';
+  if (c === 'cline') return 'cline';
+  return null;
+}
+
+/**
+ * Returns the candidate configuration paths for each supported client.
+ */
+function getClientConfigPaths(client) {
+  const home = getHomeDir();
+  const platform = os.platform();
+
+  switch (client) {
+    case 'cursor': {
+      const localCursor = path.resolve(process.cwd(), '.cursor/mcp.json');
+      const globalCursor = path.resolve(home, '.cursor/mcp.json');
+      return { primary: localCursor, fallback: globalCursor };
+    }
+    case 'claude': {
+      if (platform === 'darwin') {
+        return { primary: path.resolve(home, 'Library/Application Support/Claude/claude_desktop_config.json') };
+      }
+      if (platform === 'win32') {
+        const appData = process.env.APPDATA || path.resolve(home, 'AppData/Roaming');
+        return { primary: path.resolve(appData, 'Claude/claude_desktop_config.json') };
+      }
+      return { primary: path.resolve(home, '.config/Claude/claude_desktop_config.json') };
+    }
+    case 'codex': {
+      const localCodex = path.resolve(process.cwd(), '.codex/mcp.json');
+      const globalCodex = path.resolve(home, '.codex/config.json');
+      return { primary: localCodex, fallback: globalCodex };
+    }
+    case 'lovable': {
+      const localLovable = path.resolve(process.cwd(), '.lovable/mcp.json');
+      const globalLovable = path.resolve(home, '.lovable/config.json');
+      return { primary: localLovable, fallback: globalLovable };
+    }
+    case 'mcp': {
+      const localMcp = path.resolve(process.cwd(), 'mcp.json');
+      const globalMcp = path.resolve(home, '.mcp/config.json');
+      return { primary: localMcp, fallback: globalMcp };
+    }
+    case 'windsurf': {
+      return { primary: path.resolve(home, '.codeium/windsurf/mcp_config.json') };
+    }
+    case 'cline': {
+      if (platform === 'darwin') {
+        return {
+          primary: path.resolve(
+            home,
+            'Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json'
+          ),
+        };
+      }
+      if (platform === 'win32') {
+        const appData = process.env.APPDATA || path.resolve(home, 'AppData/Roaming');
+        return {
+          primary: path.resolve(
+            appData,
+            'Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json'
+          ),
+        };
+      }
+      return {
+        primary: path.resolve(
+          home,
+          '.config/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json'
+        ),
+      };
+    }
+    default:
+      return { primary: path.resolve(process.cwd(), 'mcp.json') };
+  }
+}
+
+/**
+ * Installs or updates the astro-components MCP server in the target client's configuration.
+ */
+export async function installMcpForClient(targetClient) {
+  const client = normalizeClient(targetClient);
+  const validClients = ['cursor', 'claude', 'codex', 'lovable', 'mcp', 'windsurf', 'cline'];
+
+  if (!client) {
+    console.error(`\n❌ Unknown client "${targetClient}".`);
+    console.log(`   Supported clients: ${validClients.join(', ')}`);
+    console.log(`\nExamples:`);
+    console.log(`   npx astro-component-kit mcp install cursor`);
+    console.log(`   npx astro-component-kit mcp install claude`);
+    console.log(`   npx astro-component-kit mcp install codex`);
+    console.log(`   npx astro-component-kit mcp install lovable`);
+    console.log(`   npx astro-component-kit mcp install mcp\n`);
+    return false;
+  }
+
+  const { primary } = getClientConfigPaths(client);
+  const targetDir = path.dirname(primary);
+
+  console.log(`\n📦 Configuring Astro Components Kit MCP for [${client}]...`);
+  console.log(`   Target config: ${primary}`);
+
+  try {
+    if (!fs.existsSync(targetDir)) {
+      fs.mkdirSync(targetDir, { recursive: true });
+    }
+
+    let config = {};
+    if (fs.existsSync(primary)) {
+      try {
+        const raw = fs.readFileSync(primary, 'utf8');
+        config = JSON.parse(raw);
+      } catch {
+        config = {};
+      }
+    }
+
+    if (!config || typeof config !== 'object') {
+      config = {};
+    }
+
+    if (!config.mcpServers || typeof config.mcpServers !== 'object') {
+      config.mcpServers = {};
+    }
+
+    // Add or update astro-components server
+    config.mcpServers['astro-components'] = SERVER_CONFIG;
+
+    fs.writeFileSync(primary, JSON.stringify(config, null, 2) + '\n', 'utf8');
+
+    console.log(`\n✅ Successfully installed!`);
+    console.log(`   Server name: "astro-components"`);
+    console.log(`   Endpoint:    ${MCP_SERVER_URL}`);
+    console.log(`\n💡 What to do next:`);
+    console.log(`   Restart ${client.toUpperCase()} (or reload MCP servers), then prompt your AI:`);
+    console.log(`   > "Search astro-components for ecommerce cards and buy box"`);
+    console.log(`   > "Insert a KPI stat tile chart from astro-components"\n`);
+    return true;
+  } catch (err) {
+    console.error(`\n❌ Failed to write configuration: ${err?.message || err}`);
+    console.log(`\nYou can configure it manually by adding this JSON:`);
+    console.log(
+      JSON.stringify(
+        {
+          mcpServers: {
+            'astro-components': SERVER_CONFIG,
+          },
+        },
+        null,
+        2
+      )
+    );
+    return false;
+  }
+}
+

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "astro-component-kit",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "A free, open-source accessible UI component library for Astro",
   "type": "module",
   "main": "./src/components/index.ts",
   "module": "./src/components/index.ts",
   "types": "./src/components/types.d.ts",
+  "bin": {
+    "astro-component-kit": "./bin/cli.js"
+  },
   "exports": {
     ".": "./src/components/index.ts",
     "./buttons": "./src/components/lib/buttons/index.ts",
@@ -19,13 +22,21 @@
     "./typography": "./src/components/lib/typography/index.ts",
     "./sections": "./src/components/lib/sections/index.ts",
     "./charts": "./src/components/lib/charts/index.ts",
+    "./ecommerce": "./src/components/lib/ecommerce/index.ts",
+    "./app": "./src/components/lib/app/index.ts",
+    "./templates/ecommerce": "./src/components/lib/templates/ecommerce/index.ts",
+    "./templates/ecommerce-editorial": "./src/components/lib/templates/ecommerce-editorial/index.ts",
+    "./templates/saas-hotel": "./src/components/lib/templates/saas-hotel/index.ts",
     "./global.css": "./src/styles/global.css"
   },
   "files": [
+    "bin/",
     "src/components/lib/",
     "src/components/index.ts",
     "src/components/types.d.ts",
     "src/styles/global.css",
+    "src/mcp/",
+    "src/data/registry/",
     "LICENSE",
     "README.md"
   ],
@@ -35,9 +46,13 @@
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
-    "typecheck": "astro check",
+    "typecheck": "ASTRO_TELEMETRY_DISABLED=1 astro check",
     "registry:generate": "node scripts/generate-registry.mjs",
-    "prepublishOnly": "astro check"
+    "prepublishOnly": "ASTRO_TELEMETRY_DISABLED=1 astro check",
+    "indexnow:dry": "node scripts/indexnow.mjs --dry-run",
+    "mcp:start": "tsx src/mcp/index.ts",
+    "mcp:dev": "tsx watch src/mcp/index.ts",
+    "mcp:stdio": "tsx src/mcp/index.ts --stdio"
   },
   "keywords": [
     "astro",
@@ -48,7 +63,14 @@
     "a11y",
     "glassmorphism",
     "frontend",
-    "web"
+    "web",
+    "ecommerce",
+    "shop",
+    "cart",
+    "templates",
+    "dashboard",
+    "saas",
+    "admin"
   ],
   "author": "konstantinwdk <entiplay@gmail.com>",
   "license": "MIT",
@@ -80,10 +102,18 @@
     "node": ">=22.12.0"
   },
   "dependencies": {
-    "@astrojs/sitemap": "^3.7.2"
+    "@astrojs/sitemap": "^3.7.2",
+    "@modelcontextprotocol/sdk": "^1.32.2",
+    "cors": "^2.8.6",
+    "express": "^5.3.0",
+    "express-rate-limit": "^8.7.3",
+    "tsx": "^4.23.15",
+    "zod": "^4.6.7"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.10",
+    "@types/cors": "^2.8.19",
+    "@types/express": "^5.0.6",
     "@types/three": "^0.184.0",
     "apexcharts": "^3.45.1",
     "astro": ">=5.0.0",

package/src/components/index.ts

@@ -18,6 +18,8 @@ export * from './lib/buttons';
 export * from './lib/cards';
 export * from './lib/charts';
 export * from './lib/data';
+export * from './lib/ecommerce';
+export * from './lib/app';
 export * from './lib/feedback';
 export * from './lib/forms';
 export * from './lib/layout';