bem-wind 0.1.0

package/dist/setup/generators.js

@@ -0,0 +1,101 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateTailwindConfig = generateTailwindConfig;
+exports.generatePostCSSConfig = generatePostCSSConfig;
+exports.generateStylelintConfig = generateStylelintConfig;
+exports.generateESLintConfig = generateESLintConfig;
+exports.generateCoreTokens = generateCoreTokens;
+exports.generateBaseComponents = generateBaseComponents;
+exports.generateTheme = generateTheme;
+exports.generateMainScss = generateMainScss;
+exports.generateComponentConfig = generateComponentConfig;
+exports.generateReadme = generateReadme;
+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");
+async function generateTailwindConfig(projectPath, _prefix) {
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'tailwind.config.js'), templates_1.TAILWIND_CONFIG);
+}
+async function generatePostCSSConfig(projectPath) {
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'postcss.config.js'), templates_1.POSTCSS_CONFIG);
+}
+async function generateStylelintConfig(projectPath, prefix) {
+    const config = {
+        extends: ['stylelint-config-standard-scss'],
+        plugins: ['stylelint-scss'],
+        rules: {
+            'selector-class-pattern': [
+                `^(${prefix}-[a-z][a-z0-9]*(-[a-z0-9]+)*((__[a-z][a-z0-9]*(-[a-z0-9]+)*)|(--[a-z][a-z0-9]*(-[a-z0-9]+)*))*)$`,
+                {
+                    message: `Class names must follow BEM pattern with ${prefix}- prefix`,
+                },
+            ],
+            'declaration-property-value-disallowed-list': {
+                '/^(margin|padding|top|right|bottom|left|width|height|transform)$/': [
+                    '/\\b\\d+\\.\\d+(?!.*\\[.*\\])/',
+                ],
+            },
+            'at-rule-allowed-list': [
+                'apply',
+                'import',
+                'media',
+                'keyframes',
+                'supports',
+                'layer',
+            ],
+            'scss/at-rule-no-unknown': true,
+            'scss/dollar-variable-pattern': `^${prefix}-[a-z][a-z0-9]*(-[a-z0-9]+)*$`,
+        },
+    };
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, '.stylelintrc.json'), JSON.stringify(config, null, 2));
+}
+async function generateESLintConfig(projectPath, prefix) {
+    const rendered = mustache_1.default.render(templates_1.ESLINT_ADDITIONS, { prefix });
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, '.eslintrc.bem-wind.js'), rendered);
+}
+async function generateCoreTokens(bemWindPath, prefix) {
+    const rendered = mustache_1.default.render(templates_1.CORE_TOKENS, { prefix });
+    await fs_extra_1.default.writeFile(path_1.default.join(bemWindPath, 'core/tokens.css'), rendered);
+}
+async function generateBaseComponents(bemWindPath, prefix) {
+    const buttonRendered = mustache_1.default.render(templates_1.BUTTON_COMPONENT, {
+        prefix,
+        name: 'button',
+        className: `${prefix}-button`,
+        blockName: 'Button',
+    });
+    await fs_extra_1.default.writeFile(path_1.default.join(bemWindPath, 'primitives/elements/button.scss'), buttonRendered);
+    const cardRendered = mustache_1.default.render(templates_1.CARD_COMPONENT, {
+        prefix,
+        name: 'card',
+        className: `${prefix}-card`,
+        blockName: 'Card',
+    });
+    await fs_extra_1.default.writeFile(path_1.default.join(bemWindPath, 'primitives/elements/card.scss'), cardRendered);
+}
+async function generateTheme(bemWindPath, prefix, theme) {
+    const rendered = mustache_1.default.render(templates_1.THEME_TEMPLATE, { prefix, theme });
+    await fs_extra_1.default.writeFile(path_1.default.join(bemWindPath, 'themes', `${theme}.scss`), rendered);
+}
+async function generateMainScss(bemWindPath, prefix) {
+    const rendered = mustache_1.default.render(templates_1.MAIN_SCSS, { prefix });
+    await fs_extra_1.default.writeFile(path_1.default.join(bemWindPath, 'main.scss'), rendered);
+}
+async function generateComponentConfig(projectPath, prefix) {
+    const config = {
+        prefix,
+        framework: 'react',
+        componentPath: 'src/styles/bem-wind/primitives',
+        version: '1.0.0',
+    };
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, '.bem-wind.json'), JSON.stringify(config, null, 2));
+}
+async function generateReadme(projectPath, prefix) {
+    const rendered = mustache_1.default.render(templates_1.README_TEMPLATE, { prefix });
+    await fs_extra_1.default.writeFile(path_1.default.join(projectPath, 'BEM-WIND-README.md'), rendered);
+}
+//# sourceMappingURL=generators.js.map

package/dist/setup/generators.js.map

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

package/dist/setup/index.d.ts

@@ -0,0 +1,8 @@
+export interface SetupOptions {
+    prefix?: string;
+    theme?: string;
+    framework?: string;
+    skipInstall?: boolean;
+}
+export declare function setupProject(projectPath: string, options: SetupOptions): Promise<void>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/setup/index.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,iBAwG5E"}

package/dist/setup/index.js

@@ -0,0 +1,100 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupProject = setupProject;
+const inquirer_1 = __importDefault(require("inquirer"));
+const chalk_1 = __importDefault(require("chalk"));
+const ora_1 = __importDefault(require("ora"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const path_1 = __importDefault(require("path"));
+const child_process_1 = require("child_process");
+const generators_1 = require("./generators");
+async function setupProject(projectPath, options) {
+    const spinner = (0, ora_1.default)('Setting up BEM-Wind...').start();
+    try {
+        const packageJsonPath = path_1.default.join(projectPath, 'package.json');
+        let packageJson = {};
+        if (await fs_extra_1.default.pathExists(packageJsonPath)) {
+            packageJson = await fs_extra_1.default.readJSON(packageJsonPath);
+        }
+        const projectName = packageJson.name || path_1.default.basename(projectPath);
+        let prefix = options.prefix || '';
+        if (!prefix) {
+            const prefixPrompt = await inquirer_1.default.prompt([
+                {
+                    type: 'input',
+                    name: 'prefix',
+                    message: 'Component prefix (e.g., "bw" for bem-wind, "myapp" for custom):',
+                    default: projectName.split('-')[0] || 'bw',
+                    validate: (input) => {
+                        if (!/^[a-z][a-z0-9]*$/i.test(input)) {
+                            return 'Prefix must start with a letter and contain only alphanumeric characters';
+                        }
+                        return true;
+                    },
+                },
+            ]);
+            prefix = prefixPrompt.prefix;
+        }
+        spinner.text = 'Creating directory structure...';
+        const bemWindPath = path_1.default.join(projectPath, 'src/styles/bem-wind');
+        await fs_extra_1.default.ensureDir(path_1.default.join(bemWindPath, 'core'));
+        await fs_extra_1.default.ensureDir(path_1.default.join(bemWindPath, 'primitives/elements'));
+        await fs_extra_1.default.ensureDir(path_1.default.join(bemWindPath, 'primitives/patterns'));
+        await fs_extra_1.default.ensureDir(path_1.default.join(bemWindPath, 'primitives/layouts'));
+        await fs_extra_1.default.ensureDir(path_1.default.join(bemWindPath, 'themes'));
+        await fs_extra_1.default.ensureDir(path_1.default.join(bemWindPath, 'utilities'));
+        spinner.text = 'Installing dependencies...';
+        if (!options.skipInstall) {
+            const dependencies = ['tailwindcss', 'autoprefixer', 'postcss', 'sass'];
+            const devDependencies = [
+                'stylelint',
+                'stylelint-config-standard-scss',
+                'stylelint-scss',
+                '@stylelint/postcss-css-in-js',
+                'eslint-plugin-bem-wind',
+            ];
+            try {
+                (0, child_process_1.execSync)(`npm install ${dependencies.join(' ')}`, {
+                    stdio: 'pipe',
+                    cwd: projectPath,
+                });
+                (0, child_process_1.execSync)(`npm install -D ${devDependencies.join(' ')}`, {
+                    stdio: 'pipe',
+                    cwd: projectPath,
+                });
+            }
+            catch (error) {
+                spinner.warn('Some dependencies failed to install. You may need to install them manually.');
+            }
+        }
+        spinner.text = 'Generating configuration files...';
+        await (0, generators_1.generateTailwindConfig)(projectPath, prefix);
+        await (0, generators_1.generatePostCSSConfig)(projectPath);
+        await (0, generators_1.generateStylelintConfig)(projectPath, prefix);
+        await (0, generators_1.generateESLintConfig)(projectPath, prefix);
+        spinner.text = 'Creating core design tokens...';
+        await (0, generators_1.generateCoreTokens)(bemWindPath, prefix);
+        await (0, generators_1.generateBaseComponents)(bemWindPath, prefix);
+        await (0, generators_1.generateTheme)(bemWindPath, prefix, options.theme || 'default');
+        await (0, generators_1.generateMainScss)(bemWindPath, prefix);
+        await (0, generators_1.generateComponentConfig)(projectPath, prefix);
+        spinner.text = 'Creating documentation...';
+        await (0, generators_1.generateReadme)(projectPath, prefix);
+        spinner.succeed(chalk_1.default.green('BEM-Wind setup complete! 🎉'));
+        console.log(chalk_1.default.cyan('\nNext steps:'));
+        console.log(chalk_1.default.white('1. Import styles in your main CSS/SCSS file:'));
+        console.log(chalk_1.default.gray(`   @import './styles/bem-wind/main.scss';`));
+        console.log(chalk_1.default.white('2. Generate your first component:'));
+        console.log(chalk_1.default.gray(`   npx bem-wind component button`));
+        console.log(chalk_1.default.white('3. Run linting:'));
+        console.log(chalk_1.default.gray(`   npx bem-wind lint`));
+    }
+    catch (error) {
+        spinner.fail(chalk_1.default.red('Setup failed'));
+        throw error;
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/setup/index.js.map

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

package/dist/setup/templates.d.ts

@@ -0,0 +1,10 @@
+export declare const TAILWIND_CONFIG = "/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\n    \"./src/**/*.{js,jsx,ts,tsx,html,astro,vue}\",\n    \"./public/**/*.html\"\n  ],\n  theme: {\n    extend: {\n      // BEM-Wind custom design tokens will extend Tailwind\n      spacing: {\n        // Custom spacing will be defined in CSS variables\n      },\n      colors: {\n        // Custom colors will be defined in CSS variables\n      },\n      fontFamily: {\n        // Custom fonts will be defined in CSS variables\n      }\n    },\n  },\n  plugins: [],\n  // Prevent Tailwind from interfering with BEM-Wind classes\n  corePlugins: {\n    preflight: false,\n  }\n}";
+export declare const POSTCSS_CONFIG = "module.exports = {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n}";
+export declare const ESLINT_ADDITIONS = "// Add to your .eslintrc.js or eslint.config.js\nmodule.exports = {\n  // ... your existing config\n  plugins: ['bem-wind'],\n  rules: {\n    // BEM-Wind specific rules\n    'bem-wind/no-decimal-arbitrary': 'error',\n    'bem-wind/prefer-semantic-spacing': 'warn',\n    'bem-wind/require-bem-structure': 'error',\n  },\n  settings: {\n    'bem-wind': {\n      prefix: '{{prefix}}',\n    },\n  },\n};";
+export declare const CORE_TOKENS = "/**\n * {{prefix}}-Wind Core Design Tokens\n *\n * Universal design tokens that work across all projects.\n * Project themes override these values as needed.\n */\n\n:root {\n  /* ==============================================\n     SPACING SCALE\n     Maps directly to Figma spacing tokens\n     ============================================== */\n\n  --{{prefix}}-space-0: 0;\n  --{{prefix}}-space-1: 0.25rem;    /* 4px  - tiny details */\n  --{{prefix}}-space-2: 0.5rem;     /* 8px  - tight spacing */\n  --{{prefix}}-space-3: 0.75rem;    /* 12px - small gaps */\n  --{{prefix}}-space-4: 1rem;       /* 16px - base unit */\n  --{{prefix}}-space-6: 1.5rem;     /* 24px - comfortable spacing */\n  --{{prefix}}-space-8: 2rem;       /* 32px - large spacing */\n  --{{prefix}}-space-12: 3rem;      /* 48px - section spacing */\n  --{{prefix}}-space-16: 4rem;      /* 64px - major sections */\n  --{{prefix}}-space-20: 5rem;      /* 80px - page sections */\n\n  /* Semantic spacing aliases */\n  --{{prefix}}-space-tiny: var(--{{prefix}}-space-1);\n  --{{prefix}}-space-small: var(--{{prefix}}-space-2);\n  --{{prefix}}-space-medium: var(--{{prefix}}-space-4);\n  --{{prefix}}-space-large: var(--{{prefix}}-space-6);\n  --{{prefix}}-space-xlarge: var(--{{prefix}}-space-8);\n\n  /* ==============================================\n     TYPOGRAPHY SCALE\n     ============================================== */\n\n  --{{prefix}}-text-xs: 0.75rem;     /* 12px */\n  --{{prefix}}-text-sm: 0.875rem;    /* 14px */\n  --{{prefix}}-text-base: 1rem;      /* 16px */\n  --{{prefix}}-text-lg: 1.125rem;    /* 18px */\n  --{{prefix}}-text-xl: 1.25rem;     /* 20px */\n  --{{prefix}}-text-2xl: 1.5rem;     /* 24px */\n  --{{prefix}}-text-3xl: 1.875rem;   /* 30px */\n  --{{prefix}}-text-4xl: 2.25rem;    /* 36px */\n  --{{prefix}}-text-5xl: 3rem;       /* 48px */\n\n  /* ==============================================\n     LAYOUT & CONTAINERS\n     ============================================== */\n\n  --{{prefix}}-container-sm: 24rem;      /* 384px */\n  --{{prefix}}-container-md: 28rem;      /* 448px */\n  --{{prefix}}-container-lg: 32rem;      /* 512px */\n  --{{prefix}}-container-xl: 36rem;      /* 576px */\n  --{{prefix}}-container-2xl: 42rem;     /* 672px */\n  --{{prefix}}-container-3xl: 48rem;     /* 768px */\n  --{{prefix}}-container-4xl: 56rem;     /* 896px */\n  --{{prefix}}-container-5xl: 64rem;     /* 1024px */\n  --{{prefix}}-container-6xl: 72rem;     /* 1152px */\n  --{{prefix}}-container-7xl: 80rem;     /* 1280px */\n\n  /* Semantic container aliases */\n  --{{prefix}}-container-narrow: var(--{{prefix}}-container-2xl);\n  --{{prefix}}-container-content: var(--{{prefix}}-container-4xl);\n  --{{prefix}}-container-wide: var(--{{prefix}}-container-6xl);\n\n  /* ==============================================\n     TRANSITIONS & ANIMATIONS\n     ============================================== */\n\n  --{{prefix}}-duration-fast: 150ms;\n  --{{prefix}}-duration-normal: 300ms;\n  --{{prefix}}-duration-slow: 500ms;\n\n  --{{prefix}}-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n  --{{prefix}}-ease-out: cubic-bezier(0, 0, 0.2, 1);\n  --{{prefix}}-ease-in: cubic-bezier(0.4, 0, 1, 1);\n}";
+export declare const BUTTON_COMPONENT = "/**\n * {{blockName}} Component\n *\n * {{prefix}}-{{name}} provides button structure and behavior\n * without any visual styling.\n */\n\n.{{className}} {\n  @apply inline-flex items-center justify-center cursor-pointer;\n  @apply border-0 bg-transparent outline-none;\n  font-family: inherit;\n  @apply transition-all duration-300 ease-in-out select-none;\n\n  &:focus-visible {\n    @apply outline outline-2 outline-current outline-offset-2;\n  }\n\n  &:disabled,\n  &--disabled {\n    @apply cursor-not-allowed opacity-60;\n\n    &:hover {\n      @apply transform-none;\n    }\n  }\n\n  /* Size variants */\n  &--small {\n    @apply py-2 px-3 text-sm gap-2;\n  }\n\n  &--medium {\n    @apply py-3 px-4 text-base gap-2;\n  }\n\n  &--large {\n    @apply py-4 px-6 text-lg gap-3;\n  }\n\n  /* Shape variants */\n  &--full-width {\n    @apply w-full;\n  }\n\n  /* Content elements */\n  &__icon {\n    @apply flex items-center justify-center flex-shrink-0;\n  }\n\n  &__text {\n    @apply whitespace-nowrap;\n\n    &--truncate {\n      @apply overflow-hidden text-ellipsis;\n    }\n  }\n}";
+export declare const CARD_COMPONENT = "/**\n * {{blockName}} Component\n *\n * {{prefix}}-{{name}} provides card structure and layout\n * without any visual styling.\n */\n\n.{{className}} {\n  @apply flex flex-col;\n  @apply transition-all duration-300 ease-in-out;\n\n  &--interactive {\n    @apply cursor-pointer;\n  }\n\n  &__content {\n    @apply flex flex-col flex-1;\n\n    &--padded-small {\n      @apply p-3;\n    }\n\n    &--padded-medium {\n      @apply p-4;\n    }\n\n    &--padded-large {\n      @apply p-6;\n    }\n  }\n\n  &__header {\n    @apply mb-4;\n  }\n\n  &__title {\n    @apply font-medium leading-tight;\n  }\n\n  &__subtitle {\n    @apply text-gray-600 mt-1;\n  }\n\n  &__body {\n    @apply flex-1;\n  }\n\n  &__footer {\n    @apply mt-4 pt-4;\n  }\n}";
+export declare const THEME_TEMPLATE = "/**\n * {{prefix}}-Wind {{theme}} Theme\n *\n * Overrides core design tokens for project-specific styling.\n */\n\n:root {\n  /* ==============================================\n     PROJECT COLORS\n     ============================================== */\n\n  /* Primary colors */\n  --{{prefix}}-color-primary: #1f2937;\n  --{{prefix}}-color-primary-light: #4b5563;\n  --{{prefix}}-color-primary-dark: #111827;\n\n  /* Secondary colors */\n  --{{prefix}}-color-secondary: #6b7280;\n  --{{prefix}}-color-secondary-light: #9ca3af;\n  --{{prefix}}-color-secondary-dark: #374151;\n\n  /* Text colors */\n  --{{prefix}}-color-text-primary: #111827;\n  --{{prefix}}-color-text-secondary: #6b7280;\n  --{{prefix}}-color-text-muted: #9ca3af;\n\n  /* Background colors */\n  --{{prefix}}-color-bg-primary: #ffffff;\n  --{{prefix}}-color-bg-secondary: #f9fafb;\n  --{{prefix}}-color-bg-muted: #f3f4f6;\n\n  /* ==============================================\n     PROJECT TYPOGRAPHY\n     ============================================== */\n\n  --{{prefix}}-font-sans: ui-sans-serif, system-ui, sans-serif;\n  --{{prefix}}-font-serif: ui-serif, Georgia, serif;\n  --{{prefix}}-font-mono: ui-monospace, 'SF Mono', monospace;\n\n  /* Semantic font aliases */\n  --{{prefix}}-font-display: var(--{{prefix}}-font-serif);\n  --{{prefix}}-font-body: var(--{{prefix}}-font-sans);\n  --{{prefix}}-font-ui: var(--{{prefix}}-font-sans);\n}\n\n/* ==============================================\n   COMPONENT STYLING\n   ============================================== */\n\n.{{prefix}}-button {\n  border-radius: 0.5rem;\n  font-family: var(--{{prefix}}-font-body);\n\n  &--primary {\n    @apply bg-gray-900 text-white;\n\n    &:hover {\n      @apply bg-gray-800;\n    }\n  }\n\n  &--secondary {\n    @apply bg-gray-200 text-gray-900;\n\n    &:hover {\n      @apply bg-gray-300;\n    }\n  }\n}\n\n.{{prefix}}-card {\n  @apply bg-white border border-gray-200 rounded-lg shadow-sm;\n\n  &--interactive:hover {\n    @apply shadow-md;\n  }\n}";
+export declare const MAIN_SCSS = "/**\n * {{prefix}}-Wind Main Entry Point\n *\n * Import this file in your main CSS/SCSS file\n */\n\n/* Core design tokens */\n@import './core/tokens.css';\n\n/* Primitive components */\n@import './primitives/elements/button.scss';\n@import './primitives/elements/card.scss';\n\n/* Theme styling */\n@import './themes/default.scss';\n\n/* Tailwind base (optional - only if needed) */\n/* @tailwind base; */\n@tailwind components;\n@tailwind utilities;";
+export declare const README_TEMPLATE = "# {{prefix}}-Wind Setup\n\nThis project uses **{{prefix}}-Wind**, a semantic design system framework.\n\n## Usage\n\n### Import Styles\n```scss\n// In your main CSS/SCSS file\n@import './styles/bem-wind/main.scss';\n```\n\n### Use Components\n```html\n<button class=\"{{prefix}}-button {{prefix}}-button--primary {{prefix}}-button--large\">\n  <span class=\"{{prefix}}-button__text\">Click Me</span>\n</button>\n```\n\n## Commands\n\n- `npx bem-wind component <name>` - Generate new component\n- `npx bem-wind lint` - Run linting rules\n- `npx bem-wind lint --fix` - Auto-fix issues\n\n## Conventions\n\n- Use semantic spacing: `{{prefix}}-space-large` instead of arbitrary values\n- Follow BEM naming: `{{prefix}}-block__element--modifier`\n- Use @apply in component SCSS files\n- Avoid decimal arbitrary values: use `translate-y-1` not `translate-y-0.5`\n\n## Documentation\n\n- [BEM-Wind Manual](./src/styles/bem-wind/BEM-WIND-MANUAL.md)\n- [Component Examples](./src/styles/bem-wind/examples/)";
+//# sourceMappingURL=templates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/setup/templates.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,mpBAyB1B,CAAC;AAEH,eAAO,MAAM,cAAc,2FAKzB,CAAC;AAEH,eAAO,MAAM,gBAAgB,oZAe1B,CAAC;AAEJ,eAAO,MAAM,WAAW,moGA4EtB,CAAC;AAEH,eAAO,MAAM,gBAAgB,qkCAwD3B,CAAC;AAEH,eAAO,MAAM,cAAc,suBAkDzB,CAAC;AAEH,eAAO,MAAM,cAAc,k+DA4EzB,CAAC;AAEH,eAAO,MAAM,SAAS,wcAmBD,CAAC;AAEtB,eAAO,MAAM,eAAe,0+BAmC4B,CAAC"}

package/dist/setup/templates.js

@@ -0,0 +1,370 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.README_TEMPLATE = exports.MAIN_SCSS = exports.THEME_TEMPLATE = exports.CARD_COMPONENT = exports.BUTTON_COMPONENT = exports.CORE_TOKENS = exports.ESLINT_ADDITIONS = exports.POSTCSS_CONFIG = exports.TAILWIND_CONFIG = void 0;
+exports.TAILWIND_CONFIG = `/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx,html,astro,vue}",
+    "./public/**/*.html"
+  ],
+  theme: {
+    extend: {
+      // BEM-Wind custom design tokens will extend Tailwind
+      spacing: {
+        // Custom spacing will be defined in CSS variables
+      },
+      colors: {
+        // Custom colors will be defined in CSS variables
+      },
+      fontFamily: {
+        // Custom fonts will be defined in CSS variables
+      }
+    },
+  },
+  plugins: [],
+  // Prevent Tailwind from interfering with BEM-Wind classes
+  corePlugins: {
+    preflight: false,
+  }
+}`;
+exports.POSTCSS_CONFIG = `module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}`;
+exports.ESLINT_ADDITIONS = `// Add to your .eslintrc.js or eslint.config.js
+module.exports = {
+  // ... your existing config
+  plugins: ['bem-wind'],
+  rules: {
+    // BEM-Wind specific rules
+    'bem-wind/no-decimal-arbitrary': 'error',
+    'bem-wind/prefer-semantic-spacing': 'warn',
+    'bem-wind/require-bem-structure': 'error',
+  },
+  settings: {
+    'bem-wind': {
+      prefix: '{{prefix}}',
+    },
+  },
+};`;
+exports.CORE_TOKENS = `/**
+ * {{prefix}}-Wind Core Design Tokens
+ *
+ * Universal design tokens that work across all projects.
+ * Project themes override these values as needed.
+ */
+
+:root {
+  /* ==============================================
+     SPACING SCALE
+     Maps directly to Figma spacing tokens
+     ============================================== */
+
+  --{{prefix}}-space-0: 0;
+  --{{prefix}}-space-1: 0.25rem;    /* 4px  - tiny details */
+  --{{prefix}}-space-2: 0.5rem;     /* 8px  - tight spacing */
+  --{{prefix}}-space-3: 0.75rem;    /* 12px - small gaps */
+  --{{prefix}}-space-4: 1rem;       /* 16px - base unit */
+  --{{prefix}}-space-6: 1.5rem;     /* 24px - comfortable spacing */
+  --{{prefix}}-space-8: 2rem;       /* 32px - large spacing */
+  --{{prefix}}-space-12: 3rem;      /* 48px - section spacing */
+  --{{prefix}}-space-16: 4rem;      /* 64px - major sections */
+  --{{prefix}}-space-20: 5rem;      /* 80px - page sections */
+
+  /* Semantic spacing aliases */
+  --{{prefix}}-space-tiny: var(--{{prefix}}-space-1);
+  --{{prefix}}-space-small: var(--{{prefix}}-space-2);
+  --{{prefix}}-space-medium: var(--{{prefix}}-space-4);
+  --{{prefix}}-space-large: var(--{{prefix}}-space-6);
+  --{{prefix}}-space-xlarge: var(--{{prefix}}-space-8);
+
+  /* ==============================================
+     TYPOGRAPHY SCALE
+     ============================================== */
+
+  --{{prefix}}-text-xs: 0.75rem;     /* 12px */
+  --{{prefix}}-text-sm: 0.875rem;    /* 14px */
+  --{{prefix}}-text-base: 1rem;      /* 16px */
+  --{{prefix}}-text-lg: 1.125rem;    /* 18px */
+  --{{prefix}}-text-xl: 1.25rem;     /* 20px */
+  --{{prefix}}-text-2xl: 1.5rem;     /* 24px */
+  --{{prefix}}-text-3xl: 1.875rem;   /* 30px */
+  --{{prefix}}-text-4xl: 2.25rem;    /* 36px */
+  --{{prefix}}-text-5xl: 3rem;       /* 48px */
+
+  /* ==============================================
+     LAYOUT & CONTAINERS
+     ============================================== */
+
+  --{{prefix}}-container-sm: 24rem;      /* 384px */
+  --{{prefix}}-container-md: 28rem;      /* 448px */
+  --{{prefix}}-container-lg: 32rem;      /* 512px */
+  --{{prefix}}-container-xl: 36rem;      /* 576px */
+  --{{prefix}}-container-2xl: 42rem;     /* 672px */
+  --{{prefix}}-container-3xl: 48rem;     /* 768px */
+  --{{prefix}}-container-4xl: 56rem;     /* 896px */
+  --{{prefix}}-container-5xl: 64rem;     /* 1024px */
+  --{{prefix}}-container-6xl: 72rem;     /* 1152px */
+  --{{prefix}}-container-7xl: 80rem;     /* 1280px */
+
+  /* Semantic container aliases */
+  --{{prefix}}-container-narrow: var(--{{prefix}}-container-2xl);
+  --{{prefix}}-container-content: var(--{{prefix}}-container-4xl);
+  --{{prefix}}-container-wide: var(--{{prefix}}-container-6xl);
+
+  /* ==============================================
+     TRANSITIONS & ANIMATIONS
+     ============================================== */
+
+  --{{prefix}}-duration-fast: 150ms;
+  --{{prefix}}-duration-normal: 300ms;
+  --{{prefix}}-duration-slow: 500ms;
+
+  --{{prefix}}-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --{{prefix}}-ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --{{prefix}}-ease-in: cubic-bezier(0.4, 0, 1, 1);
+}`;
+exports.BUTTON_COMPONENT = `/**
+ * {{blockName}} Component
+ *
+ * {{prefix}}-{{name}} provides button structure and behavior
+ * without any visual styling.
+ */
+
+.{{className}} {
+  @apply inline-flex items-center justify-center cursor-pointer;
+  @apply border-0 bg-transparent outline-none;
+  font-family: inherit;
+  @apply transition-all duration-300 ease-in-out select-none;
+
+  &:focus-visible {
+    @apply outline outline-2 outline-current outline-offset-2;
+  }
+
+  &:disabled,
+  &--disabled {
+    @apply cursor-not-allowed opacity-60;
+
+    &:hover {
+      @apply transform-none;
+    }
+  }
+
+  /* Size variants */
+  &--small {
+    @apply py-2 px-3 text-sm gap-2;
+  }
+
+  &--medium {
+    @apply py-3 px-4 text-base gap-2;
+  }
+
+  &--large {
+    @apply py-4 px-6 text-lg gap-3;
+  }
+
+  /* Shape variants */
+  &--full-width {
+    @apply w-full;
+  }
+
+  /* Content elements */
+  &__icon {
+    @apply flex items-center justify-center flex-shrink-0;
+  }
+
+  &__text {
+    @apply whitespace-nowrap;
+
+    &--truncate {
+      @apply overflow-hidden text-ellipsis;
+    }
+  }
+}`;
+exports.CARD_COMPONENT = `/**
+ * {{blockName}} Component
+ *
+ * {{prefix}}-{{name}} provides card structure and layout
+ * without any visual styling.
+ */
+
+.{{className}} {
+  @apply flex flex-col;
+  @apply transition-all duration-300 ease-in-out;
+
+  &--interactive {
+    @apply cursor-pointer;
+  }
+
+  &__content {
+    @apply flex flex-col flex-1;
+
+    &--padded-small {
+      @apply p-3;
+    }
+
+    &--padded-medium {
+      @apply p-4;
+    }
+
+    &--padded-large {
+      @apply p-6;
+    }
+  }
+
+  &__header {
+    @apply mb-4;
+  }
+
+  &__title {
+    @apply font-medium leading-tight;
+  }
+
+  &__subtitle {
+    @apply text-gray-600 mt-1;
+  }
+
+  &__body {
+    @apply flex-1;
+  }
+
+  &__footer {
+    @apply mt-4 pt-4;
+  }
+}`;
+exports.THEME_TEMPLATE = `/**
+ * {{prefix}}-Wind {{theme}} Theme
+ *
+ * Overrides core design tokens for project-specific styling.
+ */
+
+:root {
+  /* ==============================================
+     PROJECT COLORS
+     ============================================== */
+
+  /* Primary colors */
+  --{{prefix}}-color-primary: #1f2937;
+  --{{prefix}}-color-primary-light: #4b5563;
+  --{{prefix}}-color-primary-dark: #111827;
+
+  /* Secondary colors */
+  --{{prefix}}-color-secondary: #6b7280;
+  --{{prefix}}-color-secondary-light: #9ca3af;
+  --{{prefix}}-color-secondary-dark: #374151;
+
+  /* Text colors */
+  --{{prefix}}-color-text-primary: #111827;
+  --{{prefix}}-color-text-secondary: #6b7280;
+  --{{prefix}}-color-text-muted: #9ca3af;
+
+  /* Background colors */
+  --{{prefix}}-color-bg-primary: #ffffff;
+  --{{prefix}}-color-bg-secondary: #f9fafb;
+  --{{prefix}}-color-bg-muted: #f3f4f6;
+
+  /* ==============================================
+     PROJECT TYPOGRAPHY
+     ============================================== */
+
+  --{{prefix}}-font-sans: ui-sans-serif, system-ui, sans-serif;
+  --{{prefix}}-font-serif: ui-serif, Georgia, serif;
+  --{{prefix}}-font-mono: ui-monospace, 'SF Mono', monospace;
+
+  /* Semantic font aliases */
+  --{{prefix}}-font-display: var(--{{prefix}}-font-serif);
+  --{{prefix}}-font-body: var(--{{prefix}}-font-sans);
+  --{{prefix}}-font-ui: var(--{{prefix}}-font-sans);
+}
+
+/* ==============================================
+   COMPONENT STYLING
+   ============================================== */
+
+.{{prefix}}-button {
+  border-radius: 0.5rem;
+  font-family: var(--{{prefix}}-font-body);
+
+  &--primary {
+    @apply bg-gray-900 text-white;
+
+    &:hover {
+      @apply bg-gray-800;
+    }
+  }
+
+  &--secondary {
+    @apply bg-gray-200 text-gray-900;
+
+    &:hover {
+      @apply bg-gray-300;
+    }
+  }
+}
+
+.{{prefix}}-card {
+  @apply bg-white border border-gray-200 rounded-lg shadow-sm;
+
+  &--interactive:hover {
+    @apply shadow-md;
+  }
+}`;
+exports.MAIN_SCSS = `/**
+ * {{prefix}}-Wind Main Entry Point
+ *
+ * Import this file in your main CSS/SCSS file
+ */
+
+/* Core design tokens */
+@import './core/tokens.css';
+
+/* Primitive components */
+@import './primitives/elements/button.scss';
+@import './primitives/elements/card.scss';
+
+/* Theme styling */
+@import './themes/default.scss';
+
+/* Tailwind base (optional - only if needed) */
+/* @tailwind base; */
+@tailwind components;
+@tailwind utilities;`;
+exports.README_TEMPLATE = `# {{prefix}}-Wind Setup
+
+This project uses **{{prefix}}-Wind**, a semantic design system framework.
+
+## Usage
+
+### Import Styles
+\`\`\`scss
+// In your main CSS/SCSS file
+@import './styles/bem-wind/main.scss';
+\`\`\`
+
+### Use Components
+\`\`\`html
+<button class="{{prefix}}-button {{prefix}}-button--primary {{prefix}}-button--large">
+  <span class="{{prefix}}-button__text">Click Me</span>
+</button>
+\`\`\`
+
+## Commands
+
+- \`npx bem-wind component <name>\` - Generate new component
+- \`npx bem-wind lint\` - Run linting rules
+- \`npx bem-wind lint --fix\` - Auto-fix issues
+
+## Conventions
+
+- Use semantic spacing: \`{{prefix}}-space-large\` instead of arbitrary values
+- Follow BEM naming: \`{{prefix}}-block__element--modifier\`
+- Use @apply in component SCSS files
+- Avoid decimal arbitrary values: use \`translate-y-1\` not \`translate-y-0.5\`
+
+## Documentation
+
+- [BEM-Wind Manual](./src/styles/bem-wind/BEM-WIND-MANUAL.md)
+- [Component Examples](./src/styles/bem-wind/examples/)`;
+//# sourceMappingURL=templates.js.map

package/dist/setup/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../src/setup/templates.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;EAyB7B,CAAC;AAEU,QAAA,cAAc,GAAG;;;;;EAK5B,CAAC;AAEU,QAAA,gBAAgB,GAAG;;;;;;;;;;;;;;;GAe7B,CAAC;AAES,QAAA,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EzB,CAAC;AAEU,QAAA,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwD9B,CAAC;AAEU,QAAA,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkD5B,CAAC;AAEU,QAAA,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4E5B,CAAC;AAEU,QAAA,SAAS,GAAG;;;;;;;;;;;;;;;;;;;qBAmBJ,CAAC;AAET,QAAA,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAmCyB,CAAC"}