intentcss-cli 0.1.0

package/dist/commands/init.js

@@ -0,0 +1,398 @@
+/**
+ * Init Command
+ *
+ * Initializes Intent in a new or existing project.
+ */
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import chalk from 'chalk';
+const DEFAULT_CONFIG = `import { defineSystem, defineComponent, prop, when } from 'intent-core';
+
+/**
+ * Intent Design System
+ * 
+ * This configuration defines a complete design system
+ * with semantic tokens and constrained component definitions.
+ */
+
+export default defineSystem({
+  name: 'MyDesignSystem',
+  
+  tokens: {
+    // Semantic colors - AI never uses hex codes directly
+    color: {
+      // Brand
+      'brand-primary': '#6366F1',
+      'brand-primary-hover': '#4F46E5',
+      'brand-secondary': '#8B5CF6',
+      
+      // Feedback
+      'feedback-success': '#10B981',
+      'feedback-warning': '#F59E0B',
+      'feedback-error': '#EF4444',
+      'feedback-info': '#3B82F6',
+      
+      // Surfaces
+      'surface-default': '#FFFFFF',
+      'surface-elevated': '#FFFFFF',
+      'surface-subtle': '#F8FAFC',
+      'surface-inverse': '#1E293B',
+      
+      // Text
+      'text-default': '#0F172A',
+      'text-subtle': '#64748B',
+      'text-inverse': '#FFFFFF',
+      'text-muted': '#94A3B8',
+      
+      // Borders
+      'border-default': '#E2E8F0',
+      'border-subtle': '#F1F5F9',
+    },
+    
+    // Spacing scale - named for semantic meaning
+    space: {
+      'none': '0',
+      'tight': '4px',
+      'compact': '8px',
+      'normal': '12px',
+      'relaxed': '16px',
+      'loose': '24px',
+      'xl': '32px',
+      'xxl': '48px',
+      'xxxl': '64px',
+    },
+    
+    // Elevation system
+    elevation: {
+      'none': '0',
+      'low': '0 1px 3px rgba(0,0,0,0.08)',
+      'medium': '0 4px 6px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.03)',
+      'high': '0 10px 15px rgba(0,0,0,0.05), 0 4px 6px rgba(0,0,0,0.02)',
+      'highest': '0 20px 25px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.04)',
+    },
+    
+    // Border radius
+    radius: {
+      'none': '0',
+      'sm': '4px',
+      'md': '8px',
+      'lg': '12px',
+      'xl': '16px',
+      'full': '9999px',
+    },
+    
+    // Typography scale
+    typography: {
+      'font-sans': 'system-ui, -apple-system, sans-serif',
+      'font-mono': 'ui-monospace, monospace',
+      
+      'size-xs': '12px',
+      'size-sm': '14px',
+      'size-md': '16px',
+      'size-lg': '18px',
+      'size-xl': '20px',
+      'size-2xl': '24px',
+      'size-3xl': '30px',
+      'size-4xl': '36px',
+      
+      'weight-normal': '400',
+      'weight-medium': '500',
+      'weight-semibold': '600',
+      'weight-bold': '700',
+      
+      'leading-tight': '1.25',
+      'leading-normal': '1.5',
+      'leading-relaxed': '1.75',
+    },
+  },
+
+  components: {
+    Button: defineComponent({
+      name: 'Button',
+      description: 'Interactive element that triggers an action when clicked',
+      properties: {
+        importance: prop.enum(['primary', 'secondary', 'ghost', 'danger'], { required: true }),
+        size: prop.enum(['sm', 'md', 'lg'], { default: 'md' }),
+        state: prop.enum(['default', 'hover', 'active', 'disabled'], { default: 'default' }),
+      },
+      constraints: [
+        // Ghost buttons cannot be disabled - no visual distinction possible
+        when({ importance: 'ghost' }).forbid(['state'], 
+          'Ghost buttons cannot have a disabled state'),
+        // Danger buttons require larger sizes for accessibility
+        when({ importance: 'danger' }).require({ size: ['md', 'lg'] },
+          'Danger actions require larger touch targets'),
+      ],
+      mappings: {
+        // Visual mapping by importance
+        'importance=primary': {
+          background: 'brand-primary',
+          color: 'text-inverse',
+          border: 'none',
+        },
+        'importance=secondary': {
+          background: 'transparent',
+          color: 'brand-primary',
+          border: '1px solid border-default',
+        },
+        'importance=ghost': {
+          background: 'transparent',
+          color: 'brand-primary',
+          border: 'none',
+        },
+        'importance=danger': {
+          background: 'feedback-error',
+          color: 'text-inverse',
+          border: 'none',
+        },
+        // Size mappings
+        'size=sm': {
+          padding: { sm: 'tight compact', md: 'compact normal', lg: 'normal relaxed' },
+          fontSize: 'size-sm',
+        },
+        'size=md': {
+          padding: { sm: 'compact normal', md: 'normal relaxed', lg: 'relaxed loose' },
+          fontSize: 'size-md',
+        },
+        'size=lg': {
+          padding: { sm: 'normal relaxed', md: 'relaxed loose', lg: 'loose xl' },
+          fontSize: 'size-lg',
+        },
+      },
+      baseStyles: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontWeight: 'weight-medium',
+        borderRadius: 'radius-md',
+        cursor: 'pointer',
+        transition: 'all 0.15s ease',
+        whiteSpace: 'nowrap',
+      },
+    }),
+
+    Stack: defineComponent({
+      name: 'Stack',
+      description: 'Layout component for distributing children along an axis',
+      properties: {
+        direction: prop.enum(['row', 'column'], { default: 'column' }),
+        gap: prop.enum(['none', 'tight', 'compact', 'normal', 'relaxed', 'loose'], { default: 'normal' }),
+        align: prop.enum(['start', 'center', 'end', 'stretch'], { default: 'stretch' }),
+        justify: prop.enum(['start', 'center', 'end', 'between', 'around'], { default: 'start' }),
+      },
+      constraints: [],
+      mappings: {
+        'direction=row': { flexDirection: 'row' },
+        'direction=column': { flexDirection: 'column' },
+        'gap=none': { gap: 'none' },
+        'gap=tight': { gap: 'tight' },
+        'gap=compact': { gap: 'compact' },
+        'gap=normal': { gap: 'normal' },
+        'gap=relaxed': { gap: 'relaxed' },
+        'gap=loose': { gap: 'loose' },
+        'align=start': { alignItems: 'flex-start' },
+        'align=center': { alignItems: 'center' },
+        'align=end': { alignItems: 'flex-end' },
+        'align=stretch': { alignItems: 'stretch' },
+        'justify=start': { justifyContent: 'flex-start' },
+        'justify=center': { justifyContent: 'center' },
+        'justify=end': { justifyContent: 'flex-end' },
+        'justify=between': { justifyContent: 'space-between' },
+        'justify=around': { justifyContent: 'space-around' },
+      },
+      baseStyles: {
+        display: 'flex',
+      },
+    }),
+
+    Surface: defineComponent({
+      name: 'Surface',
+      description: 'Container providing visual elevation and background treatment',
+      properties: {
+        elevation: prop.enum(['none', 'low', 'medium', 'high'], { default: 'none' }),
+        padding: prop.enum(['none', 'tight', 'compact', 'normal', 'relaxed', 'loose'], { default: 'none' }),
+        background: prop.enum(['default', 'subtle', 'elevated', 'inverse'], { default: 'default' }),
+        radius: prop.enum(['none', 'sm', 'md', 'lg'], { default: 'none' }),
+      },
+      constraints: [
+        // Inverse background requires high elevation for contrast
+        when({ background: 'inverse' }).require({ elevation: ['medium', 'high'] },
+          'Inverse backgrounds need elevation for proper contrast'),
+      ],
+      mappings: {
+        'elevation=none': { boxShadow: 'elevation-none' },
+        'elevation=low': { boxShadow: 'elevation-low' },
+        'elevation=medium': { boxShadow: 'elevation-medium' },
+        'elevation=high': { boxShadow: 'elevation-high' },
+        'padding=none': { padding: 'none' },
+        'padding=tight': { padding: 'tight' },
+        'padding=compact': { padding: 'compact' },
+        'padding=normal': { padding: 'normal' },
+        'padding=relaxed': { padding: 'relaxed' },
+        'padding=loose': { padding: 'loose' },
+        'background=default': { background: 'surface-default' },
+        'background=subtle': { background: 'surface-subtle' },
+        'background=elevated': { background: 'surface-elevated' },
+        'background=inverse': { background: 'surface-inverse' },
+        'radius=none': { borderRadius: 'radius-none' },
+        'radius=sm': { borderRadius: 'radius-sm' },
+        'radius=md': { borderRadius: 'radius-md' },
+        'radius=lg': { borderRadius: 'radius-lg' },
+      },
+      baseStyles: {
+        border: '1px solid border-default',
+      },
+    }),
+
+    Text: defineComponent({
+      name: 'Text',
+      description: 'Typography component for displaying text',
+      properties: {
+        size: prop.enum(['xs', 'sm', 'md', 'lg', 'xl', '2xl'], { default: 'md' }),
+        weight: prop.enum(['normal', 'medium', 'semibold', 'bold'], { default: 'normal' }),
+        color: prop.enum(['default', 'subtle', 'muted', 'inverse', 'brand'], { default: 'default' }),
+        align: prop.enum(['left', 'center', 'right'], { default: 'left' }),
+      },
+      constraints: [],
+      mappings: {
+        'size=xs': { fontSize: 'size-xs', lineHeight: 'leading-normal' },
+        'size=sm': { fontSize: 'size-sm', lineHeight: 'leading-normal' },
+        'size=md': { fontSize: 'size-md', lineHeight: 'leading-normal' },
+        'size=lg': { fontSize: 'size-lg', lineHeight: 'leading-relaxed' },
+        'size=xl': { fontSize: 'size-xl', lineHeight: 'leading-relaxed' },
+        'size=xxl': { fontSize: 'size-2xl', lineHeight: 'leading-tight' },
+        'weight=normal': { fontWeight: 'weight-normal' },
+        'weight=medium': { fontWeight: 'weight-medium' },
+        'weight=semibold': { fontWeight: 'weight-semibold' },
+        'weight=bold': { fontWeight: 'weight-bold' },
+        'color=default': { color: 'text-default' },
+        'color=subtle': { color: 'text-subtle' },
+        'color=muted': { color: 'text-muted' },
+        'color=inverse': { color: 'text-inverse' },
+        'color=brand': { color: 'brand-primary' },
+      },
+      baseStyles: {
+        fontFamily: 'font-sans',
+        margin: '0',
+      },
+    }),
+
+    Badge: defineComponent({
+      name: 'Badge',
+      description: 'Small label for displaying status, count, or category',
+      properties: {
+        importance: prop.enum(['default', 'primary', 'success', 'warning', 'error'], { default: 'default' }),
+        size: prop.enum(['sm', 'md'], { default: 'sm' }),
+      },
+      constraints: [],
+      mappings: {
+        'importance=default': { background: 'surface-subtle', color: 'text-subtle' },
+        'importance=primary': { background: 'brand-primary', color: 'text-inverse' },
+        'importance=success': { background: 'feedback-success', color: 'text-inverse' },
+        'importance=warning': { background: 'feedback-warning', color: 'text-inverse' },
+        'importance=error': { background: 'feedback-error', color: 'text-inverse' },
+        'size=sm': { padding: 'tight compact', fontSize: 'size-xs' },
+        'size=md': { padding: 'compact normal', fontSize: 'size-sm' },
+      },
+      baseStyles: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        borderRadius: 'radius-full',
+        fontWeight: 'weight-medium',
+      },
+    }),
+  },
+
+  settings: {
+    cssPrefix: 'intent',
+    generateCSSVariables: true,
+    strictMode: true,
+  },
+});
+`;
+const CSS_IMPORT_SNIPPET = `
+/* Add to your main CSS file or _app.tsx/_layout.tsx */
+@import '.intent/intent.css';
+`;
+export async function initCommand(options) {
+    console.log(chalk.blue('Intent'), chalk.gray('initializing...\n'));
+    const configPath = 'intent.config.ts';
+    // Check if config already exists
+    try {
+        await fs.access(configPath);
+        if (!options.force) {
+            console.log(chalk.yellow('⚠'), 'Config file already exists:', configPath);
+            console.log(chalk.gray('  Use --force to overwrite'));
+            return;
+        }
+    }
+    catch {
+        // File doesn't exist, proceed
+    }
+    // Write config file
+    await fs.writeFile(configPath, DEFAULT_CONFIG);
+    console.log(chalk.green('✓'), 'Created', chalk.cyan(configPath));
+    // Create .gitignore entry
+    try {
+        let gitignore = '';
+        try {
+            gitignore = await fs.readFile('.gitignore', 'utf-8');
+        }
+        catch {
+            // .gitignore doesn't exist
+        }
+        if (!gitignore.includes('.intent/')) {
+            await fs.appendFile('.gitignore', '\n# Intent compiled output\n.intent/\n');
+            console.log(chalk.green('✓'), 'Updated', chalk.cyan('.gitignore'));
+        }
+    }
+    catch {
+        // Ignore errors
+    }
+    // Create example component
+    const exampleDir = 'components';
+    try {
+        await fs.mkdir(exampleDir, { recursive: true });
+        const exampleComponent = `import { Stack, Button } from 'intent-react';
+
+export function Example() {
+  return (
+    <Stack direction="column" gap="relaxed">
+      <Stack direction="row" gap="normal">
+        <Button importance="primary" size="md">
+          Primary Action
+        </Button>
+        <Button importance="secondary" size="md">
+          Secondary
+        </Button>
+      </Stack>
+      
+      <Stack direction="row" gap="normal">
+        <Button importance="ghost" size="sm">
+          Ghost Button
+        </Button>
+        <Button importance="danger" size="md">
+          Danger Action
+        </Button>
+      </Stack>
+    </Stack>
+  );
+}
+`;
+        await fs.writeFile(path.join(exampleDir, 'Example.tsx'), exampleComponent);
+        console.log(chalk.green('✓'), 'Created example component:', chalk.cyan('components/Example.tsx'));
+    }
+    catch {
+        // Ignore errors
+    }
+    console.log();
+    console.log(chalk.green('Intent initialized successfully!'));
+    console.log();
+    console.log('Next steps:');
+    console.log('  1.', chalk.cyan('npm install intent-react'));
+    console.log('  2.', chalk.cyan('intent compile'), 'to generate CSS');
+    console.log('  3.', chalk.cyan('intent validate'), 'to check your components');
+    console.log();
+    console.log(chalk.gray(CSS_IMPORT_SNIPPET));
+}
+//# sourceMappingURL=init.js.map

package/dist/commands/init.js.map

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

package/dist/commands/migrate.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Migrate Command
+ *
+ * Migrates from existing styling solutions to Intent.
+ */
+interface MigrateOptions {
+    from: string;
+    src: string;
+    dryRun: boolean;
+}
+export declare function migrateCommand(options: MigrateOptions): Promise<void>;
+export {};
+//# sourceMappingURL=migrate.d.ts.map

package/dist/commands/migrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"migrate.d.ts","sourceRoot":"","sources":["../../src/commands/migrate.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;CACjB;AAgDD,wBAAsB,cAAc,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAiI3E"}

package/dist/commands/migrate.js

@@ -0,0 +1,155 @@
+/**
+ * Migrate Command
+ *
+ * Migrates from existing styling solutions to Intent.
+ */
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import chalk from 'chalk';
+import { globby } from 'globby';
+// Common Tailwind to Intent mappings
+const TAILWIND_MAPPINGS = {
+    // Layout
+    'flex': { component: 'Stack', props: { direction: 'row' } },
+    'flex-col': { component: 'Stack', props: { direction: 'column' } },
+    'items-center': { component: 'Stack', props: { align: 'center' } },
+    'items-start': { component: 'Stack', props: { align: 'start' } },
+    'items-end': { component: 'Stack', props: { align: 'end' } },
+    'justify-center': { component: 'Stack', props: { justify: 'center' } },
+    'justify-between': { component: 'Stack', props: { justify: 'between' } },
+    'gap-1': { component: 'Stack', props: { gap: 'tight' } },
+    'gap-2': { component: 'Stack', props: { gap: 'normal' } },
+    'gap-4': { component: 'Stack', props: { gap: 'relaxed' } },
+    'gap-8': { component: 'Stack', props: { gap: 'loose' } },
+    // Buttons (heuristic)
+    'bg-blue-500': { component: 'Button', props: { importance: 'primary' } },
+    'bg-red-500': { component: 'Button', props: { importance: 'danger' } },
+    'bg-transparent': { component: 'Button', props: { importance: 'ghost' } },
+};
+// Patterns to detect
+const UTILITY_PATTERNS = [
+    { pattern: /\bp-[0-9]+\b/, type: 'padding', message: 'Use Surface padding prop' },
+    { pattern: /\bpx-[0-9]+\b/, type: 'padding-x', message: 'Use Surface padding prop' },
+    { pattern: /\bpy-[0-9]+\b/, type: 'padding-y', message: 'Use Surface padding prop' },
+    { pattern: /\bm-[0-9]+\b/, type: 'margin', message: 'Use Stack gap prop' },
+    { pattern: /\bmy-[0-9]+\b/, type: 'margin-y', message: 'Use Stack gap prop' },
+    { pattern: /\bmx-[0-9]+\b/, type: 'margin-x', message: 'Use Stack gap prop' },
+    { pattern: /\bbg-[\w-]+\b/, type: 'background', message: 'Use Surface background prop' },
+    { pattern: /\btext-[\w-]+\b/, type: 'text', message: 'Use Text color/size prop' },
+    { pattern: /\brounded-[\w-]+\b/, type: 'radius', message: 'Use Surface radius prop' },
+    { pattern: /\bshadow-[\w-]+\b/, type: 'shadow', message: 'Use Surface elevation prop' },
+    { pattern: /\bfont-[\w-]+\b/, type: 'font', message: 'Use Text weight prop' },
+    { pattern: /\[.*?\]/, type: 'arbitrary', message: 'Arbitrary values not allowed in Intent' },
+];
+export async function migrateCommand(options) {
+    console.log(chalk.blue('Intent'), chalk.gray(`migrating from ${options.from}...\n`));
+    if (options.from !== 'tailwind') {
+        console.log(chalk.red('Error:'), 'Only Tailwind migration is currently supported');
+        process.exit(1);
+    }
+    const files = await globby([path.join(options.src, '**/*.{tsx,jsx,vue,svelte}')], { absolute: true });
+    console.log(`Found ${chalk.cyan(files.length)} files to analyze\n`);
+    const issues = [];
+    for (const filePath of files) {
+        const content = await fs.readFile(filePath, 'utf-8');
+        const lines = content.split('\n');
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const lineNum = i + 1;
+            // Find className attributes
+            const classNameMatches = line.matchAll(/className=["']([^"']+)["']/g);
+            for (const match of classNameMatches) {
+                const classValue = match[1];
+                const column = (match.index || 0) + 1;
+                // Check for utility patterns
+                for (const { pattern, type, message } of UTILITY_PATTERNS) {
+                    if (pattern.test(classValue)) {
+                        // Find matching classes
+                        const matches = classValue.match(pattern);
+                        if (matches) {
+                            issues.push({
+                                file: filePath,
+                                line: lineNum,
+                                column,
+                                original: matches[0],
+                                suggestion: message,
+                                type,
+                            });
+                        }
+                    }
+                }
+                // Check for flex patterns that suggest Stack
+                if (/\bflex\b/.test(classValue) && /\bgap-/.test(classValue)) {
+                    issues.push({
+                        file: filePath,
+                        line: lineNum,
+                        column,
+                        original: 'flex + gap-*',
+                        suggestion: 'Replace with <Stack direction="row" gap="...">',
+                        type: 'layout',
+                    });
+                }
+            }
+        }
+    }
+    // Report findings
+    console.log(chalk.cyan('Migration Report'));
+    console.log(chalk.gray('─'.repeat(50)));
+    // Group by type
+    const byType = new Map();
+    for (const issue of issues) {
+        if (!byType.has(issue.type)) {
+            byType.set(issue.type, []);
+        }
+        byType.get(issue.type).push(issue);
+    }
+    for (const [type, typeIssues] of byType) {
+        console.log();
+        console.log(chalk.yellow(`${type} (${typeIssues.length} occurrences)`));
+        for (const issue of typeIssues.slice(0, 5)) {
+            const relativePath = path.relative(process.cwd(), issue.file);
+            console.log(`  ${chalk.gray('→')} ${relativePath}:${issue.line}`);
+            console.log(`    ${chalk.cyan(issue.original)} → ${issue.suggestion}`);
+        }
+        if (typeIssues.length > 5) {
+            console.log(`    ${chalk.gray(`... and ${typeIssues.length - 5} more`)}`);
+        }
+    }
+    console.log();
+    console.log(chalk.gray('─'.repeat(50)));
+    console.log(`Total issues found: ${chalk.cyan(issues.length)}`);
+    if (options.dryRun) {
+        console.log();
+        console.log(chalk.gray('(Dry run - no files were modified)'));
+    }
+    else {
+        console.log();
+        console.log(chalk.yellow('Auto-migration is not yet implemented.'));
+        console.log('Please review the suggestions above and update your code manually.');
+        console.log();
+        console.log('For help with specific components, run:');
+        console.log(`  ${chalk.cyan('intent generate --component Button')}`);
+    }
+    // Generate initial config suggestion
+    console.log();
+    console.log(chalk.cyan('Suggested intent.config.ts'));
+    console.log(chalk.gray('─'.repeat(50)));
+    console.log();
+    // Analyze discovered tokens
+    const discoveredColors = new Set();
+    const discoveredSpacing = new Set();
+    for (const issue of issues) {
+        if (issue.type === 'background' && issue.original.startsWith('bg-')) {
+            discoveredColors.add(issue.original.replace('bg-', ''));
+        }
+        if (issue.type === 'padding' || issue.type === 'margin') {
+            const num = issue.original.match(/\d+/)?.[0];
+            if (num)
+                discoveredSpacing.add(num);
+        }
+    }
+    console.log(chalk.gray('// Based on your existing Tailwind usage:'));
+    console.log(chalk.gray('// Colors found:'), [...discoveredColors].slice(0, 5).join(', ') || 'none');
+    console.log(chalk.gray('// Spacing found:'), [...discoveredSpacing].slice(0, 5).join(', ') || 'none');
+}
+//# sourceMappingURL=migrate.js.map

package/dist/commands/migrate.js.map

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

package/dist/commands/validate.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Validate Command
+ *
+ * Validates component usage against the design system schema.
+ */
+interface ValidateOptions {
+    config: string;
+    fix: boolean;
+    strict: boolean;
+}
+export declare function validateCommand(files: string[], options: ValidateOptions): Promise<void>;
+export {};
+//# sourceMappingURL=validate.d.ts.map

package/dist/commands/validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../src/commands/validate.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,OAAO,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAsB,eAAe,CACnC,KAAK,EAAE,MAAM,EAAE,EACf,OAAO,EAAE,eAAe,GACvB,OAAO,CAAC,IAAI,CAAC,CA4Hf"}