bem-wind 0.1.0

package/README.md

@@ -0,0 +1,215 @@
+# BEM-Wind CLI
+
+A powerful CLI tool to setup and manage BEM-Wind design systems with Tailwind, SCSS, and intelligent linting.
+
+## Installation
+
+```bash
+npm install -g bem-wind
+```
+
+Or use directly with npx:
+
+```bash
+npx bem-wind init
+```
+
+## Commands
+
+### `bem-wind init`
+
+Sets up BEM-Wind in your current project with:
+- ✨ Custom component prefix (auto-detected from project name)
+- 🎨 Tailwind CSS configuration with BEM-Wind integration
+- 📦 SCSS architecture with core tokens, primitives, and themes
+- 🛡️ Stylelint and ESLint rules for design system compliance
+- 📚 Documentation and examples
+
+**Options:**
+- `-p, --prefix <prefix>` - Custom component prefix (default: project name)
+- `-t, --theme <theme>` - Theme template to use (default: 'default')
+- `-f, --framework <framework>` - Framework (react, vue, astro) (default: 'react')
+- `--skip-install` - Skip npm install
+
+**Example:**
+```bash
+# Interactive setup
+npx bem-wind init
+
+# Custom prefix
+npx bem-wind init --prefix "myapp"
+
+# Skip dependency installation
+npx bem-wind init --skip-install
+```
+
+### `bem-wind add-skill`
+
+Installs the BEM-Wind **Claude skill** into your `.claude/skills` directory, so Claude Code writes and reviews CSS using the BEM-Wind methodology automatically.
+
+**Options:**
+- `-g, --global` - Install into `~/.claude/skills` (all projects) instead of `./.claude/skills`
+- `--force` - Overwrite an existing install
+
+**Examples:**
+```bash
+# Add the skill to the current project (commit it to share with your team)
+npx bem-wind add-skill
+
+# Add it globally for every project on your machine
+npx bem-wind add-skill --global
+```
+
+Then ask Claude to style or convert a component, or invoke it explicitly with `/bem-wind`.
+
+### `bem-wind component <name>`
+
+Generates a new BEM-Wind component with proper structure and documentation.
+
+**Options:**
+- `-p, --prefix <prefix>` - Component prefix (uses project default)
+- `-t, --type <type>` - Component type: element, pattern, layout (default: 'element')
+
+**Examples:**
+```bash
+# Generate a button element
+npx bem-wind component button
+
+# Generate a hero pattern
+npx bem-wind component hero --type pattern
+
+# Generate a sidebar layout
+npx bem-wind component sidebar --type layout
+```
+
+### `bem-wind lint`
+
+Runs comprehensive linting rules for BEM-Wind compliance:
+- 🚫 Prevents decimal arbitrary values (`translate-y-0.5`)
+- ✅ Enforces BEM naming conventions
+- 📏 Validates semantic spacing usage
+- 🎯 Checks @apply directive usage
+
+**Options:**
+- `--fix` - Auto-fix issues where possible
+
+**Examples:**
+```bash
+# Check for issues
+npx bem-wind lint
+
+# Auto-fix issues
+npx bem-wind lint --fix
+```
+
+## What Gets Created
+
+When you run `bem-wind init`, you get:
+
+### Directory Structure
+```
+src/styles/bem-wind/
+├── core/
+│   └── tokens.css          # Design tokens & CSS variables
+├── primitives/
+│   ├── elements/           # Button, Card, Input, etc.
+│   ├── patterns/           # Hero, Navigation, Footer, etc.
+│   └── layouts/            # Grid, Container, Sidebar, etc.
+├── themes/
+│   └── default.scss        # Project-specific styling
+├── utilities/              # Helper classes
+└── main.scss              # Main entry point
+```
+
+### Configuration Files
+- `tailwind.config.js` - Tailwind setup with BEM-Wind integration
+- `postcss.config.js` - PostCSS configuration
+- `.stylelintrc.json` - Stylelint rules for BEM compliance
+- `.eslintrc.bem-wind.js` - ESLint rules for @apply usage
+- `.bem-wind.json` - Project configuration
+
+### Documentation
+- `BEM-WIND-README.md` - Project-specific usage guide
+- Component examples and usage patterns
+
+## Features
+
+### 🎯 **Smart Prefix Detection**
+Automatically detects your project name and suggests an appropriate component prefix.
+
+### 🛡️ **Intelligent Linting**
+- Prevents decimal arbitrary values like `translate-y-0.5`
+- Enforces semantic spacing from Tailwind scale
+- Validates BEM naming conventions
+- Checks for proper @apply usage
+
+### 📦 **Component Scaffolding**
+Generates properly structured components with:
+- BEM methodology
+- @apply directives only
+- Semantic class names
+- Documentation comments
+
+### 🎨 **Theme System**
+- Unstyled primitives that work with any design
+- Project-specific theme overrides
+- CSS custom properties for design tokens
+- Direct Figma-to-code mapping
+
+### ⚡ **Framework Agnostic**
+Works with React, Vue, Astro, or any HTML/CSS project.
+
+## Example Output
+
+After running `bem-wind init --prefix "myapp"`, you can immediately use:
+
+```html
+<button class="myapp-button myapp-button--primary myapp-button--large">
+  <span class="myapp-button__icon">🚀</span>
+  <span class="myapp-button__text">Get Started</span>
+</button>
+```
+
+With styling that automatically adapts to your theme:
+
+```scss
+.myapp-button {
+  @apply inline-flex items-center justify-center cursor-pointer;
+  @apply py-4 px-6 text-lg gap-3; // Large size
+  @apply transition-all duration-300 ease-in-out;
+  
+  &--primary {
+    @apply bg-primary text-white; // Theme colors
+  }
+}
+```
+
+## Best Practices
+
+### ✅ **Do This**
+```scss
+.myapp-card {
+  @apply p-4 mb-6 rounded-lg;        // Standard Tailwind scale
+  @apply max-w-[400px];              // Logical arbitrary values
+  @apply transition-all duration-300; // Semantic timing
+}
+```
+
+### ❌ **Don't Do This**
+```scss
+.myapp-card {
+  @apply p-3.5 mb-5.5;               // Decimal values
+  padding: 14px;                     // Raw CSS when @apply available
+  transition: all 250ms;             // Non-semantic timing
+}
+```
+
+## Support
+
+- 📖 [Full Documentation](./BEM-WIND-MANUAL.md)
+- 🐛 [Report Issues](https://github.com/your-username/bem-wind/issues)
+- 💬 [Discussions](https://github.com/your-username/bem-wind/discussions)
+
+## License
+
+MIT © Taryn Southern

package/bin/bem-wind.js

@@ -0,0 +1,106 @@
+#!/usr/bin/env node
+
+const { program } = require('commander');
+const path = require('path');
+const fs = require('fs');
+
+// Import setup module directly
+const { setupProject } = require('../dist/setup');
+
+// Resolve the bundled Claude skill, falling back to the repo source in dev.
+function resolveSkillDir() {
+  const candidates = [
+    path.join(__dirname, '..', 'skill', 'bem-wind'),          // bundled in npm tarball
+    path.join(__dirname, '..', '..', '..', 'skill', 'bem-wind'), // repo source of truth (dev)
+  ];
+  return candidates.find((p) => fs.existsSync(path.join(p, 'SKILL.md')));
+}
+
+program
+  .name('bem-wind')
+  .description('Setup BEM-Wind design system with Tailwind, SCSS, and linting')
+  .version('1.0.0');
+
+program
+  .command('init')
+  .description('Initialize BEM-Wind in current project')
+  .option('-p, --prefix <prefix>', 'Custom component prefix (default: project name)', '')
+  .option('-t, --theme <theme>', 'Theme template to use', 'default')
+  .option('-f, --framework <framework>', 'Framework (react, vue, astro)', 'react')
+  .option('--skip-install', 'Skip npm install', false)
+  .action(async (options) => {
+    try {
+      await setupProject(process.cwd(), options);
+    } catch (error) {
+      console.error('Error setting up BEM-Wind:', error.message);
+      process.exit(1);
+    }
+  });
+
+program
+  .command('component <name>')
+  .description('Generate a new BEM-Wind component')
+  .option('-p, --prefix <prefix>', 'Component prefix', '')
+  .option('-t, --type <type>', 'Component type (element, pattern, layout)', 'element')
+  .action(async (name, options) => {
+    try {
+      const { generateComponent } = require('../dist/generate');
+      await generateComponent(process.cwd(), name, options);
+    } catch (error) {
+      console.error('Error generating component:', error.message);
+      process.exit(1);
+    }
+  });
+
+program
+  .command('lint')
+  .description('Run BEM-Wind linting rules')
+  .option('--fix', 'Auto-fix issues where possible', false)
+  .action(async (options) => {
+    try {
+      const { runLinting } = require('../dist/lint');
+      await runLinting(process.cwd(), options);
+    } catch (error) {
+      console.error('Error running linting:', error.message);
+      process.exit(1);
+    }
+  });
+
+program
+  .command('add-skill')
+  .description('Install the BEM-Wind Claude skill into .claude/skills')
+  .option('-g, --global', 'Install into ~/.claude/skills instead of ./.claude/skills', false)
+  .option('--force', 'Overwrite an existing install', false)
+  .action((options) => {
+    try {
+      const skillDir = resolveSkillDir();
+      if (!skillDir) {
+        console.error('Error: bundled BEM-Wind skill not found in this package.');
+        process.exit(1);
+      }
+
+      const baseDir = options.global
+        ? path.join(require('os').homedir(), '.claude', 'skills')
+        : path.join(process.cwd(), '.claude', 'skills');
+      const target = path.join(baseDir, 'bem-wind');
+
+      if (fs.existsSync(target) && !options.force) {
+        console.error(`Skill already exists at ${target}. Re-run with --force to overwrite.`);
+        process.exit(1);
+      }
+
+      fs.rmSync(target, { recursive: true, force: true });
+      fs.mkdirSync(baseDir, { recursive: true });
+      fs.cpSync(skillDir, target, { recursive: true });
+
+      console.log(`✓ Installed BEM-Wind skill → ${target}`);
+      console.log(options.global
+        ? '  Active across all your projects. Invoke it with /bem-wind in Claude Code.'
+        : '  Active in this project. Commit .claude/skills/bem-wind to share it with your team.');
+    } catch (error) {
+      console.error('Error installing skill:', error.message);
+      process.exit(1);
+    }
+  });
+
+program.parse();

package/dist/generate/index.d.ts

@@ -0,0 +1,6 @@
+export interface ComponentOptions {
+    prefix?: string;
+    type?: 'element' | 'pattern' | 'layout';
+}
+export declare function generateComponent(projectPath: string, name: string, options: ComponentOptions): Promise<void>;
+//# sourceMappingURL=index.d.ts.map

package/dist/generate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/generate/index.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CACzC;AAED,wBAAsB,iBAAiB,CACrC,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,gBAAgB,iBAgD1B"}

package/dist/generate/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateComponent = generateComponent;
+const ora_1 = __importDefault(require("ora"));
+const chalk_1 = __importDefault(require("chalk"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+const mustache_1 = __importDefault(require("mustache"));
+const templates_1 = require("./templates");
+const utils_1 = require("./utils");
+async function generateComponent(projectPath, name, options) {
+    const spinner = (0, ora_1.default)(`Generating component: ${name}`).start();
+    try {
+        const configPath = path_1.default.join(projectPath, '.bem-wind.json');
+        let config = { prefix: 'bw' };
+        if (await fs_extra_1.default.pathExists(configPath)) {
+            config = await fs_extra_1.default.readJSON(configPath);
+        }
+        const prefix = options.prefix || config.prefix;
+        const componentType = options.type || 'element';
+        const componentPath = path_1.default.join(projectPath, 'src/styles/bem-wind/primitives', `${componentType}s`, `${name}.scss`);
+        const template = (0, templates_1.getComponentTemplate)(componentType);
+        const rendered = mustache_1.default.render(template, {
+            name,
+            prefix,
+            className: `${prefix}-${name}`,
+            blockName: name.charAt(0).toUpperCase() + name.slice(1),
+        });
+        await fs_extra_1.default.writeFile(componentPath, rendered);
+        await (0, utils_1.updateMainImports)(projectPath, componentType, name);
+        spinner.succeed(chalk_1.default.green(`Component ${name} generated! 📦`));
+        console.log(chalk_1.default.cyan(`\nComponent created at:`));
+        console.log(chalk_1.default.gray(componentPath));
+        console.log(chalk_1.default.cyan(`\nUsage:`));
+        console.log(chalk_1.default.gray(`<div class="${prefix}-${name}">`));
+        console.log(chalk_1.default.gray(`  <div class="${prefix}-${name}__content">`));
+        console.log(chalk_1.default.gray(`    <!-- Your content -->`));
+        console.log(chalk_1.default.gray(`  </div>`));
+        console.log(chalk_1.default.gray(`</div>`));
+    }
+    catch (error) {
+        spinner.fail(chalk_1.default.red('Component generation failed'));
+        throw error;
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/generate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/generate/index.ts"],"names":[],"mappings":";;;;;AAaA,8CAmDC;AAhED,8CAAsB;AACtB,kDAA0B;AAC1B,wDAA0B;AAC1B,gDAAwB;AACxB,wDAAgC;AAChC,2CAAmD;AACnD,mCAA4C;AAOrC,KAAK,UAAU,iBAAiB,CACrC,WAAmB,EACnB,IAAY,EACZ,OAAyB;IAEzB,MAAM,OAAO,GAAG,IAAA,aAAG,EAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;IAE7D,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,cAAI,CAAC,IAAI,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;QAC5D,IAAI,MAAM,GAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;QAEnC,IAAI,MAAM,kBAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;YACpC,MAAM,GAAG,MAAM,kBAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC;QAED,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC;QAC/C,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,IAAI,SAAS,CAAC;QAEhD,MAAM,aAAa,GAAG,cAAI,CAAC,IAAI,CAC7B,WAAW,EACX,gCAAgC,EAChC,GAAG,aAAa,GAAG,EACnB,GAAG,IAAI,OAAO,CACf,CAAC;QAEF,MAAM,QAAQ,GAAG,IAAA,gCAAoB,EAAC,aAAa,CAAC,CAAC;QACrD,MAAM,QAAQ,GAAG,kBAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE;YACzC,IAAI;YACJ,MAAM;YACN,SAAS,EAAE,GAAG,MAAM,IAAI,IAAI,EAAE;YAC9B,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;SACxD,CAAC,CAAC;QAEH,MAAM,kBAAE,CAAC,SAAS,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QAE5C,MAAM,IAAA,yBAAiB,EAAC,WAAW,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;QAE1D,OAAO,CAAC,OAAO,CAAC,eAAK,CAAC,KAAK,CAAC,aAAa,IAAI,gBAAgB,CAAC,CAAC,CAAC;QAEhE,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC;QACnD,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QACpC,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,eAAe,MAAM,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC;QAC3D,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,iBAAiB,MAAM,IAAI,IAAI,aAAa,CAAC,CAAC,CAAC;QACtE,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC;QACrD,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QACpC,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpC,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,eAAK,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;QACvD,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC"}

package/dist/generate/templates.d.ts

@@ -0,0 +1,3 @@
+export declare const templates: Record<string, string>;
+export declare function getComponentTemplate(type: string): string;
+//# sourceMappingURL=templates.d.ts.map

package/dist/generate/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/generate/templates.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuE5C,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEzD"}

package/dist/generate/templates.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.templates = void 0;
+exports.getComponentTemplate = getComponentTemplate;
+exports.templates = {
+    element: `/**
+ * {{blockName}} Element
+ *
+ * {{prefix}}-{{name}} provides {{name}} structure and behavior
+ * without any visual styling.
+ */
+
+.{{className}} {
+  @apply /* Add your base styles here */;
+
+  /* Element children */
+  &__content {
+    @apply /* Content styles */;
+  }
+
+  /* Modifiers */
+  &--variant {
+    @apply /* Variant styles */;
+  }
+}`,
+    pattern: `/**
+ * {{blockName}} Pattern
+ *
+ * {{prefix}}-{{name}} provides a reusable {{name}} pattern
+ * combining multiple elements.
+ */
+
+.{{className}} {
+  @apply /* Pattern base styles */;
+
+  &__container {
+    @apply /* Container styles */;
+  }
+
+  &__content {
+    @apply /* Content area styles */;
+  }
+
+  /* Pattern variants */
+  &--centered {
+    @apply /* Centered variant */;
+  }
+}`,
+    layout: `/**
+ * {{blockName}} Layout
+ *
+ * {{prefix}}-{{name}} provides layout structure
+ * for page composition.
+ */
+
+.{{className}} {
+  @apply /* Layout base styles */;
+
+  &__wrapper {
+    @apply /* Wrapper styles */;
+  }
+
+  &__main {
+    @apply /* Main content area */;
+  }
+
+  &__sidebar {
+    @apply /* Sidebar area */;
+  }
+
+  /* Responsive variants */
+  &--responsive {
+    @apply /* Responsive behavior */;
+  }
+}`,
+};
+function getComponentTemplate(type) {
+    return exports.templates[type] || exports.templates.element;
+}
+//# sourceMappingURL=templates.js.map

package/dist/generate/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../src/generate/templates.ts"],"names":[],"mappings":";;;AAyEA,oDAEC;AA3EY,QAAA,SAAS,GAA2B;IAC/C,OAAO,EAAE;;;;;;;;;;;;;;;;;;;EAmBT;IACA,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBT;IACA,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BR;CACD,CAAC;AAEF,SAAgB,oBAAoB,CAAC,IAAY;IAC/C,OAAO,iBAAS,CAAC,IAA8B,CAAC,IAAI,iBAAS,CAAC,OAAO,CAAC;AACxE,CAAC"}

package/dist/generate/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function updateMainImports(projectPath: string, componentType: string, name: string): Promise<void>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/generate/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/generate/utils.ts"],"names":[],"mappings":"AAGA,wBAAsB,iBAAiB,CACrC,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,MAAM,iBAiBb"}

package/dist/generate/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateMainImports = updateMainImports;
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+async function updateMainImports(projectPath, componentType, name) {
+    const mainScssPath = path_1.default.join(projectPath, 'src/styles/bem-wind/main.scss');
+    if (await fs_extra_1.default.pathExists(mainScssPath)) {
+        let content = await fs_extra_1.default.readFile(mainScssPath, 'utf8');
+        const importLine = `@import './primitives/${componentType}s/${name}.scss';`;
+        if (!content.includes(importLine)) {
+            const importSection = content.match(/\/\* Primitive components \*\/([\s\S]*?)\/\* Theme styling \*\//);
+            if (importSection) {
+                const newImportSection = importSection[1] + importLine + '\n';
+                content = content.replace(importSection[1], newImportSection);
+                await fs_extra_1.default.writeFile(mainScssPath, content);
+            }
+        }
+    }
+}
+//# sourceMappingURL=utils.js.map

package/dist/generate/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/generate/utils.ts"],"names":[],"mappings":";;;;;AAGA,8CAoBC;AAvBD,wDAA0B;AAC1B,gDAAwB;AAEjB,KAAK,UAAU,iBAAiB,CACrC,WAAmB,EACnB,aAAqB,EACrB,IAAY;IAEZ,MAAM,YAAY,GAAG,cAAI,CAAC,IAAI,CAAC,WAAW,EAAE,+BAA+B,CAAC,CAAC;IAE7E,IAAI,MAAM,kBAAE,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QACtC,IAAI,OAAO,GAAG,MAAM,kBAAE,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QACtD,MAAM,UAAU,GAAG,yBAAyB,aAAa,KAAK,IAAI,SAAS,CAAC;QAE5E,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAClC,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,iEAAiE,CAAC,CAAC;YACvG,IAAI,aAAa,EAAE,CAAC;gBAClB,MAAM,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC;gBAC9D,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;gBAC9D,MAAM,kBAAE,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { setupProject, SetupOptions } from './setup';
+export { generateComponent, ComponentOptions } from './generate';
+export { runLinting, LintOptions } from './lint';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC"}

package/dist/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runLinting = exports.generateComponent = exports.setupProject = void 0;
+var setup_1 = require("./setup");
+Object.defineProperty(exports, "setupProject", { enumerable: true, get: function () { return setup_1.setupProject; } });
+var generate_1 = require("./generate");
+Object.defineProperty(exports, "generateComponent", { enumerable: true, get: function () { return generate_1.generateComponent; } });
+var lint_1 = require("./lint");
+Object.defineProperty(exports, "runLinting", { enumerable: true, get: function () { return lint_1.runLinting; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAA5C,qGAAA,YAAY,OAAA;AACrB,uCAAiE;AAAxD,6GAAA,iBAAiB,OAAA;AAC1B,+BAAiD;AAAxC,kGAAA,UAAU,OAAA"}

package/dist/lint/index.d.ts

@@ -0,0 +1,5 @@
+export interface LintOptions {
+    fix?: boolean;
+}
+export declare function runLinting(projectPath: string, options: LintOptions): Promise<void>;
+//# sourceMappingURL=index.d.ts.map

package/dist/lint/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lint/index.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,wBAAsB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,iBA6BzE"}

package/dist/lint/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runLinting = runLinting;
+const ora_1 = __importDefault(require("ora"));
+const chalk_1 = __importDefault(require("chalk"));
+const child_process_1 = require("child_process");
+async function runLinting(projectPath, options) {
+    const spinner = (0, ora_1.default)('Running BEM-Wind linting...').start();
+    try {
+        const stylelintCommand = `npx stylelint "src/**/*.{css,scss}" ${options.fix ? '--fix' : ''}`;
+        (0, child_process_1.execSync)(stylelintCommand, { stdio: 'pipe', cwd: projectPath });
+        try {
+            const eslintCommand = `npx eslint "src/**/*.{js,jsx,ts,tsx}" ${options.fix ? '--fix' : ''}`;
+            (0, child_process_1.execSync)(eslintCommand, { stdio: 'pipe', cwd: projectPath });
+        }
+        catch (eslintError) {
+            // ESLint might not be configured
+        }
+        spinner.succeed(chalk_1.default.green('Linting completed successfully! ✨'));
+    }
+    catch (error) {
+        spinner.fail(chalk_1.default.red('Linting found issues'));
+        try {
+            (0, child_process_1.execSync)(`npx stylelint "src/**/*.{css,scss}"`, {
+                stdio: 'inherit',
+                cwd: projectPath,
+            });
+        }
+        catch (e) {
+            // Error already shown
+        }
+        throw new Error('Linting failed - see output above');
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/lint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lint/index.ts"],"names":[],"mappings":";;;;;AAQA,gCA6BC;AArCD,8CAAsB;AACtB,kDAA0B;AAC1B,iDAAyC;AAMlC,KAAK,UAAU,UAAU,CAAC,WAAmB,EAAE,OAAoB;IACxE,MAAM,OAAO,GAAG,IAAA,aAAG,EAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;IAE3D,IAAI,CAAC;QACH,MAAM,gBAAgB,GAAG,uCAAuC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC7F,IAAA,wBAAQ,EAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,CAAC;QAEhE,IAAI,CAAC;YACH,MAAM,aAAa,GAAG,yCAAyC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC5F,IAAA,wBAAQ,EAAC,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,CAAC;QAC/D,CAAC;QAAC,OAAO,WAAW,EAAE,CAAC;YACrB,iCAAiC;QACnC,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,eAAK,CAAC,KAAK,CAAC,mCAAmC,CAAC,CAAC,CAAC;IACpE,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,eAAK,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAC;QAEhD,IAAI,CAAC;YACH,IAAA,wBAAQ,EAAC,qCAAqC,EAAE;gBAC9C,KAAK,EAAE,SAAS;gBAChB,GAAG,EAAE,WAAW;aACjB,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,sBAAsB;QACxB,CAAC;QAED,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACvD,CAAC;AACH,CAAC"}

package/dist/setup/generators.d.ts

@@ -0,0 +1,11 @@
+export declare function generateTailwindConfig(projectPath: string, _prefix: string): Promise<void>;
+export declare function generatePostCSSConfig(projectPath: string): Promise<void>;
+export declare function generateStylelintConfig(projectPath: string, prefix: string): Promise<void>;
+export declare function generateESLintConfig(projectPath: string, prefix: string): Promise<void>;
+export declare function generateCoreTokens(bemWindPath: string, prefix: string): Promise<void>;
+export declare function generateBaseComponents(bemWindPath: string, prefix: string): Promise<void>;
+export declare function generateTheme(bemWindPath: string, prefix: string, theme: string): Promise<void>;
+export declare function generateMainScss(bemWindPath: string, prefix: string): Promise<void>;
+export declare function generateComponentConfig(projectPath: string, prefix: string): Promise<void>;
+export declare function generateReadme(projectPath: string, prefix: string): Promise<void>;
+//# sourceMappingURL=generators.d.ts.map

package/dist/setup/generators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generators.d.ts","sourceRoot":"","sources":["../../src/setup/generators.ts"],"names":[],"mappings":"AAeA,wBAAsB,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAEhF;AAED,wBAAsB,qBAAqB,CAAC,WAAW,EAAE,MAAM,iBAE9D;AAED,wBAAsB,uBAAuB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAiChF;AAED,wBAAsB,oBAAoB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAM7E;AAED,wBAAsB,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAG3E;AAED,wBAAsB,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAsB/E;AAED,wBAAsB,aAAa,CACjC,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,iBAOd;AAED,wBAAsB,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAGzE;AAED,wBAAsB,uBAAuB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAYhF;AAED,wBAAsB,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAMvE"}