@sekiui/cli 0.0.71

package/dist/components/registry.js

@@ -0,0 +1,593 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMPONENT_REGISTRY = void 0;
+exports.getComponent = getComponent;
+exports.listComponents = listComponents;
+const IMPORT_SNIPPET = `// Already included if you ran: npx sekiui init
+// To load manually:
+import { defineCustomElements } from '@sekiui/elements/loader';
+defineCustomElements();`;
+const CDN_SNIPPET = `<script type="module" src="https://unpkg.com/@sekiui/elements@latest/dist/sekiui/sekiui.esm.js"></script>`;
+exports.COMPONENT_REGISTRY = {
+    button: {
+        name: 'Button',
+        tag: 'seki-button',
+        description: 'Trigger actions with multiple variants and sizes.',
+        cssTokens: [
+            '--seki-button-radius',
+            '--seki-button-font-weight',
+            '--seki-button-transition-duration',
+            '--seki-button-primary-bg',
+            '--seki-button-primary-text',
+            '--seki-button-shadow',
+            '--seki-button-disabled-opacity',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-button variant="default">Click me</seki-button>
+<seki-button variant="secondary">Secondary</seki-button>
+<seki-button variant="outline">Outline</seki-button>
+<seki-button variant="ghost">Ghost</seki-button>
+<seki-button variant="destructive">Delete</seki-button>
+<seki-button variant="link">Link</seki-button>
+
+// Sizes: sm | default | lg | icon
+<seki-button size="sm">Small</seki-button>
+<seki-button size="lg">Large</seki-button>
+<seki-button disabled>Disabled</seki-button>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-button variant="default">Click me</seki-button>
+<seki-button variant="secondary">Secondary</seki-button>
+<seki-button variant="outline">Outline</seki-button>
+<seki-button variant="ghost">Ghost</seki-button>
+<seki-button variant="destructive">Delete</seki-button>
+<seki-button :disabled="isDisabled">Conditional</seki-button>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-button variant="default">Click me</seki-button>
+<seki-button variant="secondary">Secondary</seki-button>
+<seki-button variant="outline">Outline</seki-button>
+<seki-button [attr.disabled]="isDisabled || null">Conditional</seki-button>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-button variant="default">Click me</seki-button>
+<seki-button variant="secondary">Secondary</seki-button>
+<seki-button variant="outline">Outline</seki-button>
+<seki-button variant="ghost">Ghost</seki-button>
+<seki-button variant="destructive">Delete</seki-button>`,
+        },
+    },
+    input: {
+        name: 'Input',
+        tag: 'seki-input',
+        description: 'Text input field with validation states.',
+        cssTokens: [
+            '--seki-input-bg',
+            '--seki-input-border',
+            '--seki-input-text',
+            '--seki-input-placeholder',
+            '--seki-input-radius',
+            '--seki-input-ring',
+            '--seki-input-invalid-border',
+            '--seki-input-disabled-opacity',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-input
+  placeholder="Email address"
+  type="email"
+  value={email}
+  onSekiChange={(e) => setEmail(e.detail)}
+/>
+<seki-input invalid placeholder="Error state" />
+<seki-input disabled placeholder="Disabled" />`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-input
+  placeholder="Email address"
+  type="email"
+  :value="email"
+  @sekiChange="email = $event.detail"
+/>
+<seki-input invalid placeholder="Error state" />`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-input
+  placeholder="Email address"
+  type="email"
+  [value]="email"
+  (sekiChange)="email = $event.detail"
+></seki-input>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-input placeholder="Email address" type="email"></seki-input>
+<seki-input invalid placeholder="Error state"></seki-input>
+
+<script>
+  document.querySelector('seki-input').addEventListener('sekiChange', (e) => {
+    console.log(e.detail);
+  });
+</script>`,
+        },
+    },
+    select: {
+        name: 'Select',
+        tag: 'seki-select',
+        description: 'Dropdown selector with search and grouping support.',
+        cssTokens: [
+            '--seki-select-trigger-bg',
+            '--seki-select-trigger-border',
+            '--seki-select-trigger-radius',
+            '--seki-select-trigger-bg-hover',
+            '--seki-select-content-bg',
+            '--seki-select-content-shadow',
+            '--seki-select-option-bg-hover',
+            '--seki-select-option-bg-selected',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-select placeholder="Pick one" onSekiChange={(e) => console.log(e.detail)}>
+  <seki-select-option value="a">Option A</seki-select-option>
+  <seki-select-option value="b">Option B</seki-select-option>
+  <seki-select-option value="c" disabled>Disabled</seki-select-option>
+</seki-select>
+
+// With groups
+<seki-select placeholder="Select fruit">
+  <seki-select-group label="Citrus">
+    <seki-select-option value="orange">Orange</seki-select-option>
+    <seki-select-option value="lemon">Lemon</seki-select-option>
+  </seki-select-group>
+  <seki-select-group label="Berries">
+    <seki-select-option value="strawberry">Strawberry</seki-select-option>
+  </seki-select-group>
+</seki-select>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-select placeholder="Pick one" @sekiChange="selected = $event.detail">
+  <seki-select-option value="a">Option A</seki-select-option>
+  <seki-select-option value="b">Option B</seki-select-option>
+</seki-select>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-select placeholder="Pick one" (sekiChange)="selected = $event.detail">
+  <seki-select-option value="a">Option A</seki-select-option>
+  <seki-select-option value="b">Option B</seki-select-option>
+</seki-select>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-select placeholder="Pick one">
+  <seki-select-option value="a">Option A</seki-select-option>
+  <seki-select-option value="b">Option B</seki-select-option>
+  <seki-select-option value="c" disabled>Disabled</seki-select-option>
+</seki-select>`,
+        },
+    },
+    dialog: {
+        name: 'Dialog',
+        tag: 'seki-dialog',
+        description: 'Modal dialog with accessible focus management.',
+        cssTokens: [
+            '--seki-dialog-bg',
+            '--seki-dialog-border',
+            '--seki-dialog-radius',
+            '--seki-dialog-shadow',
+            '--seki-dialog-overlay-bg',
+            '--seki-dialog-max-width',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-dialog open={isOpen} onSekiClose={() => setIsOpen(false)}>
+  <div slot="header">Dialog Title</div>
+  <div slot="content">
+    <p>Dialog content goes here.</p>
+  </div>
+  <div slot="footer">
+    <seki-button variant="outline" onClick={() => setIsOpen(false)}>Cancel</seki-button>
+    <seki-button variant="default">Confirm</seki-button>
+  </div>
+</seki-dialog>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-dialog :open="isOpen" @sekiClose="isOpen = false">
+  <div slot="header">Dialog Title</div>
+  <div slot="content">
+    <p>Dialog content goes here.</p>
+  </div>
+  <div slot="footer">
+    <seki-button variant="outline" @click="isOpen = false">Cancel</seki-button>
+    <seki-button variant="default">Confirm</seki-button>
+  </div>
+</seki-dialog>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-dialog [open]="isOpen" (sekiClose)="isOpen = false">
+  <div slot="header">Dialog Title</div>
+  <div slot="content">
+    <p>Dialog content goes here.</p>
+  </div>
+  <div slot="footer">
+    <seki-button variant="outline" (click)="isOpen = false">Cancel</seki-button>
+    <seki-button variant="default">Confirm</seki-button>
+  </div>
+</seki-dialog>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-dialog id="my-dialog">
+  <div slot="header">Dialog Title</div>
+  <div slot="content"><p>Dialog content goes here.</p></div>
+  <div slot="footer">
+    <seki-button variant="outline" id="cancel-btn">Cancel</seki-button>
+    <seki-button variant="default">Confirm</seki-button>
+  </div>
+</seki-dialog>
+
+<seki-button onclick="document.getElementById('my-dialog').open = true">Open Dialog</seki-button>
+
+<script>
+  document.getElementById('cancel-btn').addEventListener('click', () => {
+    document.getElementById('my-dialog').open = false;
+  });
+</script>`,
+        },
+    },
+    badge: {
+        name: 'Badge',
+        tag: 'seki-badge',
+        description: 'Small status indicator or label.',
+        cssTokens: [
+            '--seki-badge-default-bg',
+            '--seki-badge-default-text',
+            '--seki-badge-secondary-bg',
+            '--seki-badge-secondary-text',
+            '--seki-badge-destructive-bg',
+            '--seki-badge-font-size',
+            '--seki-badge-font-weight',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-badge>Default</seki-badge>
+<seki-badge variant="secondary">Secondary</seki-badge>
+<seki-badge variant="destructive">Error</seki-badge>
+<seki-badge variant="outline">Outline</seki-badge>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-badge>Default</seki-badge>
+<seki-badge variant="secondary">Secondary</seki-badge>
+<seki-badge variant="destructive">Error</seki-badge>
+<seki-badge variant="outline">Outline</seki-badge>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-badge>Default</seki-badge>
+<seki-badge variant="secondary">Secondary</seki-badge>
+<seki-badge variant="destructive">Error</seki-badge>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-badge>Default</seki-badge>
+<seki-badge variant="secondary">Secondary</seki-badge>
+<seki-badge variant="destructive">Error</seki-badge>
+<seki-badge variant="outline">Outline</seki-badge>`,
+        },
+    },
+    card: {
+        name: 'Card',
+        tag: 'seki-card',
+        description: 'Content container with header, body, and footer slots.',
+        cssTokens: [
+            '--seki-card-bg',
+            '--seki-card-border',
+            '--seki-card-radius',
+            '--seki-card-shadow',
+            '--seki-card-padding',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-card>
+  <div slot="header">
+    <h3>Card Title</h3>
+    <p>Card description</p>
+  </div>
+  <div slot="content">
+    <p>Card body content here.</p>
+  </div>
+  <div slot="footer">
+    <seki-button variant="default">Action</seki-button>
+  </div>
+</seki-card>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-card>
+  <div slot="header">
+    <h3>Card Title</h3>
+  </div>
+  <div slot="content">
+    <p>Card body content here.</p>
+  </div>
+  <div slot="footer">
+    <seki-button variant="default">Action</seki-button>
+  </div>
+</seki-card>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-card>
+  <div slot="header"><h3>Card Title</h3></div>
+  <div slot="content"><p>Card body content here.</p></div>
+  <div slot="footer">
+    <seki-button variant="default">Action</seki-button>
+  </div>
+</seki-card>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-card>
+  <div slot="header"><h3>Card Title</h3></div>
+  <div slot="content"><p>Card body content here.</p></div>
+  <div slot="footer">
+    <seki-button variant="default">Action</seki-button>
+  </div>
+</seki-card>`,
+        },
+    },
+    alert: {
+        name: 'Alert',
+        tag: 'seki-alert',
+        description: 'Contextual feedback message with variants.',
+        cssTokens: [
+            '--seki-alert-bg',
+            '--seki-alert-border',
+            '--seki-alert-radius',
+            '--seki-alert-text',
+            '--seki-alert-icon-color',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-alert variant="default">
+  <span slot="title">Heads up!</span>
+  <span slot="description">You can add components and dependencies.</span>
+</seki-alert>
+
+<seki-alert variant="destructive">
+  <span slot="title">Error</span>
+  <span slot="description">Your session has expired. Please log in again.</span>
+</seki-alert>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-alert variant="default">
+  <span slot="title">Heads up!</span>
+  <span slot="description">You can add components and dependencies.</span>
+</seki-alert>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-alert variant="default">
+  <span slot="title">Heads up!</span>
+  <span slot="description">You can add components and dependencies.</span>
+</seki-alert>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-alert variant="default">
+  <span slot="title">Heads up!</span>
+  <span slot="description">You can add components and dependencies.</span>
+</seki-alert>
+<seki-alert variant="destructive">
+  <span slot="title">Error</span>
+  <span slot="description">Your session has expired.</span>
+</seki-alert>`,
+        },
+    },
+    tooltip: {
+        name: 'Tooltip',
+        tag: 'seki-tooltip',
+        description: 'Contextual popup on hover or focus.',
+        cssTokens: [
+            '--tooltip-bg',
+            '--tooltip-text',
+            '--tooltip-padding',
+            '--tooltip-radius',
+            '--tooltip-shadow',
+            '--tooltip-font-size',
+            '--tooltip-arrow-size',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-tooltip content="This is a tooltip">
+  <seki-button variant="outline">Hover me</seki-button>
+</seki-tooltip>
+
+// With placement
+<seki-tooltip content="Top tooltip" placement="top">
+  <seki-button>Top</seki-button>
+</seki-tooltip>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-tooltip content="This is a tooltip">
+  <seki-button variant="outline">Hover me</seki-button>
+</seki-tooltip>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-tooltip content="This is a tooltip">
+  <seki-button variant="outline">Hover me</seki-button>
+</seki-tooltip>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-tooltip content="This is a tooltip">
+  <seki-button variant="outline">Hover me</seki-button>
+</seki-tooltip>`,
+        },
+    },
+    'dropdown-menu': {
+        name: 'Dropdown Menu',
+        tag: 'seki-dropdown-menu',
+        description: 'Contextual menu triggered by a button or element.',
+        cssTokens: [
+            '--seki-dropdown-content-bg',
+            '--seki-dropdown-content-border',
+            '--seki-dropdown-content-radius',
+            '--seki-dropdown-content-shadow',
+            '--seki-dropdown-item-bg-hover',
+            '--seki-dropdown-item-padding',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-dropdown-menu>
+  <seki-button slot="trigger" variant="outline">Open Menu</seki-button>
+  <seki-dropdown-menu-item value="profile">Profile</seki-dropdown-menu-item>
+  <seki-dropdown-menu-item value="settings">Settings</seki-dropdown-menu-item>
+  <seki-dropdown-menu-separator />
+  <seki-dropdown-menu-item value="logout">Log out</seki-dropdown-menu-item>
+</seki-dropdown-menu>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-dropdown-menu>
+  <seki-button slot="trigger" variant="outline">Open Menu</seki-button>
+  <seki-dropdown-menu-item value="profile">Profile</seki-dropdown-menu-item>
+  <seki-dropdown-menu-item value="settings">Settings</seki-dropdown-menu-item>
+  <seki-dropdown-menu-separator />
+  <seki-dropdown-menu-item value="logout">Log out</seki-dropdown-menu-item>
+</seki-dropdown-menu>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-dropdown-menu>
+  <seki-button slot="trigger" variant="outline">Open Menu</seki-button>
+  <seki-dropdown-menu-item value="profile">Profile</seki-dropdown-menu-item>
+  <seki-dropdown-menu-item value="settings">Settings</seki-dropdown-menu-item>
+  <seki-dropdown-menu-separator></seki-dropdown-menu-separator>
+  <seki-dropdown-menu-item value="logout">Log out</seki-dropdown-menu-item>
+</seki-dropdown-menu>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-dropdown-menu>
+  <seki-button slot="trigger" variant="outline">Open Menu</seki-button>
+  <seki-dropdown-menu-item value="profile">Profile</seki-dropdown-menu-item>
+  <seki-dropdown-menu-item value="settings">Settings</seki-dropdown-menu-item>
+  <seki-dropdown-menu-separator></seki-dropdown-menu-separator>
+  <seki-dropdown-menu-item value="logout">Log out</seki-dropdown-menu-item>
+</seki-dropdown-menu>`,
+        },
+    },
+    tabs: {
+        name: 'Tabs',
+        tag: 'seki-tabs',
+        description: 'Tabbed navigation for switching between content panels.',
+        cssTokens: [
+            '--seki-tabs-list-bg',
+            '--seki-tabs-trigger-bg-active',
+            '--seki-tabs-trigger-text-active',
+            '--seki-tabs-trigger-radius',
+            '--seki-tabs-content-padding',
+        ],
+        usageByFramework: {
+            react: `${IMPORT_SNIPPET}
+
+// JSX usage
+<seki-tabs default-value="account">
+  <seki-tabs-list>
+    <seki-tabs-trigger value="account">Account</seki-tabs-trigger>
+    <seki-tabs-trigger value="password">Password</seki-tabs-trigger>
+  </seki-tabs-list>
+  <seki-tabs-content value="account">
+    <p>Account settings content.</p>
+  </seki-tabs-content>
+  <seki-tabs-content value="password">
+    <p>Password settings content.</p>
+  </seki-tabs-content>
+</seki-tabs>`,
+            vue: `${IMPORT_SNIPPET}
+
+<!-- Vue template -->
+<seki-tabs default-value="account">
+  <seki-tabs-list>
+    <seki-tabs-trigger value="account">Account</seki-tabs-trigger>
+    <seki-tabs-trigger value="password">Password</seki-tabs-trigger>
+  </seki-tabs-list>
+  <seki-tabs-content value="account">
+    <p>Account settings content.</p>
+  </seki-tabs-content>
+  <seki-tabs-content value="password">
+    <p>Password settings content.</p>
+  </seki-tabs-content>
+</seki-tabs>`,
+            angular: `${IMPORT_SNIPPET}
+
+<!-- Angular template -->
+<seki-tabs default-value="account">
+  <seki-tabs-list>
+    <seki-tabs-trigger value="account">Account</seki-tabs-trigger>
+    <seki-tabs-trigger value="password">Password</seki-tabs-trigger>
+  </seki-tabs-list>
+  <seki-tabs-content value="account">
+    <p>Account settings content.</p>
+  </seki-tabs-content>
+  <seki-tabs-content value="password">
+    <p>Password settings content.</p>
+  </seki-tabs-content>
+</seki-tabs>`,
+            vanilla: `${CDN_SNIPPET}
+
+<!-- HTML usage -->
+<seki-tabs default-value="account">
+  <seki-tabs-list>
+    <seki-tabs-trigger value="account">Account</seki-tabs-trigger>
+    <seki-tabs-trigger value="password">Password</seki-tabs-trigger>
+  </seki-tabs-list>
+  <seki-tabs-content value="account">
+    <p>Account settings content.</p>
+  </seki-tabs-content>
+  <seki-tabs-content value="password">
+    <p>Password settings content.</p>
+  </seki-tabs-content>
+</seki-tabs>`,
+        },
+    },
+};
+function getComponent(name) {
+    return exports.COMPONENT_REGISTRY[name.toLowerCase()];
+}
+function listComponents() {
+    return Object.keys(exports.COMPONENT_REGISTRY);
+}
+//# sourceMappingURL=registry.js.map

package/dist/components/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/components/registry.ts"],"names":[],"mappings":"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"}

package/dist/frameworks/angular.d.ts

@@ -0,0 +1,4 @@
+export declare function getAngularModulePatch(existingContent: string): string;
+export declare function getAngularAppComponentPatch(): string;
+export declare function getAngularSampleComponent(): string;
+//# sourceMappingURL=angular.d.ts.map

package/dist/frameworks/angular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular.d.ts","sourceRoot":"","sources":["../../src/frameworks/angular.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAmCrE;AAED,wBAAgB,2BAA2B,IAAI,MAAM,CAKpD;AAED,wBAAgB,yBAAyB,IAAI,MAAM,CAkBlD"}

package/dist/frameworks/angular.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAngularModulePatch = getAngularModulePatch;
+exports.getAngularAppComponentPatch = getAngularAppComponentPatch;
+exports.getAngularSampleComponent = getAngularSampleComponent;
+function getAngularModulePatch(existingContent) {
+    if (existingContent.includes('CUSTOM_ELEMENTS_SCHEMA')) {
+        return existingContent;
+    }
+    let patched = existingContent;
+    // Add CUSTOM_ELEMENTS_SCHEMA to imports if not there
+    if (!patched.includes('CUSTOM_ELEMENTS_SCHEMA')) {
+        patched = patched.replace(/import\s*\{([^}]+)\}\s*from\s*'@angular\/core'/, (match, imports) => {
+            const importList = imports
+                .split(',')
+                .map((s) => s.trim())
+                .filter(Boolean);
+            if (!importList.includes('CUSTOM_ELEMENTS_SCHEMA')) {
+                importList.push('CUSTOM_ELEMENTS_SCHEMA');
+            }
+            return `import { ${importList.join(', ')} } from '@angular/core'`;
+        });
+    }
+    // Add schemas: [CUSTOM_ELEMENTS_SCHEMA] to @NgModule
+    patched = patched.replace(/@NgModule\(\s*\{([^}]+)\}\s*\)/, (match, body) => {
+        if (body.includes('schemas')) {
+            return match;
+        }
+        const trimmed = body.trimEnd();
+        const separator = trimmed.endsWith(',') ? '\n' : ',\n';
+        return `@NgModule({${trimmed}${separator}  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})`;
+    });
+    return patched;
+}
+function getAngularAppComponentPatch() {
+    return `// In app.component.ts or your root component:
+import { defineCustomElements } from '@sekiui/elements/loader';
+defineCustomElements();
+`;
+}
+function getAngularSampleComponent() {
+    return `<!-- In your Angular template -->
+<div class="seki-example">
+  <h2>SekiUI Example</h2>
+
+  <div class="button-group">
+    <seki-button variant="default">Default</seki-button>
+    <seki-button variant="secondary">Secondary</seki-button>
+    <seki-button variant="outline">Outline</seki-button>
+    <seki-button variant="ghost">Ghost</seki-button>
+    <seki-button variant="destructive">Destructive</seki-button>
+  </div>
+
+  <seki-badge>New</seki-badge>
+
+  <seki-input placeholder="Type something..."></seki-input>
+</div>
+`;
+}
+//# sourceMappingURL=angular.js.map

package/dist/frameworks/angular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular.js","sourceRoot":"","sources":["../../src/frameworks/angular.ts"],"names":[],"mappings":";;AAAA,sDAmCC;AAED,kEAKC;AAED,8DAkBC;AA9DD,SAAgB,qBAAqB,CAAC,eAAuB;IAC3D,IAAI,eAAe,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC;QACvD,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,IAAI,OAAO,GAAG,eAAe,CAAC;IAE9B,qDAAqD;IACrD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC;QAChD,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,gDAAgD,EAChD,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;YACjB,MAAM,UAAU,GAAG,OAAO;iBACvB,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;iBAC5B,MAAM,CAAC,OAAO,CAAC,CAAC;YACnB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC;gBACnD,UAAU,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;YAC5C,CAAC;YACD,OAAO,YAAY,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC;QACpE,CAAC,CACF,CAAC;IACJ,CAAC;IAED,qDAAqD;IACrD,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,gCAAgC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;QAC1E,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACvD,OAAO,cAAc,OAAO,GAAG,SAAS,yCAAyC,CAAC;IACpF,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAgB,2BAA2B;IACzC,OAAO;;;CAGR,CAAC;AACF,CAAC;AAED,SAAgB,yBAAyB;IACvC,OAAO;;;;;;;;;;;;;;;;CAgBR,CAAC;AACF,CAAC"}

package/dist/frameworks/detect.d.ts

@@ -0,0 +1,4 @@
+export type Framework = 'react' | 'vue' | 'angular' | 'vanilla';
+export declare function detectFramework(cwd?: string): Promise<Framework | null>;
+export declare function frameworkLabel(fw: Framework): string;
+//# sourceMappingURL=detect.d.ts.map