@tekton-ui/core 0.2.0

package/dist/schema-validation.js

@@ -0,0 +1,205 @@
+/**
+ * @tekton-ui/core - Schema Validation Utilities
+ * Zod-based runtime validation for component schemas
+ * [SPEC-COMPONENT-001-B] [TAG-004]
+ */
+import { z } from 'zod';
+import { ALL_COMPONENTS } from './component-schemas.js';
+// ============================================================================
+// Zod Schemas
+// ============================================================================
+/**
+ * PropDefinition Zod Schema
+ */
+export const PropDefinitionSchema = z.object({
+    name: z.string().min(1, 'Property name is required'),
+    type: z.string().min(1, 'Property type is required'),
+    required: z.boolean(),
+    description: z.string().min(1, 'Property description is required'),
+    defaultValue: z.unknown().optional(),
+    options: z.array(z.string()).optional(),
+});
+/**
+ * A11yRequirements Zod Schema
+ */
+export const A11yRequirementsSchema = z.object({
+    role: z.string().min(1, 'ARIA role is required'),
+    wcag: z.string().includes('2.1', { message: 'WCAG 2.1 compliance required' }),
+    ariaAttributes: z.array(z.string()).optional(),
+    keyboard: z.array(z.string()).optional(),
+    focus: z.string().optional(),
+    screenReader: z.string().optional(),
+});
+/**
+ * TokenBindings Zod Schema
+ */
+export const TokenBindingsSchema = z
+    .record(z.string(), z.string())
+    .refine(bindings => Object.keys(bindings).length >= 2, {
+    message: 'At least 2 token bindings required per component',
+});
+/**
+ * ComponentSchema Zod Schema
+ */
+export const ComponentSchemaZod = z.object({
+    type: z.string().min(1, 'Component type is required'),
+    category: z.enum(['primitive', 'composed'], {
+        errorMap: () => ({ message: 'Category must be "primitive" or "composed"' }),
+    }),
+    props: z.array(PropDefinitionSchema).min(1, 'At least one prop is required'),
+    tokenBindings: TokenBindingsSchema,
+    a11y: A11yRequirementsSchema,
+    description: z.string().optional(),
+});
+/**
+ * Validate a single component schema
+ */
+export function validateComponentSchema(schema) {
+    try {
+        ComponentSchemaZod.parse(schema);
+        return { valid: true };
+    }
+    catch (error) {
+        if (error instanceof z.ZodError) {
+            const errors = error.errors.map(err => `${err.path.join('.')}: ${err.message}`);
+            return { valid: false, errors };
+        }
+        return { valid: false, errors: ['Unknown validation error'] };
+    }
+}
+/**
+ * Validate all component schemas
+ */
+export function validateAllSchemas() {
+    const errors = [];
+    const warnings = [];
+    ALL_COMPONENTS.forEach(schema => {
+        const result = validateComponentSchema(schema);
+        if (!result.valid && result.errors) {
+            errors.push(`${schema.type}: ${result.errors.join(', ')}`);
+        }
+    });
+    // Check for duplicate component types
+    const types = ALL_COMPONENTS.map(c => c.type);
+    const duplicates = types.filter((type, index) => types.indexOf(type) !== index);
+    if (duplicates.length > 0) {
+        errors.push(`Duplicate component types found: ${duplicates.join(', ')}`);
+    }
+    // Check for expected component count
+    if (ALL_COMPONENTS.length !== 20) {
+        warnings.push(`Expected 20 components, found ${ALL_COMPONENTS.length}`);
+    }
+    const primitiveCount = ALL_COMPONENTS.filter(c => c.category === 'primitive').length;
+    const composedCount = ALL_COMPONENTS.filter(c => c.category === 'composed').length;
+    if (primitiveCount !== 10) {
+        warnings.push(`Expected 10 primitive components, found ${primitiveCount}`);
+    }
+    if (composedCount !== 10) {
+        warnings.push(`Expected 10 composed components, found ${composedCount}`);
+    }
+    return {
+        valid: errors.length === 0,
+        errors: errors.length > 0 ? errors : undefined,
+        warnings: warnings.length > 0 ? warnings : undefined,
+    };
+}
+/**
+ * Validate prop definition
+ */
+export function validateProp(prop) {
+    try {
+        PropDefinitionSchema.parse(prop);
+        return { valid: true };
+    }
+    catch (error) {
+        if (error instanceof z.ZodError) {
+            const errors = error.errors.map(err => `${err.path.join('.')}: ${err.message}`);
+            return { valid: false, errors };
+        }
+        return { valid: false, errors: ['Unknown validation error'] };
+    }
+}
+/**
+ * Validate accessibility requirements
+ */
+export function validateA11y(a11y) {
+    try {
+        A11yRequirementsSchema.parse(a11y);
+        return { valid: true };
+    }
+    catch (error) {
+        if (error instanceof z.ZodError) {
+            const errors = error.errors.map(err => `${err.path.join('.')}: ${err.message}`);
+            return { valid: false, errors };
+        }
+        return { valid: false, errors: ['Unknown validation error'] };
+    }
+}
+/**
+ * Validate token bindings format
+ */
+export function validateTokenBindings(bindings) {
+    const warnings = [];
+    try {
+        TokenBindingsSchema.parse(bindings);
+        // Check for template variable usage
+        const hasTemplateVars = Object.values(bindings).some(value => /\{[a-zA-Z]+\}/.test(value));
+        if (!hasTemplateVars) {
+            warnings.push('Consider using template variables like {variant} or {size}');
+        }
+        // Check for token references
+        const hasTokenReferences = Object.values(bindings).some(value => value.includes('semantic.') || value.includes('atomic.') || value.includes('component.'));
+        if (!hasTokenReferences) {
+            warnings.push('Token bindings should reference semantic, atomic, or component tokens');
+        }
+        return {
+            valid: true,
+            warnings: warnings.length > 0 ? warnings : undefined,
+        };
+    }
+    catch (error) {
+        if (error instanceof z.ZodError) {
+            const errors = error.errors.map(err => `${err.path.join('.')}: ${err.message}`);
+            return { valid: false, errors };
+        }
+        return { valid: false, errors: ['Unknown validation error'] };
+    }
+}
+/**
+ * Get component schema validation summary
+ */
+export function getValidationSummary() {
+    const results = ALL_COMPONENTS.map(schema => ({
+        type: schema.type,
+        ...validateComponentSchema(schema),
+    }));
+    const validSchemas = results.filter(r => r.valid).length;
+    const invalidSchemas = results.filter(r => !r.valid).length;
+    return {
+        totalComponents: ALL_COMPONENTS.length,
+        primitiveComponents: ALL_COMPONENTS.filter(c => c.category === 'primitive').length,
+        composedComponents: ALL_COMPONENTS.filter(c => c.category === 'composed').length,
+        validSchemas,
+        invalidSchemas,
+        validationResults: results,
+    };
+}
+/**
+ * Assert component schema is valid (throws on invalid)
+ */
+export function assertValidSchema(schema) {
+    const result = validateComponentSchema(schema);
+    if (!result.valid) {
+        throw new Error(`Invalid component schema: ${result.errors?.join(', ')}`);
+    }
+}
+/**
+ * Assert all schemas are valid (throws on invalid)
+ */
+export function assertAllSchemasValid() {
+    const result = validateAllSchemas();
+    if (!result.valid) {
+        throw new Error(`Schema validation failed: ${result.errors?.join(', ')}`);
+    }
+}
+//# sourceMappingURL=schema-validation.js.map

package/dist/schema-validation.js.map

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

package/dist/screen-generation/generators/css-in-js-generator.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @tekton-ui/core - CSS-in-JS Generator
+ * Generates styled-components or Emotion code from ResolvedScreen
+ * [SPEC-LAYOUT-002] [PHASE-3]
+ */
+import type { ResolvedScreen, ResolvedComponent } from '../resolver/index.js';
+import type { GeneratorOptions, GeneratorResult, StyledThemeConfig } from './types.js';
+/**
+ * CSS-in-JS format options
+ */
+export type CSSInJSFormat = 'styled-components' | 'emotion';
+/**
+ * Convert CSS variables to styled-components theme
+ *
+ * Extracts design tokens from CSS variables and organizes them into
+ * a theme object compatible with styled-components/Emotion.
+ *
+ * @param cssVars - CSS variables from resolved screen
+ * @returns Theme configuration
+ *
+ * @example
+ * ```typescript
+ * const cssVars = {
+ *   'var(--atomic-spacing-16)': 'atomic.spacing.16',
+ *   'var(--semantic-color-primary)': 'semantic.color.primary'
+ * };
+ *
+ * const theme = convertCSSVarsToTheme(cssVars);
+ * // {
+ * //   colors: { primary: 'var(--semantic-color-primary)' },
+ * //   spacing: { '16': 'var(--atomic-spacing-16)' }
+ * // }
+ * ```
+ */
+export declare function convertCSSVarsToTheme(cssVars: Record<string, string>): StyledThemeConfig;
+/**
+ * Generate styled component for a resolved component
+ *
+ * @param component - Resolved component
+ * @param format - CSS-in-JS format
+ * @returns Styled component code
+ *
+ * @example
+ * ```typescript
+ * const component = {
+ *   type: 'Button',
+ *   tokenBindings: {
+ *     background: 'var(--component-button-primary-background)',
+ *     color: 'var(--component-button-primary-foreground)'
+ *   }
+ * };
+ *
+ * const code = generateComponentStyles(component, 'styled-components');
+ * // export const StyledButton = styled.button`
+ * //   background: ${props => props.theme.button['primary-background']};
+ * //   color: ${props => props.theme.button['primary-foreground']};
+ * // `;
+ * ```
+ */
+export declare function generateComponentStyles(component: ResolvedComponent, _format?: CSSInJSFormat): string;
+/**
+ * Generate styled-components code from resolved screen
+ *
+ * Creates a complete styled-components implementation including:
+ * - Theme object from CSS variables
+ * - Styled components for each component
+ * - ThemeProvider wrapper
+ *
+ * @param screen - Resolved screen
+ * @param format - CSS-in-JS format (styled-components or emotion)
+ * @param options - Generator options
+ * @returns Generated styled-components code
+ *
+ * @example
+ * ```typescript
+ * const screen = resolveScreen(screenDefinition);
+ * const result = generateStyledComponents(screen, 'styled-components');
+ * console.log(result.code);
+ * ```
+ */
+export declare function generateStyledComponents(screen: ResolvedScreen, format?: CSSInJSFormat, options?: GeneratorOptions): GeneratorResult;
+//# sourceMappingURL=css-in-js-generator.d.ts.map

package/dist/screen-generation/generators/css-in-js-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-in-js-generator.d.ts","sourceRoot":"","sources":["../../../src/screen-generation/generators/css-in-js-generator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAOvF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,SAAS,CAAC;AAM5D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,iBAAiB,CAuDxF;AA4ED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,iBAAiB,EAC5B,OAAO,GAAE,aAAmC,GAC3C,MAAM,CA0BR;AAmFD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,cAAc,EACtB,MAAM,GAAE,aAAmC,EAC3C,OAAO,GAAE,gBAAqB,GAC7B,eAAe,CAmDjB"}

package/dist/screen-generation/generators/css-in-js-generator.js

@@ -0,0 +1,335 @@
+/**
+ * @tekton-ui/core - CSS-in-JS Generator
+ * Generates styled-components or Emotion code from ResolvedScreen
+ * [SPEC-LAYOUT-002] [PHASE-3]
+ */
+import { pascalCase, generateImports, formatCode } from './utils.js';
+// ============================================================================
+// Theme Generation
+// ============================================================================
+/**
+ * Convert CSS variables to styled-components theme
+ *
+ * Extracts design tokens from CSS variables and organizes them into
+ * a theme object compatible with styled-components/Emotion.
+ *
+ * @param cssVars - CSS variables from resolved screen
+ * @returns Theme configuration
+ *
+ * @example
+ * ```typescript
+ * const cssVars = {
+ *   'var(--atomic-spacing-16)': 'atomic.spacing.16',
+ *   'var(--semantic-color-primary)': 'semantic.color.primary'
+ * };
+ *
+ * const theme = convertCSSVarsToTheme(cssVars);
+ * // {
+ * //   colors: { primary: 'var(--semantic-color-primary)' },
+ * //   spacing: { '16': 'var(--atomic-spacing-16)' }
+ * // }
+ * ```
+ */
+export function convertCSSVarsToTheme(cssVars) {
+    const theme = {
+        name: 'default',
+        colors: {},
+        spacing: {},
+        typography: {},
+        radii: {},
+        shadows: {},
+        custom: {},
+    };
+    for (const [cssVar, tokenRef] of Object.entries(cssVars)) {
+        const parts = tokenRef.split('.');
+        if (parts.length < 2) {
+            continue;
+        }
+        const [layer, category, ...rest] = parts;
+        const key = rest.join('-') || category;
+        if (layer === 'atomic' || layer === 'semantic') {
+            if (category === 'color' || category === 'colors') {
+                theme.colors[key] = cssVar;
+            }
+            else if (category === 'spacing' || category === 'space') {
+                theme.spacing[key] = cssVar;
+            }
+            else if (category === 'typography' || category === 'font') {
+                theme.typography[key] = cssVar;
+            }
+            else if (category === 'radius' || category === 'radii') {
+                theme.radii[key] = cssVar;
+            }
+            else if (category === 'shadow' || category === 'shadows') {
+                theme.shadows[key] = cssVar;
+            }
+            else {
+                // Custom category
+                if (!theme.custom) {
+                    theme.custom = {};
+                }
+                if (!theme.custom[category]) {
+                    theme.custom[category] = {};
+                }
+                theme.custom[category][key] = cssVar;
+            }
+        }
+        else if (layer === 'component') {
+            // Component-specific tokens go to custom
+            if (!theme.custom) {
+                theme.custom = {};
+            }
+            if (!theme.custom[category]) {
+                theme.custom[category] = {};
+            }
+            theme.custom[category][key] = cssVar;
+        }
+    }
+    return theme;
+}
+/**
+ * Generate theme object code
+ *
+ * @param theme - Theme configuration
+ * @returns Theme object code string
+ */
+function generateThemeCode(theme) {
+    const lines = ['export const theme = {'];
+    // Colors
+    if (Object.keys(theme.colors).length > 0) {
+        lines.push('  colors: {');
+        for (const [key, value] of Object.entries(theme.colors)) {
+            lines.push(`    '${key}': '${value}',`);
+        }
+        lines.push('  },');
+    }
+    // Spacing
+    if (Object.keys(theme.spacing).length > 0) {
+        lines.push('  spacing: {');
+        for (const [key, value] of Object.entries(theme.spacing)) {
+            lines.push(`    '${key}': '${value}',`);
+        }
+        lines.push('  },');
+    }
+    // Typography
+    if (Object.keys(theme.typography).length > 0) {
+        lines.push('  typography: {');
+        for (const [key, value] of Object.entries(theme.typography)) {
+            lines.push(`    '${key}': '${value}',`);
+        }
+        lines.push('  },');
+    }
+    // Radii
+    if (Object.keys(theme.radii).length > 0) {
+        lines.push('  radii: {');
+        for (const [key, value] of Object.entries(theme.radii)) {
+            lines.push(`    '${key}': '${value}',`);
+        }
+        lines.push('  },');
+    }
+    // Shadows
+    if (Object.keys(theme.shadows).length > 0) {
+        lines.push('  shadows: {');
+        for (const [key, value] of Object.entries(theme.shadows)) {
+            lines.push(`    '${key}': '${value}',`);
+        }
+        lines.push('  },');
+    }
+    // Custom
+    if (theme.custom && Object.keys(theme.custom).length > 0) {
+        for (const [category, tokens] of Object.entries(theme.custom)) {
+            lines.push(`  ${category}: {`);
+            for (const [key, value] of Object.entries(tokens)) {
+                lines.push(`    '${key}': '${value}',`);
+            }
+            lines.push('  },');
+        }
+    }
+    lines.push('};');
+    return lines.join('\n');
+}
+// ============================================================================
+// Component Styles Generation
+// ============================================================================
+/**
+ * Generate styled component for a resolved component
+ *
+ * @param component - Resolved component
+ * @param format - CSS-in-JS format
+ * @returns Styled component code
+ *
+ * @example
+ * ```typescript
+ * const component = {
+ *   type: 'Button',
+ *   tokenBindings: {
+ *     background: 'var(--component-button-primary-background)',
+ *     color: 'var(--component-button-primary-foreground)'
+ *   }
+ * };
+ *
+ * const code = generateComponentStyles(component, 'styled-components');
+ * // export const StyledButton = styled.button`
+ * //   background: ${props => props.theme.button['primary-background']};
+ * //   color: ${props => props.theme.button['primary-foreground']};
+ * // `;
+ * ```
+ */
+export function generateComponentStyles(component, _format = 'styled-components') {
+    const componentName = pascalCase(component.type);
+    const styledName = `Styled${componentName}`;
+    // Get base HTML element
+    const element = getHTMLElement(component.type);
+    const lines = [];
+    // Generate styled component
+    lines.push(`export const ${styledName} = styled.${element}\`\``);
+    // Add token bindings as CSS properties
+    const styles = [];
+    for (const [prop, cssVar] of Object.entries(component.tokenBindings)) {
+        const cssProp = camelCaseToKebab(prop);
+        styles.push(`  ${cssProp}: \${props => props.theme.${extractThemeKey(cssVar)}};`);
+    }
+    if (styles.length > 0) {
+        lines[0] = `export const ${styledName} = styled.${element}\``;
+        lines.push(...styles);
+        lines.push('`;');
+    }
+    return lines.join('\n');
+}
+/**
+ * Get HTML element for component type
+ *
+ * @param type - Component type
+ * @returns HTML element name
+ */
+function getHTMLElement(type) {
+    const elementMap = {
+        Button: 'button',
+        Input: 'input',
+        Text: 'span',
+        Heading: 'h2',
+        Checkbox: 'input',
+        Radio: 'input',
+        Switch: 'button',
+        Slider: 'input',
+        Badge: 'span',
+        Avatar: 'img',
+        Card: 'div',
+        Modal: 'div',
+        Tabs: 'div',
+        Table: 'table',
+        Link: 'a',
+        List: 'ul',
+        Image: 'img',
+        Form: 'form',
+        Dropdown: 'select',
+        Progress: 'progress',
+    };
+    return elementMap[type] || 'div';
+}
+/**
+ * Convert camelCase to kebab-case
+ *
+ * @param str - camelCase string
+ * @returns kebab-case string
+ */
+function camelCaseToKebab(str) {
+    return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}
+/**
+ * Extract theme key from CSS variable
+ *
+ * @param cssVar - CSS variable reference
+ * @returns Theme key path
+ *
+ * @example
+ * ```typescript
+ * extractThemeKey('var(--component-button-primary-background)');
+ * // → "button['primary-background']"
+ * ```
+ */
+function extractThemeKey(cssVar) {
+    // Remove var( and )
+    const varName = cssVar.replace(/^var\(--/, '').replace(/\)$/, '');
+    const parts = varName.split('-');
+    if (parts.length < 2) {
+        return `custom['${varName}']`;
+    }
+    const [layer, category, ...rest] = parts;
+    if (layer === 'atomic' || layer === 'semantic') {
+        const key = rest.join('-');
+        return `${category}['${key}']`;
+    }
+    else if (layer === 'component') {
+        const key = rest.join('-');
+        return `${category}['${key}']`;
+    }
+    return `custom['${varName}']`;
+}
+// ============================================================================
+// Main Generation Functions
+// ============================================================================
+/**
+ * Generate styled-components code from resolved screen
+ *
+ * Creates a complete styled-components implementation including:
+ * - Theme object from CSS variables
+ * - Styled components for each component
+ * - ThemeProvider wrapper
+ *
+ * @param screen - Resolved screen
+ * @param format - CSS-in-JS format (styled-components or emotion)
+ * @param options - Generator options
+ * @returns Generated styled-components code
+ *
+ * @example
+ * ```typescript
+ * const screen = resolveScreen(screenDefinition);
+ * const result = generateStyledComponents(screen, 'styled-components');
+ * console.log(result.code);
+ * ```
+ */
+export function generateStyledComponents(screen, format = 'styled-components', options = {}) {
+    const startTime = performance.now();
+    const imports = {};
+    const code = [];
+    // Add imports
+    if (format === 'styled-components') {
+        imports['styled-components'] = ['default as styled'];
+    }
+    else {
+        imports['@emotion/styled'] = ['default as styled'];
+    }
+    imports['react'] = ['React'];
+    // Generate theme
+    const theme = convertCSSVarsToTheme(screen.cssVariables);
+    code.push(generateThemeCode(theme));
+    code.push('');
+    // Generate styled components for each unique component type
+    const generatedTypes = new Set();
+    for (const section of screen.sections) {
+        for (const component of section.components) {
+            if (!generatedTypes.has(component.type)) {
+                code.push(generateComponentStyles(component, format));
+                code.push('');
+                generatedTypes.add(component.type);
+            }
+        }
+    }
+    // Combine imports and code
+    const importCode = generateImports(imports, options.format || 'typescript');
+    const fullCode = importCode + code.join('\n');
+    // Format code
+    const formatted = options.prettier !== false ? formatCode(fullCode) : fullCode;
+    const endTime = performance.now();
+    return {
+        code: formatted,
+        warnings: [],
+        meta: {
+            duration: endTime - startTime,
+            componentCount: generatedTypes.size,
+            lineCount: formatted.split('\n').length,
+        },
+    };
+}
+//# sourceMappingURL=css-in-js-generator.js.map

package/dist/screen-generation/generators/css-in-js-generator.js.map

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

package/dist/screen-generation/generators/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @tekton-ui/core - Output Generators Module
+ * Barrel export for code generation from resolved screens
+ * [SPEC-LAYOUT-002] [PHASE-3]
+ */
+export type { CSSFramework, OutputFormat, ComponentStyle, GeneratorOptions, GeneratorResult, GeneratedFile, CSSVariableMap, TailwindClassMap, StyledThemeConfig, ComponentGenerationContext, } from './types.js';
+export { defaultGeneratorOptions } from './types.js';
+export { camelCase, pascalCase, kebabCase, formatCode, indent, escapeJSX, needsJSXExpression, propValueToJSX, generateImports, cssVarToToken, extractPropertyFromCSSVar, isValidIdentifier, sanitizeIdentifier, } from './utils.js';
+export type { CSSInJSFormat } from './css-in-js-generator.js';
+export { convertCSSVarsToTheme, generateComponentStyles, generateStyledComponents, } from './css-in-js-generator.js';
+export { tokenToTailwindClass, generateComponentClasses, generateTailwindConfig, generateTailwindClasses, } from './tailwind-generator.js';
+export { generateComponentInterface, generateComponentJSX, generateComponentTree, generateReactComponent, } from './react-generator.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/screen-generation/generators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screen-generation/generators/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAMrD,OAAO,EAEL,SAAS,EACT,UAAU,EACV,SAAS,EAGT,UAAU,EACV,MAAM,EAGN,SAAS,EACT,kBAAkB,EAClB,cAAc,EAGd,eAAe,EAGf,aAAa,EACb,yBAAyB,EAGzB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAMpB,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAMlC,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC;AAMjC,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC"}