extraktor 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,2774 @@
+import { z } from 'zod';
+import { Page } from 'playwright';
+
+/**
+ * Core extraction types for extraktor
+ * Defines the unified extraction result schema
+ */
+type ColorFormat = 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'oklch' | 'lab';
+type ColorUsageType = 'background' | 'text' | 'border' | 'shadow' | 'accent' | 'gradient';
+interface ColorToken {
+    name: string;
+    value: string;
+    originalValue: string;
+    format: ColorFormat;
+    usage: ColorUsageType[];
+    frequency: number;
+    elements: string[];
+    tailwindClass?: string;
+}
+interface GradientToken {
+    name: string;
+    value: string;
+    type: 'linear' | 'radial' | 'conic';
+    stops: GradientStop[];
+    angle?: string;
+    position?: string;
+    frequency: number;
+}
+interface GradientStop {
+    color: string;
+    position: string;
+}
+interface ExtractedColors {
+    palette: ColorToken[];
+    backgrounds: ColorToken[];
+    text: ColorToken[];
+    borders: ColorToken[];
+    accents: ColorToken[];
+    gradients: GradientToken[];
+}
+interface FontFamilyToken {
+    name: string;
+    value: string;
+    fallbacks: string[];
+    category: 'sans' | 'serif' | 'mono' | 'display' | 'handwriting';
+    source: 'system' | 'google' | 'custom' | 'variable';
+    fontFiles?: FontFile[];
+    tailwindClass?: string;
+    frequency: number;
+}
+interface FontFile {
+    url: string;
+    format: 'woff2' | 'woff' | 'ttf' | 'otf' | 'eot';
+    weight?: string;
+    style?: string;
+    localPath?: string;
+}
+interface FontSizeToken {
+    name: string;
+    value: string;
+    pxValue: number;
+    remValue: number;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface FontWeightToken {
+    name: string;
+    value: string;
+    numericValue: number;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface LineHeightToken {
+    name: string;
+    value: string;
+    numericValue?: number;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface LetterSpacingToken {
+    name: string;
+    value: string;
+    emValue?: number;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface TextStyleToken {
+    name: string;
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    letterSpacing?: string;
+    textTransform?: string;
+    textDecoration?: string;
+    elements: string[];
+}
+interface ExtractedTypography {
+    fontFamilies: FontFamilyToken[];
+    fontSizes: FontSizeToken[];
+    fontWeights: FontWeightToken[];
+    lineHeights: LineHeightToken[];
+    letterSpacings: LetterSpacingToken[];
+    textStyles: TextStyleToken[];
+}
+interface SpacingToken {
+    name: string;
+    value: string;
+    pxValue: number;
+    remValue: number;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface SpacingUsage {
+    property: string;
+    value: string;
+    elements: string[];
+    frequency: number;
+}
+interface ExtractedSpacing {
+    scale: SpacingToken[];
+    margins: SpacingUsage[];
+    paddings: SpacingUsage[];
+    gaps: SpacingUsage[];
+}
+interface ShadowToken {
+    name: string;
+    value: string;
+    type: 'box' | 'text' | 'drop';
+    layers: ShadowLayer[];
+    tailwindClass?: string;
+    frequency: number;
+}
+interface ShadowLayer {
+    offsetX: string;
+    offsetY: string;
+    blur: string;
+    spread?: string;
+    color: string;
+    inset: boolean;
+}
+interface BorderToken {
+    name: string;
+    width: string;
+    style: string;
+    color: string;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface BorderRadiusToken {
+    name: string;
+    value: string;
+    pxValue: number;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface FilterToken {
+    name: string;
+    value: string;
+    type: 'blur' | 'brightness' | 'contrast' | 'grayscale' | 'saturate' | 'sepia' | 'hue-rotate' | 'invert' | 'opacity' | 'backdrop';
+    amount: string;
+    frequency: number;
+}
+interface OpacityToken {
+    name: string;
+    value: string;
+    numericValue: number;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface ExtractedEffects {
+    shadows: ShadowToken[];
+    borders: BorderToken[];
+    borderRadii: BorderRadiusToken[];
+    filters: FilterToken[];
+    opacity: OpacityToken[];
+}
+interface ContainerPattern {
+    maxWidth: string;
+    padding?: string;
+    margin?: string;
+    elements: string[];
+    frequency: number;
+}
+interface FlexPattern {
+    direction: string;
+    justifyContent: string;
+    alignItems: string;
+    gap?: string;
+    wrap?: string;
+    elements: string[];
+    frequency: number;
+}
+interface GridPattern {
+    columns: string;
+    rows?: string;
+    gap?: string;
+    areas?: string[];
+    elements: string[];
+    frequency: number;
+}
+interface BreakpointToken {
+    name: string;
+    minWidth?: string;
+    maxWidth?: string;
+    tailwindKey?: string;
+    mediaQuery: string;
+}
+interface ZIndexToken {
+    name: string;
+    value: number;
+    tailwindClass?: string;
+    elements: string[];
+    frequency: number;
+}
+interface ExtractedLayout {
+    containers: ContainerPattern[];
+    flexPatterns: FlexPattern[];
+    gridPatterns: GridPattern[];
+    breakpoints: BreakpointToken[];
+    zIndexLayers: ZIndexToken[];
+}
+interface KeyframeStep {
+    offset: string;
+    properties: Record<string, string>;
+}
+interface KeyframeAnimation {
+    name: string;
+    keyframes: KeyframeStep[];
+    duration?: string;
+    timingFunction?: string;
+    delay?: string;
+    iterationCount?: string;
+    direction?: string;
+    fillMode?: string;
+    cssText: string;
+}
+interface TransitionToken {
+    property: string;
+    duration: string;
+    timingFunction: string;
+    delay?: string;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface TransformToken {
+    name: string;
+    value: string;
+    functions: TransformFunction[];
+    frequency: number;
+}
+interface TransformFunction {
+    name: string;
+    value: string;
+}
+interface TimingFunctionToken {
+    name: string;
+    value: string;
+    type: 'ease' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'cubic-bezier' | 'steps';
+    tailwindClass?: string;
+    frequency: number;
+}
+interface DurationToken {
+    name: string;
+    value: string;
+    msValue: number;
+    tailwindClass?: string;
+    frequency: number;
+}
+interface ExtractedAnimations {
+    keyframes: KeyframeAnimation[];
+    transitions: TransitionToken[];
+    transforms: TransformToken[];
+    timingFunctions: TimingFunctionToken[];
+    durations: DurationToken[];
+}
+interface ImageAsset {
+    id: string;
+    url: string;
+    localPath?: string;
+    originalFormat: string;
+    width?: number;
+    height?: number;
+    aspectRatio?: number;
+    size?: number;
+    alt?: string;
+    srcset?: string;
+    optimized?: {
+        webp?: string;
+        avif?: string;
+    };
+}
+interface SVGAsset {
+    id: string;
+    source: 'inline' | 'external' | 'sprite' | 'data-uri';
+    content: string;
+    optimizedContent?: string;
+    viewBox?: string;
+    width?: string;
+    height?: string;
+    fill?: string;
+    stroke?: string;
+    reactComponentPath?: string;
+    usage: string[];
+}
+interface FontAsset {
+    family: string;
+    source: string;
+    format: string;
+    weight?: string;
+    style?: string;
+    localPath?: string;
+    subsetPath?: string;
+    usedCharacters?: string;
+}
+interface IconAsset {
+    id: string;
+    name: string;
+    svg: SVGAsset;
+    category?: string;
+    usage: string[];
+}
+interface ExtractedAssets {
+    images: ImageAsset[];
+    svgs: SVGAsset[];
+    fonts: FontAsset[];
+    icons: IconAsset[];
+}
+type ComponentType$1 = 'button' | 'input' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'switch' | 'card' | 'modal' | 'dialog' | 'dropdown' | 'menu' | 'navigation' | 'header' | 'footer' | 'sidebar' | 'avatar' | 'badge' | 'tag' | 'alert' | 'toast' | 'tooltip' | 'popover' | 'tab' | 'accordion' | 'table' | 'list' | 'form' | 'link' | 'image' | 'video' | 'slider' | 'progress' | 'spinner' | 'skeleton' | 'divider' | 'breadcrumb' | 'pagination' | 'custom';
+interface ComponentVariant$1 {
+    name: string;
+    selector: string;
+    styles: Record<string, string>;
+    state?: 'default' | 'hover' | 'active' | 'focus' | 'disabled';
+}
+interface ComponentProp {
+    name: string;
+    type: string;
+    defaultValue?: string;
+    variants?: string[];
+}
+interface ComponentDefinition {
+    id: string;
+    type: ComponentType$1;
+    name: string;
+    selector: string;
+    html: string;
+    variants: ComponentVariant$1[];
+    styles: Record<string, string>;
+    children?: ComponentDefinition[];
+    props?: ComponentProp[];
+    tailwindClasses?: string;
+}
+interface ComponentPattern {
+    type: ComponentType$1;
+    count: number;
+    examples: string[];
+}
+interface ExtractedComponents$1 {
+    detected: ComponentDefinition[];
+    patterns: ComponentPattern[];
+}
+interface ExtractionMetadata {
+    url: string;
+    title: string;
+    description?: string;
+    favicon?: string;
+    timestamp: string;
+    duration: number;
+    elementsAnalyzed: number;
+    stylesheetsProcessed: number;
+    spaFramework?: 'react' | 'vue' | 'angular' | 'svelte' | 'none';
+    errors: ExtractionError[];
+    warnings: string[];
+}
+interface ExtractionError {
+    type: string;
+    message: string;
+    context?: string;
+}
+interface ExtractionResult {
+    metadata: ExtractionMetadata;
+    colors: ExtractedColors;
+    typography: ExtractedTypography;
+    spacing: ExtractedSpacing;
+    effects: ExtractedEffects;
+    layout: ExtractedLayout;
+    animations: ExtractedAnimations;
+    assets: ExtractedAssets;
+    components: ExtractedComponents$1;
+    cssVariables: Record<string, string>;
+    rawStyles: ElementStyles[];
+}
+interface ElementStyles {
+    selector: string;
+    tagName: string;
+    id?: string;
+    classes: string[];
+    computedStyles: Record<string, string>;
+    boundingBox: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    isVisible: boolean;
+    pseudoElements?: {
+        before?: Record<string, string>;
+        after?: Record<string, string>;
+    };
+}
+
+/**
+ * Configuration types for extraktor
+ * Validated with Zod schema
+ */
+
+declare const BrowserConfigSchema: z.ZodObject<{
+    engine: z.ZodDefault<z.ZodEnum<["playwright", "puppeteer"]>>;
+    headless: z.ZodDefault<z.ZodBoolean>;
+    cdpEndpoint: z.ZodOptional<z.ZodString>;
+    timeout: z.ZodDefault<z.ZodNumber>;
+    viewport: z.ZodDefault<z.ZodObject<{
+        width: z.ZodDefault<z.ZodNumber>;
+        height: z.ZodDefault<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        width: number;
+        height: number;
+    }, {
+        width?: number | undefined;
+        height?: number | undefined;
+    }>>;
+    userAgent: z.ZodOptional<z.ZodString>;
+    deviceScaleFactor: z.ZodDefault<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    engine: "playwright" | "puppeteer";
+    headless: boolean;
+    timeout: number;
+    viewport: {
+        width: number;
+        height: number;
+    };
+    deviceScaleFactor: number;
+    cdpEndpoint?: string | undefined;
+    userAgent?: string | undefined;
+}, {
+    engine?: "playwright" | "puppeteer" | undefined;
+    headless?: boolean | undefined;
+    cdpEndpoint?: string | undefined;
+    timeout?: number | undefined;
+    viewport?: {
+        width?: number | undefined;
+        height?: number | undefined;
+    } | undefined;
+    userAgent?: string | undefined;
+    deviceScaleFactor?: number | undefined;
+}>;
+declare const SPAConfigSchema: z.ZodObject<{
+    enabled: z.ZodDefault<z.ZodBoolean>;
+    framework: z.ZodDefault<z.ZodEnum<["auto", "react", "vue", "angular", "svelte", "none"]>>;
+    hydrationTimeout: z.ZodDefault<z.ZodNumber>;
+    waitForSelector: z.ZodOptional<z.ZodString>;
+    waitForNetworkIdle: z.ZodDefault<z.ZodBoolean>;
+    scrollToLoad: z.ZodDefault<z.ZodBoolean>;
+    maxScrollAttempts: z.ZodDefault<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    enabled: boolean;
+    framework: "react" | "vue" | "angular" | "svelte" | "none" | "auto";
+    hydrationTimeout: number;
+    waitForNetworkIdle: boolean;
+    scrollToLoad: boolean;
+    maxScrollAttempts: number;
+    waitForSelector?: string | undefined;
+}, {
+    enabled?: boolean | undefined;
+    framework?: "react" | "vue" | "angular" | "svelte" | "none" | "auto" | undefined;
+    hydrationTimeout?: number | undefined;
+    waitForSelector?: string | undefined;
+    waitForNetworkIdle?: boolean | undefined;
+    scrollToLoad?: boolean | undefined;
+    maxScrollAttempts?: number | undefined;
+}>;
+declare const ExtractionOptionsSchema: z.ZodObject<{
+    colors: z.ZodDefault<z.ZodBoolean>;
+    typography: z.ZodDefault<z.ZodBoolean>;
+    spacing: z.ZodDefault<z.ZodBoolean>;
+    shadows: z.ZodDefault<z.ZodBoolean>;
+    borders: z.ZodDefault<z.ZodBoolean>;
+    layout: z.ZodDefault<z.ZodBoolean>;
+    animations: z.ZodDefault<z.ZodBoolean>;
+    transitions: z.ZodDefault<z.ZodBoolean>;
+    transforms: z.ZodDefault<z.ZodBoolean>;
+    zIndex: z.ZodDefault<z.ZodBoolean>;
+    opacity: z.ZodDefault<z.ZodBoolean>;
+    cssVariables: z.ZodDefault<z.ZodBoolean>;
+    assets: z.ZodDefault<z.ZodObject<{
+        images: z.ZodDefault<z.ZodBoolean>;
+        svgs: z.ZodDefault<z.ZodBoolean>;
+        fonts: z.ZodDefault<z.ZodBoolean>;
+        icons: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        images: boolean;
+        svgs: boolean;
+        fonts: boolean;
+        icons: boolean;
+    }, {
+        images?: boolean | undefined;
+        svgs?: boolean | undefined;
+        fonts?: boolean | undefined;
+        icons?: boolean | undefined;
+    }>>;
+    components: z.ZodDefault<z.ZodBoolean>;
+    hoverStates: z.ZodDefault<z.ZodBoolean>;
+    focusStates: z.ZodDefault<z.ZodBoolean>;
+    activeStates: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    opacity: boolean;
+    colors: boolean;
+    typography: boolean;
+    spacing: boolean;
+    shadows: boolean;
+    borders: boolean;
+    layout: boolean;
+    animations: boolean;
+    transitions: boolean;
+    transforms: boolean;
+    zIndex: boolean;
+    cssVariables: boolean;
+    assets: {
+        images: boolean;
+        svgs: boolean;
+        fonts: boolean;
+        icons: boolean;
+    };
+    components: boolean;
+    hoverStates: boolean;
+    focusStates: boolean;
+    activeStates: boolean;
+}, {
+    opacity?: boolean | undefined;
+    colors?: boolean | undefined;
+    typography?: boolean | undefined;
+    spacing?: boolean | undefined;
+    shadows?: boolean | undefined;
+    borders?: boolean | undefined;
+    layout?: boolean | undefined;
+    animations?: boolean | undefined;
+    transitions?: boolean | undefined;
+    transforms?: boolean | undefined;
+    zIndex?: boolean | undefined;
+    cssVariables?: boolean | undefined;
+    assets?: {
+        images?: boolean | undefined;
+        svgs?: boolean | undefined;
+        fonts?: boolean | undefined;
+        icons?: boolean | undefined;
+    } | undefined;
+    components?: boolean | undefined;
+    hoverStates?: boolean | undefined;
+    focusStates?: boolean | undefined;
+    activeStates?: boolean | undefined;
+}>;
+declare const TailwindOutputConfigSchema: z.ZodObject<{
+    filename: z.ZodDefault<z.ZodString>;
+    format: z.ZodDefault<z.ZodEnum<["ts", "js", "cjs", "mjs"]>>;
+    includeComments: z.ZodDefault<z.ZodBoolean>;
+    extendOnly: z.ZodDefault<z.ZodBoolean>;
+    prefix: z.ZodOptional<z.ZodString>;
+    darkMode: z.ZodDefault<z.ZodUnion<[z.ZodEnum<["class", "media", "selector"]>, z.ZodLiteral<false>]>>;
+}, "strip", z.ZodTypeAny, {
+    filename: string;
+    format: "ts" | "js" | "cjs" | "mjs";
+    includeComments: boolean;
+    extendOnly: boolean;
+    darkMode: false | "class" | "media" | "selector";
+    prefix?: string | undefined;
+}, {
+    filename?: string | undefined;
+    format?: "ts" | "js" | "cjs" | "mjs" | undefined;
+    includeComments?: boolean | undefined;
+    extendOnly?: boolean | undefined;
+    prefix?: string | undefined;
+    darkMode?: false | "class" | "media" | "selector" | undefined;
+}>;
+declare const TokenOutputConfigSchema: z.ZodObject<{
+    filename: z.ZodDefault<z.ZodString>;
+    format: z.ZodDefault<z.ZodEnum<["style-dictionary", "dtcg", "figma"]>>;
+    platforms: z.ZodDefault<z.ZodArray<z.ZodEnum<["web", "ios", "android"]>, "many">>;
+}, "strip", z.ZodTypeAny, {
+    filename: string;
+    format: "style-dictionary" | "dtcg" | "figma";
+    platforms: ("web" | "ios" | "android")[];
+}, {
+    filename?: string | undefined;
+    format?: "style-dictionary" | "dtcg" | "figma" | undefined;
+    platforms?: ("web" | "ios" | "android")[] | undefined;
+}>;
+declare const FigmaOutputConfigSchema: z.ZodObject<{
+    filename: z.ZodDefault<z.ZodString>;
+    includeTypography: z.ZodDefault<z.ZodBoolean>;
+    includeEffects: z.ZodDefault<z.ZodBoolean>;
+    includeSpacing: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    filename: string;
+    includeTypography: boolean;
+    includeEffects: boolean;
+    includeSpacing: boolean;
+}, {
+    filename?: string | undefined;
+    includeTypography?: boolean | undefined;
+    includeEffects?: boolean | undefined;
+    includeSpacing?: boolean | undefined;
+}>;
+declare const TSXOutputConfigSchema: z.ZodObject<{
+    directory: z.ZodDefault<z.ZodString>;
+    framework: z.ZodDefault<z.ZodEnum<["react", "preact", "solid"]>>;
+    styling: z.ZodDefault<z.ZodEnum<["tailwind", "css-modules", "styled-components", "emotion", "inline"]>>;
+    typescript: z.ZodDefault<z.ZodBoolean>;
+    includeStories: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    framework: "react" | "preact" | "solid";
+    directory: string;
+    styling: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion";
+    typescript: boolean;
+    includeStories: boolean;
+}, {
+    framework?: "react" | "preact" | "solid" | undefined;
+    directory?: string | undefined;
+    styling?: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion" | undefined;
+    typescript?: boolean | undefined;
+    includeStories?: boolean | undefined;
+}>;
+declare const OutputConfigSchema: z.ZodObject<{
+    directory: z.ZodDefault<z.ZodString>;
+    formats: z.ZodDefault<z.ZodArray<z.ZodEnum<["tailwind", "css-variables", "design-tokens", "dtcg", "figma", "tsx"]>, "many">>;
+    tailwind: z.ZodDefault<z.ZodObject<{
+        filename: z.ZodDefault<z.ZodString>;
+        format: z.ZodDefault<z.ZodEnum<["ts", "js", "cjs", "mjs"]>>;
+        includeComments: z.ZodDefault<z.ZodBoolean>;
+        extendOnly: z.ZodDefault<z.ZodBoolean>;
+        prefix: z.ZodOptional<z.ZodString>;
+        darkMode: z.ZodDefault<z.ZodUnion<[z.ZodEnum<["class", "media", "selector"]>, z.ZodLiteral<false>]>>;
+    }, "strip", z.ZodTypeAny, {
+        filename: string;
+        format: "ts" | "js" | "cjs" | "mjs";
+        includeComments: boolean;
+        extendOnly: boolean;
+        darkMode: false | "class" | "media" | "selector";
+        prefix?: string | undefined;
+    }, {
+        filename?: string | undefined;
+        format?: "ts" | "js" | "cjs" | "mjs" | undefined;
+        includeComments?: boolean | undefined;
+        extendOnly?: boolean | undefined;
+        prefix?: string | undefined;
+        darkMode?: false | "class" | "media" | "selector" | undefined;
+    }>>;
+    tokens: z.ZodDefault<z.ZodObject<{
+        filename: z.ZodDefault<z.ZodString>;
+        format: z.ZodDefault<z.ZodEnum<["style-dictionary", "dtcg", "figma"]>>;
+        platforms: z.ZodDefault<z.ZodArray<z.ZodEnum<["web", "ios", "android"]>, "many">>;
+    }, "strip", z.ZodTypeAny, {
+        filename: string;
+        format: "style-dictionary" | "dtcg" | "figma";
+        platforms: ("web" | "ios" | "android")[];
+    }, {
+        filename?: string | undefined;
+        format?: "style-dictionary" | "dtcg" | "figma" | undefined;
+        platforms?: ("web" | "ios" | "android")[] | undefined;
+    }>>;
+    figma: z.ZodDefault<z.ZodObject<{
+        filename: z.ZodDefault<z.ZodString>;
+        includeTypography: z.ZodDefault<z.ZodBoolean>;
+        includeEffects: z.ZodDefault<z.ZodBoolean>;
+        includeSpacing: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        filename: string;
+        includeTypography: boolean;
+        includeEffects: boolean;
+        includeSpacing: boolean;
+    }, {
+        filename?: string | undefined;
+        includeTypography?: boolean | undefined;
+        includeEffects?: boolean | undefined;
+        includeSpacing?: boolean | undefined;
+    }>>;
+    tsx: z.ZodDefault<z.ZodObject<{
+        directory: z.ZodDefault<z.ZodString>;
+        framework: z.ZodDefault<z.ZodEnum<["react", "preact", "solid"]>>;
+        styling: z.ZodDefault<z.ZodEnum<["tailwind", "css-modules", "styled-components", "emotion", "inline"]>>;
+        typescript: z.ZodDefault<z.ZodBoolean>;
+        includeStories: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        framework: "react" | "preact" | "solid";
+        directory: string;
+        styling: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion";
+        typescript: boolean;
+        includeStories: boolean;
+    }, {
+        framework?: "react" | "preact" | "solid" | undefined;
+        directory?: string | undefined;
+        styling?: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion" | undefined;
+        typescript?: boolean | undefined;
+        includeStories?: boolean | undefined;
+    }>>;
+    cleanOutput: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    figma: {
+        filename: string;
+        includeTypography: boolean;
+        includeEffects: boolean;
+        includeSpacing: boolean;
+    };
+    directory: string;
+    tailwind: {
+        filename: string;
+        format: "ts" | "js" | "cjs" | "mjs";
+        includeComments: boolean;
+        extendOnly: boolean;
+        darkMode: false | "class" | "media" | "selector";
+        prefix?: string | undefined;
+    };
+    tsx: {
+        framework: "react" | "preact" | "solid";
+        directory: string;
+        styling: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion";
+        typescript: boolean;
+        includeStories: boolean;
+    };
+    formats: ("dtcg" | "figma" | "tailwind" | "css-variables" | "design-tokens" | "tsx")[];
+    tokens: {
+        filename: string;
+        format: "style-dictionary" | "dtcg" | "figma";
+        platforms: ("web" | "ios" | "android")[];
+    };
+    cleanOutput: boolean;
+}, {
+    figma?: {
+        filename?: string | undefined;
+        includeTypography?: boolean | undefined;
+        includeEffects?: boolean | undefined;
+        includeSpacing?: boolean | undefined;
+    } | undefined;
+    directory?: string | undefined;
+    tailwind?: {
+        filename?: string | undefined;
+        format?: "ts" | "js" | "cjs" | "mjs" | undefined;
+        includeComments?: boolean | undefined;
+        extendOnly?: boolean | undefined;
+        prefix?: string | undefined;
+        darkMode?: false | "class" | "media" | "selector" | undefined;
+    } | undefined;
+    tsx?: {
+        framework?: "react" | "preact" | "solid" | undefined;
+        directory?: string | undefined;
+        styling?: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion" | undefined;
+        typescript?: boolean | undefined;
+        includeStories?: boolean | undefined;
+    } | undefined;
+    formats?: ("dtcg" | "figma" | "tailwind" | "css-variables" | "design-tokens" | "tsx")[] | undefined;
+    tokens?: {
+        filename?: string | undefined;
+        format?: "style-dictionary" | "dtcg" | "figma" | undefined;
+        platforms?: ("web" | "ios" | "android")[] | undefined;
+    } | undefined;
+    cleanOutput?: boolean | undefined;
+}>;
+declare const ImageOptimizationSchema: z.ZodObject<{
+    enabled: z.ZodDefault<z.ZodBoolean>;
+    formats: z.ZodDefault<z.ZodArray<z.ZodEnum<["webp", "avif", "original"]>, "many">>;
+    quality: z.ZodDefault<z.ZodNumber>;
+    maxWidth: z.ZodOptional<z.ZodNumber>;
+    maxHeight: z.ZodOptional<z.ZodNumber>;
+    preserveOriginal: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    enabled: boolean;
+    formats: ("webp" | "avif" | "original")[];
+    quality: number;
+    preserveOriginal: boolean;
+    maxWidth?: number | undefined;
+    maxHeight?: number | undefined;
+}, {
+    enabled?: boolean | undefined;
+    formats?: ("webp" | "avif" | "original")[] | undefined;
+    quality?: number | undefined;
+    maxWidth?: number | undefined;
+    maxHeight?: number | undefined;
+    preserveOriginal?: boolean | undefined;
+}>;
+declare const SVGOptimizationSchema: z.ZodObject<{
+    enabled: z.ZodDefault<z.ZodBoolean>;
+    plugins: z.ZodDefault<z.ZodArray<z.ZodString, "many">>;
+    convertToReact: z.ZodDefault<z.ZodBoolean>;
+    removeViewBox: z.ZodDefault<z.ZodBoolean>;
+    addClassNames: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    enabled: boolean;
+    plugins: string[];
+    convertToReact: boolean;
+    removeViewBox: boolean;
+    addClassNames: boolean;
+}, {
+    enabled?: boolean | undefined;
+    plugins?: string[] | undefined;
+    convertToReact?: boolean | undefined;
+    removeViewBox?: boolean | undefined;
+    addClassNames?: boolean | undefined;
+}>;
+declare const FontOptimizationSchema: z.ZodObject<{
+    enabled: z.ZodDefault<z.ZodBoolean>;
+    subset: z.ZodDefault<z.ZodBoolean>;
+    formats: z.ZodDefault<z.ZodArray<z.ZodEnum<["woff2", "woff", "ttf"]>, "many">>;
+    includeLatinExtended: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    enabled: boolean;
+    formats: ("woff2" | "woff" | "ttf")[];
+    subset: boolean;
+    includeLatinExtended: boolean;
+}, {
+    enabled?: boolean | undefined;
+    formats?: ("woff2" | "woff" | "ttf")[] | undefined;
+    subset?: boolean | undefined;
+    includeLatinExtended?: boolean | undefined;
+}>;
+declare const OptimizationConfigSchema: z.ZodObject<{
+    images: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        formats: z.ZodDefault<z.ZodArray<z.ZodEnum<["webp", "avif", "original"]>, "many">>;
+        quality: z.ZodDefault<z.ZodNumber>;
+        maxWidth: z.ZodOptional<z.ZodNumber>;
+        maxHeight: z.ZodOptional<z.ZodNumber>;
+        preserveOriginal: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        formats: ("webp" | "avif" | "original")[];
+        quality: number;
+        preserveOriginal: boolean;
+        maxWidth?: number | undefined;
+        maxHeight?: number | undefined;
+    }, {
+        enabled?: boolean | undefined;
+        formats?: ("webp" | "avif" | "original")[] | undefined;
+        quality?: number | undefined;
+        maxWidth?: number | undefined;
+        maxHeight?: number | undefined;
+        preserveOriginal?: boolean | undefined;
+    }>>;
+    svgs: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        plugins: z.ZodDefault<z.ZodArray<z.ZodString, "many">>;
+        convertToReact: z.ZodDefault<z.ZodBoolean>;
+        removeViewBox: z.ZodDefault<z.ZodBoolean>;
+        addClassNames: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        plugins: string[];
+        convertToReact: boolean;
+        removeViewBox: boolean;
+        addClassNames: boolean;
+    }, {
+        enabled?: boolean | undefined;
+        plugins?: string[] | undefined;
+        convertToReact?: boolean | undefined;
+        removeViewBox?: boolean | undefined;
+        addClassNames?: boolean | undefined;
+    }>>;
+    fonts: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        subset: z.ZodDefault<z.ZodBoolean>;
+        formats: z.ZodDefault<z.ZodArray<z.ZodEnum<["woff2", "woff", "ttf"]>, "many">>;
+        includeLatinExtended: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        formats: ("woff2" | "woff" | "ttf")[];
+        subset: boolean;
+        includeLatinExtended: boolean;
+    }, {
+        enabled?: boolean | undefined;
+        formats?: ("woff2" | "woff" | "ttf")[] | undefined;
+        subset?: boolean | undefined;
+        includeLatinExtended?: boolean | undefined;
+    }>>;
+    sprites: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        threshold: z.ZodDefault<z.ZodNumber>;
+        format: z.ZodDefault<z.ZodEnum<["svg", "css"]>>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        format: "svg" | "css";
+        threshold: number;
+    }, {
+        enabled?: boolean | undefined;
+        format?: "svg" | "css" | undefined;
+        threshold?: number | undefined;
+    }>>;
+}, "strip", z.ZodTypeAny, {
+    images: {
+        enabled: boolean;
+        formats: ("webp" | "avif" | "original")[];
+        quality: number;
+        preserveOriginal: boolean;
+        maxWidth?: number | undefined;
+        maxHeight?: number | undefined;
+    };
+    svgs: {
+        enabled: boolean;
+        plugins: string[];
+        convertToReact: boolean;
+        removeViewBox: boolean;
+        addClassNames: boolean;
+    };
+    fonts: {
+        enabled: boolean;
+        formats: ("woff2" | "woff" | "ttf")[];
+        subset: boolean;
+        includeLatinExtended: boolean;
+    };
+    sprites: {
+        enabled: boolean;
+        format: "svg" | "css";
+        threshold: number;
+    };
+}, {
+    images?: {
+        enabled?: boolean | undefined;
+        formats?: ("webp" | "avif" | "original")[] | undefined;
+        quality?: number | undefined;
+        maxWidth?: number | undefined;
+        maxHeight?: number | undefined;
+        preserveOriginal?: boolean | undefined;
+    } | undefined;
+    svgs?: {
+        enabled?: boolean | undefined;
+        plugins?: string[] | undefined;
+        convertToReact?: boolean | undefined;
+        removeViewBox?: boolean | undefined;
+        addClassNames?: boolean | undefined;
+    } | undefined;
+    fonts?: {
+        enabled?: boolean | undefined;
+        formats?: ("woff2" | "woff" | "ttf")[] | undefined;
+        subset?: boolean | undefined;
+        includeLatinExtended?: boolean | undefined;
+    } | undefined;
+    sprites?: {
+        enabled?: boolean | undefined;
+        format?: "svg" | "css" | undefined;
+        threshold?: number | undefined;
+    } | undefined;
+}>;
+declare const TailwindMappingSchema: z.ZodObject<{
+    strategy: z.ZodDefault<z.ZodEnum<["smart", "strict", "arbitrary"]>>;
+    threshold: z.ZodDefault<z.ZodNumber>;
+    customMappings: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+}, "strip", z.ZodTypeAny, {
+    threshold: number;
+    strategy: "smart" | "strict" | "arbitrary";
+    customMappings?: Record<string, string> | undefined;
+}, {
+    threshold?: number | undefined;
+    strategy?: "smart" | "strict" | "arbitrary" | undefined;
+    customMappings?: Record<string, string> | undefined;
+}>;
+declare const CacheConfigSchema: z.ZodObject<{
+    enabled: z.ZodDefault<z.ZodBoolean>;
+    directory: z.ZodDefault<z.ZodString>;
+    ttl: z.ZodDefault<z.ZodNumber>;
+    maxSize: z.ZodDefault<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    enabled: boolean;
+    directory: string;
+    ttl: number;
+    maxSize: number;
+}, {
+    enabled?: boolean | undefined;
+    directory?: string | undefined;
+    ttl?: number | undefined;
+    maxSize?: number | undefined;
+}>;
+declare const ThemeConfigSchema: z.ZodObject<{
+    variants: z.ZodDefault<z.ZodArray<z.ZodEnum<["dark", "light", "high-contrast", "custom"]>, "many">>;
+    colorSwap: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        mappings: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        mappings: Record<string, string>;
+    }, {
+        enabled?: boolean | undefined;
+        mappings?: Record<string, string> | undefined;
+    }>>;
+    aiGeneration: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        provider: z.ZodDefault<z.ZodEnum<["openai", "anthropic"]>>;
+        apiKey: z.ZodOptional<z.ZodString>;
+        model: z.ZodDefault<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        provider: "openai" | "anthropic";
+        model: string;
+        apiKey?: string | undefined;
+    }, {
+        enabled?: boolean | undefined;
+        provider?: "openai" | "anthropic" | undefined;
+        apiKey?: string | undefined;
+        model?: string | undefined;
+    }>>;
+}, "strip", z.ZodTypeAny, {
+    variants: ("custom" | "dark" | "light" | "high-contrast")[];
+    colorSwap: {
+        enabled: boolean;
+        mappings: Record<string, string>;
+    };
+    aiGeneration: {
+        enabled: boolean;
+        provider: "openai" | "anthropic";
+        model: string;
+        apiKey?: string | undefined;
+    };
+}, {
+    variants?: ("custom" | "dark" | "light" | "high-contrast")[] | undefined;
+    colorSwap?: {
+        enabled?: boolean | undefined;
+        mappings?: Record<string, string> | undefined;
+    } | undefined;
+    aiGeneration?: {
+        enabled?: boolean | undefined;
+        provider?: "openai" | "anthropic" | undefined;
+        apiKey?: string | undefined;
+        model?: string | undefined;
+    } | undefined;
+}>;
+declare const LoggingConfigSchema: z.ZodObject<{
+    level: z.ZodDefault<z.ZodEnum<["debug", "info", "warn", "error"]>>;
+    file: z.ZodOptional<z.ZodString>;
+    pretty: z.ZodDefault<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    level: "debug" | "info" | "warn" | "error";
+    pretty: boolean;
+    file?: string | undefined;
+}, {
+    level?: "debug" | "info" | "warn" | "error" | undefined;
+    file?: string | undefined;
+    pretty?: boolean | undefined;
+}>;
+declare const ExtraktorConfigSchema: z.ZodObject<{
+    $schema: z.ZodOptional<z.ZodString>;
+    browser: z.ZodDefault<z.ZodObject<{
+        engine: z.ZodDefault<z.ZodEnum<["playwright", "puppeteer"]>>;
+        headless: z.ZodDefault<z.ZodBoolean>;
+        cdpEndpoint: z.ZodOptional<z.ZodString>;
+        timeout: z.ZodDefault<z.ZodNumber>;
+        viewport: z.ZodDefault<z.ZodObject<{
+            width: z.ZodDefault<z.ZodNumber>;
+            height: z.ZodDefault<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            width: number;
+            height: number;
+        }, {
+            width?: number | undefined;
+            height?: number | undefined;
+        }>>;
+        userAgent: z.ZodOptional<z.ZodString>;
+        deviceScaleFactor: z.ZodDefault<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        engine: "playwright" | "puppeteer";
+        headless: boolean;
+        timeout: number;
+        viewport: {
+            width: number;
+            height: number;
+        };
+        deviceScaleFactor: number;
+        cdpEndpoint?: string | undefined;
+        userAgent?: string | undefined;
+    }, {
+        engine?: "playwright" | "puppeteer" | undefined;
+        headless?: boolean | undefined;
+        cdpEndpoint?: string | undefined;
+        timeout?: number | undefined;
+        viewport?: {
+            width?: number | undefined;
+            height?: number | undefined;
+        } | undefined;
+        userAgent?: string | undefined;
+        deviceScaleFactor?: number | undefined;
+    }>>;
+    spa: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        framework: z.ZodDefault<z.ZodEnum<["auto", "react", "vue", "angular", "svelte", "none"]>>;
+        hydrationTimeout: z.ZodDefault<z.ZodNumber>;
+        waitForSelector: z.ZodOptional<z.ZodString>;
+        waitForNetworkIdle: z.ZodDefault<z.ZodBoolean>;
+        scrollToLoad: z.ZodDefault<z.ZodBoolean>;
+        maxScrollAttempts: z.ZodDefault<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        framework: "react" | "vue" | "angular" | "svelte" | "none" | "auto";
+        hydrationTimeout: number;
+        waitForNetworkIdle: boolean;
+        scrollToLoad: boolean;
+        maxScrollAttempts: number;
+        waitForSelector?: string | undefined;
+    }, {
+        enabled?: boolean | undefined;
+        framework?: "react" | "vue" | "angular" | "svelte" | "none" | "auto" | undefined;
+        hydrationTimeout?: number | undefined;
+        waitForSelector?: string | undefined;
+        waitForNetworkIdle?: boolean | undefined;
+        scrollToLoad?: boolean | undefined;
+        maxScrollAttempts?: number | undefined;
+    }>>;
+    extraction: z.ZodDefault<z.ZodObject<{
+        colors: z.ZodDefault<z.ZodBoolean>;
+        typography: z.ZodDefault<z.ZodBoolean>;
+        spacing: z.ZodDefault<z.ZodBoolean>;
+        shadows: z.ZodDefault<z.ZodBoolean>;
+        borders: z.ZodDefault<z.ZodBoolean>;
+        layout: z.ZodDefault<z.ZodBoolean>;
+        animations: z.ZodDefault<z.ZodBoolean>;
+        transitions: z.ZodDefault<z.ZodBoolean>;
+        transforms: z.ZodDefault<z.ZodBoolean>;
+        zIndex: z.ZodDefault<z.ZodBoolean>;
+        opacity: z.ZodDefault<z.ZodBoolean>;
+        cssVariables: z.ZodDefault<z.ZodBoolean>;
+        assets: z.ZodDefault<z.ZodObject<{
+            images: z.ZodDefault<z.ZodBoolean>;
+            svgs: z.ZodDefault<z.ZodBoolean>;
+            fonts: z.ZodDefault<z.ZodBoolean>;
+            icons: z.ZodDefault<z.ZodBoolean>;
+        }, "strip", z.ZodTypeAny, {
+            images: boolean;
+            svgs: boolean;
+            fonts: boolean;
+            icons: boolean;
+        }, {
+            images?: boolean | undefined;
+            svgs?: boolean | undefined;
+            fonts?: boolean | undefined;
+            icons?: boolean | undefined;
+        }>>;
+        components: z.ZodDefault<z.ZodBoolean>;
+        hoverStates: z.ZodDefault<z.ZodBoolean>;
+        focusStates: z.ZodDefault<z.ZodBoolean>;
+        activeStates: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        opacity: boolean;
+        colors: boolean;
+        typography: boolean;
+        spacing: boolean;
+        shadows: boolean;
+        borders: boolean;
+        layout: boolean;
+        animations: boolean;
+        transitions: boolean;
+        transforms: boolean;
+        zIndex: boolean;
+        cssVariables: boolean;
+        assets: {
+            images: boolean;
+            svgs: boolean;
+            fonts: boolean;
+            icons: boolean;
+        };
+        components: boolean;
+        hoverStates: boolean;
+        focusStates: boolean;
+        activeStates: boolean;
+    }, {
+        opacity?: boolean | undefined;
+        colors?: boolean | undefined;
+        typography?: boolean | undefined;
+        spacing?: boolean | undefined;
+        shadows?: boolean | undefined;
+        borders?: boolean | undefined;
+        layout?: boolean | undefined;
+        animations?: boolean | undefined;
+        transitions?: boolean | undefined;
+        transforms?: boolean | undefined;
+        zIndex?: boolean | undefined;
+        cssVariables?: boolean | undefined;
+        assets?: {
+            images?: boolean | undefined;
+            svgs?: boolean | undefined;
+            fonts?: boolean | undefined;
+            icons?: boolean | undefined;
+        } | undefined;
+        components?: boolean | undefined;
+        hoverStates?: boolean | undefined;
+        focusStates?: boolean | undefined;
+        activeStates?: boolean | undefined;
+    }>>;
+    output: z.ZodDefault<z.ZodObject<{
+        directory: z.ZodDefault<z.ZodString>;
+        formats: z.ZodDefault<z.ZodArray<z.ZodEnum<["tailwind", "css-variables", "design-tokens", "dtcg", "figma", "tsx"]>, "many">>;
+        tailwind: z.ZodDefault<z.ZodObject<{
+            filename: z.ZodDefault<z.ZodString>;
+            format: z.ZodDefault<z.ZodEnum<["ts", "js", "cjs", "mjs"]>>;
+            includeComments: z.ZodDefault<z.ZodBoolean>;
+            extendOnly: z.ZodDefault<z.ZodBoolean>;
+            prefix: z.ZodOptional<z.ZodString>;
+            darkMode: z.ZodDefault<z.ZodUnion<[z.ZodEnum<["class", "media", "selector"]>, z.ZodLiteral<false>]>>;
+        }, "strip", z.ZodTypeAny, {
+            filename: string;
+            format: "ts" | "js" | "cjs" | "mjs";
+            includeComments: boolean;
+            extendOnly: boolean;
+            darkMode: false | "class" | "media" | "selector";
+            prefix?: string | undefined;
+        }, {
+            filename?: string | undefined;
+            format?: "ts" | "js" | "cjs" | "mjs" | undefined;
+            includeComments?: boolean | undefined;
+            extendOnly?: boolean | undefined;
+            prefix?: string | undefined;
+            darkMode?: false | "class" | "media" | "selector" | undefined;
+        }>>;
+        tokens: z.ZodDefault<z.ZodObject<{
+            filename: z.ZodDefault<z.ZodString>;
+            format: z.ZodDefault<z.ZodEnum<["style-dictionary", "dtcg", "figma"]>>;
+            platforms: z.ZodDefault<z.ZodArray<z.ZodEnum<["web", "ios", "android"]>, "many">>;
+        }, "strip", z.ZodTypeAny, {
+            filename: string;
+            format: "style-dictionary" | "dtcg" | "figma";
+            platforms: ("web" | "ios" | "android")[];
+        }, {
+            filename?: string | undefined;
+            format?: "style-dictionary" | "dtcg" | "figma" | undefined;
+            platforms?: ("web" | "ios" | "android")[] | undefined;
+        }>>;
+        figma: z.ZodDefault<z.ZodObject<{
+            filename: z.ZodDefault<z.ZodString>;
+            includeTypography: z.ZodDefault<z.ZodBoolean>;
+            includeEffects: z.ZodDefault<z.ZodBoolean>;
+            includeSpacing: z.ZodDefault<z.ZodBoolean>;
+        }, "strip", z.ZodTypeAny, {
+            filename: string;
+            includeTypography: boolean;
+            includeEffects: boolean;
+            includeSpacing: boolean;
+        }, {
+            filename?: string | undefined;
+            includeTypography?: boolean | undefined;
+            includeEffects?: boolean | undefined;
+            includeSpacing?: boolean | undefined;
+        }>>;
+        tsx: z.ZodDefault<z.ZodObject<{
+            directory: z.ZodDefault<z.ZodString>;
+            framework: z.ZodDefault<z.ZodEnum<["react", "preact", "solid"]>>;
+            styling: z.ZodDefault<z.ZodEnum<["tailwind", "css-modules", "styled-components", "emotion", "inline"]>>;
+            typescript: z.ZodDefault<z.ZodBoolean>;
+            includeStories: z.ZodDefault<z.ZodBoolean>;
+        }, "strip", z.ZodTypeAny, {
+            framework: "react" | "preact" | "solid";
+            directory: string;
+            styling: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion";
+            typescript: boolean;
+            includeStories: boolean;
+        }, {
+            framework?: "react" | "preact" | "solid" | undefined;
+            directory?: string | undefined;
+            styling?: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion" | undefined;
+            typescript?: boolean | undefined;
+            includeStories?: boolean | undefined;
+        }>>;
+        cleanOutput: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        figma: {
+            filename: string;
+            includeTypography: boolean;
+            includeEffects: boolean;
+            includeSpacing: boolean;
+        };
+        directory: string;
+        tailwind: {
+            filename: string;
+            format: "ts" | "js" | "cjs" | "mjs";
+            includeComments: boolean;
+            extendOnly: boolean;
+            darkMode: false | "class" | "media" | "selector";
+            prefix?: string | undefined;
+        };
+        tsx: {
+            framework: "react" | "preact" | "solid";
+            directory: string;
+            styling: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion";
+            typescript: boolean;
+            includeStories: boolean;
+        };
+        formats: ("dtcg" | "figma" | "tailwind" | "css-variables" | "design-tokens" | "tsx")[];
+        tokens: {
+            filename: string;
+            format: "style-dictionary" | "dtcg" | "figma";
+            platforms: ("web" | "ios" | "android")[];
+        };
+        cleanOutput: boolean;
+    }, {
+        figma?: {
+            filename?: string | undefined;
+            includeTypography?: boolean | undefined;
+            includeEffects?: boolean | undefined;
+            includeSpacing?: boolean | undefined;
+        } | undefined;
+        directory?: string | undefined;
+        tailwind?: {
+            filename?: string | undefined;
+            format?: "ts" | "js" | "cjs" | "mjs" | undefined;
+            includeComments?: boolean | undefined;
+            extendOnly?: boolean | undefined;
+            prefix?: string | undefined;
+            darkMode?: false | "class" | "media" | "selector" | undefined;
+        } | undefined;
+        tsx?: {
+            framework?: "react" | "preact" | "solid" | undefined;
+            directory?: string | undefined;
+            styling?: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion" | undefined;
+            typescript?: boolean | undefined;
+            includeStories?: boolean | undefined;
+        } | undefined;
+        formats?: ("dtcg" | "figma" | "tailwind" | "css-variables" | "design-tokens" | "tsx")[] | undefined;
+        tokens?: {
+            filename?: string | undefined;
+            format?: "style-dictionary" | "dtcg" | "figma" | undefined;
+            platforms?: ("web" | "ios" | "android")[] | undefined;
+        } | undefined;
+        cleanOutput?: boolean | undefined;
+    }>>;
+    optimization: z.ZodDefault<z.ZodObject<{
+        images: z.ZodDefault<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            formats: z.ZodDefault<z.ZodArray<z.ZodEnum<["webp", "avif", "original"]>, "many">>;
+            quality: z.ZodDefault<z.ZodNumber>;
+            maxWidth: z.ZodOptional<z.ZodNumber>;
+            maxHeight: z.ZodOptional<z.ZodNumber>;
+            preserveOriginal: z.ZodDefault<z.ZodBoolean>;
+        }, "strip", z.ZodTypeAny, {
+            enabled: boolean;
+            formats: ("webp" | "avif" | "original")[];
+            quality: number;
+            preserveOriginal: boolean;
+            maxWidth?: number | undefined;
+            maxHeight?: number | undefined;
+        }, {
+            enabled?: boolean | undefined;
+            formats?: ("webp" | "avif" | "original")[] | undefined;
+            quality?: number | undefined;
+            maxWidth?: number | undefined;
+            maxHeight?: number | undefined;
+            preserveOriginal?: boolean | undefined;
+        }>>;
+        svgs: z.ZodDefault<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            plugins: z.ZodDefault<z.ZodArray<z.ZodString, "many">>;
+            convertToReact: z.ZodDefault<z.ZodBoolean>;
+            removeViewBox: z.ZodDefault<z.ZodBoolean>;
+            addClassNames: z.ZodDefault<z.ZodBoolean>;
+        }, "strip", z.ZodTypeAny, {
+            enabled: boolean;
+            plugins: string[];
+            convertToReact: boolean;
+            removeViewBox: boolean;
+            addClassNames: boolean;
+        }, {
+            enabled?: boolean | undefined;
+            plugins?: string[] | undefined;
+            convertToReact?: boolean | undefined;
+            removeViewBox?: boolean | undefined;
+            addClassNames?: boolean | undefined;
+        }>>;
+        fonts: z.ZodDefault<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            subset: z.ZodDefault<z.ZodBoolean>;
+            formats: z.ZodDefault<z.ZodArray<z.ZodEnum<["woff2", "woff", "ttf"]>, "many">>;
+            includeLatinExtended: z.ZodDefault<z.ZodBoolean>;
+        }, "strip", z.ZodTypeAny, {
+            enabled: boolean;
+            formats: ("woff2" | "woff" | "ttf")[];
+            subset: boolean;
+            includeLatinExtended: boolean;
+        }, {
+            enabled?: boolean | undefined;
+            formats?: ("woff2" | "woff" | "ttf")[] | undefined;
+            subset?: boolean | undefined;
+            includeLatinExtended?: boolean | undefined;
+        }>>;
+        sprites: z.ZodDefault<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            threshold: z.ZodDefault<z.ZodNumber>;
+            format: z.ZodDefault<z.ZodEnum<["svg", "css"]>>;
+        }, "strip", z.ZodTypeAny, {
+            enabled: boolean;
+            format: "svg" | "css";
+            threshold: number;
+        }, {
+            enabled?: boolean | undefined;
+            format?: "svg" | "css" | undefined;
+            threshold?: number | undefined;
+        }>>;
+    }, "strip", z.ZodTypeAny, {
+        images: {
+            enabled: boolean;
+            formats: ("webp" | "avif" | "original")[];
+            quality: number;
+            preserveOriginal: boolean;
+            maxWidth?: number | undefined;
+            maxHeight?: number | undefined;
+        };
+        svgs: {
+            enabled: boolean;
+            plugins: string[];
+            convertToReact: boolean;
+            removeViewBox: boolean;
+            addClassNames: boolean;
+        };
+        fonts: {
+            enabled: boolean;
+            formats: ("woff2" | "woff" | "ttf")[];
+            subset: boolean;
+            includeLatinExtended: boolean;
+        };
+        sprites: {
+            enabled: boolean;
+            format: "svg" | "css";
+            threshold: number;
+        };
+    }, {
+        images?: {
+            enabled?: boolean | undefined;
+            formats?: ("webp" | "avif" | "original")[] | undefined;
+            quality?: number | undefined;
+            maxWidth?: number | undefined;
+            maxHeight?: number | undefined;
+            preserveOriginal?: boolean | undefined;
+        } | undefined;
+        svgs?: {
+            enabled?: boolean | undefined;
+            plugins?: string[] | undefined;
+            convertToReact?: boolean | undefined;
+            removeViewBox?: boolean | undefined;
+            addClassNames?: boolean | undefined;
+        } | undefined;
+        fonts?: {
+            enabled?: boolean | undefined;
+            formats?: ("woff2" | "woff" | "ttf")[] | undefined;
+            subset?: boolean | undefined;
+            includeLatinExtended?: boolean | undefined;
+        } | undefined;
+        sprites?: {
+            enabled?: boolean | undefined;
+            format?: "svg" | "css" | undefined;
+            threshold?: number | undefined;
+        } | undefined;
+    }>>;
+    tailwind: z.ZodDefault<z.ZodObject<{
+        strategy: z.ZodDefault<z.ZodEnum<["smart", "strict", "arbitrary"]>>;
+        threshold: z.ZodDefault<z.ZodNumber>;
+        customMappings: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, "strip", z.ZodTypeAny, {
+        threshold: number;
+        strategy: "smart" | "strict" | "arbitrary";
+        customMappings?: Record<string, string> | undefined;
+    }, {
+        threshold?: number | undefined;
+        strategy?: "smart" | "strict" | "arbitrary" | undefined;
+        customMappings?: Record<string, string> | undefined;
+    }>>;
+    cache: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        directory: z.ZodDefault<z.ZodString>;
+        ttl: z.ZodDefault<z.ZodNumber>;
+        maxSize: z.ZodDefault<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        directory: string;
+        ttl: number;
+        maxSize: number;
+    }, {
+        enabled?: boolean | undefined;
+        directory?: string | undefined;
+        ttl?: number | undefined;
+        maxSize?: number | undefined;
+    }>>;
+    parallel: z.ZodDefault<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        maxWorkers: z.ZodDefault<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        enabled: boolean;
+        maxWorkers: number;
+    }, {
+        enabled?: boolean | undefined;
+        maxWorkers?: number | undefined;
+    }>>;
+    theme: z.ZodDefault<z.ZodObject<{
+        variants: z.ZodDefault<z.ZodArray<z.ZodEnum<["dark", "light", "high-contrast", "custom"]>, "many">>;
+        colorSwap: z.ZodDefault<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            mappings: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
+        }, "strip", z.ZodTypeAny, {
+            enabled: boolean;
+            mappings: Record<string, string>;
+        }, {
+            enabled?: boolean | undefined;
+            mappings?: Record<string, string> | undefined;
+        }>>;
+        aiGeneration: z.ZodDefault<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            provider: z.ZodDefault<z.ZodEnum<["openai", "anthropic"]>>;
+            apiKey: z.ZodOptional<z.ZodString>;
+            model: z.ZodDefault<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            enabled: boolean;
+            provider: "openai" | "anthropic";
+            model: string;
+            apiKey?: string | undefined;
+        }, {
+            enabled?: boolean | undefined;
+            provider?: "openai" | "anthropic" | undefined;
+            apiKey?: string | undefined;
+            model?: string | undefined;
+        }>>;
+    }, "strip", z.ZodTypeAny, {
+        variants: ("custom" | "dark" | "light" | "high-contrast")[];
+        colorSwap: {
+            enabled: boolean;
+            mappings: Record<string, string>;
+        };
+        aiGeneration: {
+            enabled: boolean;
+            provider: "openai" | "anthropic";
+            model: string;
+            apiKey?: string | undefined;
+        };
+    }, {
+        variants?: ("custom" | "dark" | "light" | "high-contrast")[] | undefined;
+        colorSwap?: {
+            enabled?: boolean | undefined;
+            mappings?: Record<string, string> | undefined;
+        } | undefined;
+        aiGeneration?: {
+            enabled?: boolean | undefined;
+            provider?: "openai" | "anthropic" | undefined;
+            apiKey?: string | undefined;
+            model?: string | undefined;
+        } | undefined;
+    }>>;
+    logging: z.ZodDefault<z.ZodObject<{
+        level: z.ZodDefault<z.ZodEnum<["debug", "info", "warn", "error"]>>;
+        file: z.ZodOptional<z.ZodString>;
+        pretty: z.ZodDefault<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        level: "debug" | "info" | "warn" | "error";
+        pretty: boolean;
+        file?: string | undefined;
+    }, {
+        level?: "debug" | "info" | "warn" | "error" | undefined;
+        file?: string | undefined;
+        pretty?: boolean | undefined;
+    }>>;
+}, "strip", z.ZodTypeAny, {
+    tailwind: {
+        threshold: number;
+        strategy: "smart" | "strict" | "arbitrary";
+        customMappings?: Record<string, string> | undefined;
+    };
+    browser: {
+        engine: "playwright" | "puppeteer";
+        headless: boolean;
+        timeout: number;
+        viewport: {
+            width: number;
+            height: number;
+        };
+        deviceScaleFactor: number;
+        cdpEndpoint?: string | undefined;
+        userAgent?: string | undefined;
+    };
+    spa: {
+        enabled: boolean;
+        framework: "react" | "vue" | "angular" | "svelte" | "none" | "auto";
+        hydrationTimeout: number;
+        waitForNetworkIdle: boolean;
+        scrollToLoad: boolean;
+        maxScrollAttempts: number;
+        waitForSelector?: string | undefined;
+    };
+    extraction: {
+        opacity: boolean;
+        colors: boolean;
+        typography: boolean;
+        spacing: boolean;
+        shadows: boolean;
+        borders: boolean;
+        layout: boolean;
+        animations: boolean;
+        transitions: boolean;
+        transforms: boolean;
+        zIndex: boolean;
+        cssVariables: boolean;
+        assets: {
+            images: boolean;
+            svgs: boolean;
+            fonts: boolean;
+            icons: boolean;
+        };
+        components: boolean;
+        hoverStates: boolean;
+        focusStates: boolean;
+        activeStates: boolean;
+    };
+    output: {
+        figma: {
+            filename: string;
+            includeTypography: boolean;
+            includeEffects: boolean;
+            includeSpacing: boolean;
+        };
+        directory: string;
+        tailwind: {
+            filename: string;
+            format: "ts" | "js" | "cjs" | "mjs";
+            includeComments: boolean;
+            extendOnly: boolean;
+            darkMode: false | "class" | "media" | "selector";
+            prefix?: string | undefined;
+        };
+        tsx: {
+            framework: "react" | "preact" | "solid";
+            directory: string;
+            styling: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion";
+            typescript: boolean;
+            includeStories: boolean;
+        };
+        formats: ("dtcg" | "figma" | "tailwind" | "css-variables" | "design-tokens" | "tsx")[];
+        tokens: {
+            filename: string;
+            format: "style-dictionary" | "dtcg" | "figma";
+            platforms: ("web" | "ios" | "android")[];
+        };
+        cleanOutput: boolean;
+    };
+    optimization: {
+        images: {
+            enabled: boolean;
+            formats: ("webp" | "avif" | "original")[];
+            quality: number;
+            preserveOriginal: boolean;
+            maxWidth?: number | undefined;
+            maxHeight?: number | undefined;
+        };
+        svgs: {
+            enabled: boolean;
+            plugins: string[];
+            convertToReact: boolean;
+            removeViewBox: boolean;
+            addClassNames: boolean;
+        };
+        fonts: {
+            enabled: boolean;
+            formats: ("woff2" | "woff" | "ttf")[];
+            subset: boolean;
+            includeLatinExtended: boolean;
+        };
+        sprites: {
+            enabled: boolean;
+            format: "svg" | "css";
+            threshold: number;
+        };
+    };
+    cache: {
+        enabled: boolean;
+        directory: string;
+        ttl: number;
+        maxSize: number;
+    };
+    parallel: {
+        enabled: boolean;
+        maxWorkers: number;
+    };
+    theme: {
+        variants: ("custom" | "dark" | "light" | "high-contrast")[];
+        colorSwap: {
+            enabled: boolean;
+            mappings: Record<string, string>;
+        };
+        aiGeneration: {
+            enabled: boolean;
+            provider: "openai" | "anthropic";
+            model: string;
+            apiKey?: string | undefined;
+        };
+    };
+    logging: {
+        level: "debug" | "info" | "warn" | "error";
+        pretty: boolean;
+        file?: string | undefined;
+    };
+    $schema?: string | undefined;
+}, {
+    tailwind?: {
+        threshold?: number | undefined;
+        strategy?: "smart" | "strict" | "arbitrary" | undefined;
+        customMappings?: Record<string, string> | undefined;
+    } | undefined;
+    $schema?: string | undefined;
+    browser?: {
+        engine?: "playwright" | "puppeteer" | undefined;
+        headless?: boolean | undefined;
+        cdpEndpoint?: string | undefined;
+        timeout?: number | undefined;
+        viewport?: {
+            width?: number | undefined;
+            height?: number | undefined;
+        } | undefined;
+        userAgent?: string | undefined;
+        deviceScaleFactor?: number | undefined;
+    } | undefined;
+    spa?: {
+        enabled?: boolean | undefined;
+        framework?: "react" | "vue" | "angular" | "svelte" | "none" | "auto" | undefined;
+        hydrationTimeout?: number | undefined;
+        waitForSelector?: string | undefined;
+        waitForNetworkIdle?: boolean | undefined;
+        scrollToLoad?: boolean | undefined;
+        maxScrollAttempts?: number | undefined;
+    } | undefined;
+    extraction?: {
+        opacity?: boolean | undefined;
+        colors?: boolean | undefined;
+        typography?: boolean | undefined;
+        spacing?: boolean | undefined;
+        shadows?: boolean | undefined;
+        borders?: boolean | undefined;
+        layout?: boolean | undefined;
+        animations?: boolean | undefined;
+        transitions?: boolean | undefined;
+        transforms?: boolean | undefined;
+        zIndex?: boolean | undefined;
+        cssVariables?: boolean | undefined;
+        assets?: {
+            images?: boolean | undefined;
+            svgs?: boolean | undefined;
+            fonts?: boolean | undefined;
+            icons?: boolean | undefined;
+        } | undefined;
+        components?: boolean | undefined;
+        hoverStates?: boolean | undefined;
+        focusStates?: boolean | undefined;
+        activeStates?: boolean | undefined;
+    } | undefined;
+    output?: {
+        figma?: {
+            filename?: string | undefined;
+            includeTypography?: boolean | undefined;
+            includeEffects?: boolean | undefined;
+            includeSpacing?: boolean | undefined;
+        } | undefined;
+        directory?: string | undefined;
+        tailwind?: {
+            filename?: string | undefined;
+            format?: "ts" | "js" | "cjs" | "mjs" | undefined;
+            includeComments?: boolean | undefined;
+            extendOnly?: boolean | undefined;
+            prefix?: string | undefined;
+            darkMode?: false | "class" | "media" | "selector" | undefined;
+        } | undefined;
+        tsx?: {
+            framework?: "react" | "preact" | "solid" | undefined;
+            directory?: string | undefined;
+            styling?: "inline" | "tailwind" | "css-modules" | "styled-components" | "emotion" | undefined;
+            typescript?: boolean | undefined;
+            includeStories?: boolean | undefined;
+        } | undefined;
+        formats?: ("dtcg" | "figma" | "tailwind" | "css-variables" | "design-tokens" | "tsx")[] | undefined;
+        tokens?: {
+            filename?: string | undefined;
+            format?: "style-dictionary" | "dtcg" | "figma" | undefined;
+            platforms?: ("web" | "ios" | "android")[] | undefined;
+        } | undefined;
+        cleanOutput?: boolean | undefined;
+    } | undefined;
+    optimization?: {
+        images?: {
+            enabled?: boolean | undefined;
+            formats?: ("webp" | "avif" | "original")[] | undefined;
+            quality?: number | undefined;
+            maxWidth?: number | undefined;
+            maxHeight?: number | undefined;
+            preserveOriginal?: boolean | undefined;
+        } | undefined;
+        svgs?: {
+            enabled?: boolean | undefined;
+            plugins?: string[] | undefined;
+            convertToReact?: boolean | undefined;
+            removeViewBox?: boolean | undefined;
+            addClassNames?: boolean | undefined;
+        } | undefined;
+        fonts?: {
+            enabled?: boolean | undefined;
+            formats?: ("woff2" | "woff" | "ttf")[] | undefined;
+            subset?: boolean | undefined;
+            includeLatinExtended?: boolean | undefined;
+        } | undefined;
+        sprites?: {
+            enabled?: boolean | undefined;
+            format?: "svg" | "css" | undefined;
+            threshold?: number | undefined;
+        } | undefined;
+    } | undefined;
+    cache?: {
+        enabled?: boolean | undefined;
+        directory?: string | undefined;
+        ttl?: number | undefined;
+        maxSize?: number | undefined;
+    } | undefined;
+    parallel?: {
+        enabled?: boolean | undefined;
+        maxWorkers?: number | undefined;
+    } | undefined;
+    theme?: {
+        variants?: ("custom" | "dark" | "light" | "high-contrast")[] | undefined;
+        colorSwap?: {
+            enabled?: boolean | undefined;
+            mappings?: Record<string, string> | undefined;
+        } | undefined;
+        aiGeneration?: {
+            enabled?: boolean | undefined;
+            provider?: "openai" | "anthropic" | undefined;
+            apiKey?: string | undefined;
+            model?: string | undefined;
+        } | undefined;
+    } | undefined;
+    logging?: {
+        level?: "debug" | "info" | "warn" | "error" | undefined;
+        file?: string | undefined;
+        pretty?: boolean | undefined;
+    } | undefined;
+}>;
+type BrowserConfig = z.infer<typeof BrowserConfigSchema>;
+type SPAConfig = z.infer<typeof SPAConfigSchema>;
+type ExtractionOptions = z.infer<typeof ExtractionOptionsSchema>;
+type TailwindOutputConfig = z.infer<typeof TailwindOutputConfigSchema>;
+type TokenOutputConfig = z.infer<typeof TokenOutputConfigSchema>;
+type FigmaOutputConfig = z.infer<typeof FigmaOutputConfigSchema>;
+type TSXOutputConfig = z.infer<typeof TSXOutputConfigSchema>;
+type OutputConfig = z.infer<typeof OutputConfigSchema>;
+type ImageOptimization = z.infer<typeof ImageOptimizationSchema>;
+type SVGOptimization = z.infer<typeof SVGOptimizationSchema>;
+type FontOptimization = z.infer<typeof FontOptimizationSchema>;
+type OptimizationConfig = z.infer<typeof OptimizationConfigSchema>;
+type TailwindMapping = z.infer<typeof TailwindMappingSchema>;
+type CacheConfig = z.infer<typeof CacheConfigSchema>;
+type ThemeConfig = z.infer<typeof ThemeConfigSchema>;
+type LoggingConfig = z.infer<typeof LoggingConfigSchema>;
+type ExtraktorConfig = z.infer<typeof ExtraktorConfigSchema>;
+
+/**
+ * Configuration loader for extraktor
+ * Uses cosmiconfig for flexible config file support
+ */
+
+interface LoadConfigOptions {
+    configPath?: string;
+    cwd?: string;
+    defaults?: Partial<ExtraktorConfig>;
+}
+interface LoadConfigResult {
+    config: ExtraktorConfig;
+    filepath: string | null;
+    isEmpty: boolean;
+}
+/**
+ * Load and validate extraktor configuration
+ */
+declare function loadConfig(options?: LoadConfigOptions): Promise<LoadConfigResult>;
+/**
+ * Create default configuration file
+ */
+declare function createDefaultConfig(outputPath: string, format?: 'json' | 'js' | 'ts'): Promise<void>;
+/**
+ * Get default configuration
+ */
+declare function getDefaultConfig(): ExtraktorConfig;
+/**
+ * Merge partial config with defaults
+ */
+declare function mergeConfig(partial: Partial<ExtraktorConfig>): ExtraktorConfig;
+
+/**
+ * Logger utility for extraktor
+ * Simple console-based logger with levels and colors
+ */
+type LogLevel = 'debug' | 'info' | 'warn' | 'error';
+interface LoggerOptions {
+    level?: LogLevel;
+    prefix?: string;
+    pretty?: boolean;
+    timestamp?: boolean;
+}
+interface Logger {
+    debug: (message: string, ...args: unknown[]) => void;
+    info: (message: string, ...args: unknown[]) => void;
+    warn: (message: string, ...args: unknown[]) => void;
+    error: (message: string, ...args: unknown[]) => void;
+    child: (options: {
+        prefix?: string;
+    }) => Logger;
+    setLevel: (level: LogLevel) => void;
+}
+declare function createLogger(options?: LoggerOptions): Logger;
+
+/**
+ * Page analyzer for extraktor
+ * Traverses DOM and extracts computed styles from all elements
+ */
+
+interface PageAnalyzerOptions {
+    logger: Logger;
+    includeHidden?: boolean;
+    maxElements?: number;
+}
+interface AnalysisResult {
+    url: string;
+    title: string;
+    elements: ElementStyles[];
+    cssVariables: Record<string, string>;
+    keyframes: KeyframeData[];
+    mediaQueries: MediaQueryData[];
+    fontFaces: FontFaceData[];
+    stylesheets?: string[];
+    totalElements: number;
+    visibleElements: number;
+    duration: number;
+    spaFramework?: 'react' | 'vue' | 'angular' | 'svelte' | 'none';
+}
+interface KeyframeData {
+    name: string;
+    cssText: string;
+    keyframes: Array<{
+        offset: string;
+        style: string;
+    }>;
+}
+interface MediaQueryData {
+    query: string;
+    rules: string[];
+}
+interface FontFaceData {
+    family: string;
+    src: string;
+    weight?: string;
+    style?: string;
+    display?: string;
+}
+declare class PageAnalyzer {
+    private logger;
+    private includeHidden;
+    private maxElements;
+    constructor(options: PageAnalyzerOptions);
+    /**
+     * Analyze page and extract all styles
+     */
+    analyze(page: Page, url: string): Promise<AnalysisResult>;
+    /**
+     * Detect SPA framework
+     */
+    private detectSPAFramework;
+    /**
+     * Extract computed styles from all elements
+     */
+    private extractElementStyles;
+    /**
+     * Extract CSS custom properties (variables)
+     */
+    private extractCSSVariables;
+    /**
+     * Extract @keyframes animations
+     */
+    private extractKeyframes;
+    /**
+     * Extract @media queries
+     */
+    private extractMediaQueries;
+    /**
+     * Extract @font-face declarations
+     */
+    private extractFontFaces;
+}
+
+/**
+ * Base extractor interface for extraktor
+ * All extractors must implement this interface
+ */
+
+/**
+ * Extraction context passed to all extractors
+ */
+interface ExtractionContext {
+    url: string;
+    config: ExtraktorConfig;
+    logger: Logger;
+    analysisResult: AnalysisResult;
+}
+/**
+ * Base interface for all extractors
+ */
+interface IExtractor<T = unknown> {
+    /** Unique name of the extractor */
+    name: string;
+    /** Version of the extractor */
+    version: string;
+    /** Priority for execution order (lower = earlier) */
+    priority: number;
+    /** Initialize the extractor */
+    initialize(context: ExtractionContext): Promise<void>;
+    /** Perform extraction */
+    extract(page: Page, context: ExtractionContext): Promise<T>;
+    /** Cleanup after extraction */
+    cleanup(): Promise<void>;
+    /** Configure extractor options */
+    configure(options: Record<string, unknown>): void;
+    /** Get default options */
+    getDefaultOptions(): Record<string, unknown>;
+}
+/**
+ * Abstract base class for extractors
+ */
+declare abstract class BaseExtractor<T = unknown> implements IExtractor<T> {
+    abstract name: string;
+    abstract version: string;
+    priority: number;
+    protected options: Record<string, unknown>;
+    protected logger: Logger;
+    protected context: ExtractionContext;
+    /**
+     * Initialize the extractor with context
+     */
+    initialize(context: ExtractionContext): Promise<void>;
+    /**
+     * Abstract method to perform extraction
+     */
+    abstract extract(page: Page, context: ExtractionContext): Promise<T>;
+    /**
+     * Cleanup after extraction
+     */
+    cleanup(): Promise<void>;
+    /**
+     * Configure extractor options
+     */
+    configure(options: Record<string, unknown>): void;
+    /**
+     * Get default options
+     */
+    getDefaultOptions(): Record<string, unknown>;
+    /**
+     * Helper to evaluate script in page context
+     */
+    protected evaluate<R>(page: Page, fn: () => R): Promise<R>;
+    /**
+     * Helper to evaluate script with arguments in page context
+     */
+    protected evaluateWithArgs<R>(page: Page, fn: (arg: unknown) => R, arg: unknown): Promise<R>;
+    /**
+     * Helper to deduplicate items by key
+     */
+    protected deduplicateByKey<I>(items: I[], keyFn: (item: I) => string): I[];
+    /**
+     * Helper to sort by frequency (descending)
+     */
+    protected sortByFrequency<I extends {
+        frequency: number;
+    }>(items: I[]): I[];
+}
+/**
+ * Extractor registry for managing all extractors
+ */
+declare class ExtractorRegistry {
+    private extractors;
+    private logger;
+    constructor(logger: Logger);
+    /**
+     * Register an extractor
+     */
+    register<T>(extractor: IExtractor<T>): void;
+    /**
+     * Get an extractor by name
+     */
+    get<T>(name: string): IExtractor<T> | undefined;
+    /**
+     * Get all extractors sorted by priority
+     */
+    getAll(): IExtractor[];
+    /**
+     * Check if extractor exists
+     */
+    has(name: string): boolean;
+    /**
+     * Remove an extractor
+     */
+    remove(name: string): boolean;
+    /**
+     * Clear all extractors
+     */
+    clear(): void;
+    /**
+     * Initialize all extractors
+     */
+    initializeAll(context: ExtractionContext): Promise<void>;
+    /**
+     * Run all extractors and collect results
+     */
+    extractAll(page: Page, context: ExtractionContext): Promise<Map<string, unknown>>;
+    /**
+     * Cleanup all extractors
+     */
+    cleanupAll(): Promise<void>;
+}
+
+/**
+ * Framer Motion extractor for extraktor
+ * Extracts animation variants, transitions, and gesture configs
+ */
+
+interface FramerVariant {
+    name: string;
+    initial?: Record<string, unknown>;
+    animate?: Record<string, unknown>;
+    exit?: Record<string, unknown>;
+    whileHover?: Record<string, unknown>;
+    whileTap?: Record<string, unknown>;
+    whileFocus?: Record<string, unknown>;
+    whileInView?: Record<string, unknown>;
+    transition?: FramerTransition;
+}
+interface FramerTransition {
+    type?: 'spring' | 'tween' | 'inertia';
+    duration?: number;
+    delay?: number;
+    ease?: string | number[];
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    bounce?: number;
+}
+interface FramerGesture {
+    type: 'hover' | 'tap' | 'drag' | 'focus' | 'inView';
+    animation: Record<string, unknown>;
+    transition?: FramerTransition;
+}
+interface ExtractedFramerMotion {
+    variants: FramerVariant[];
+    transitions: FramerTransition[];
+    gestures: FramerGesture[];
+    springConfigs: Record<string, FramerTransition>[];
+}
+
+/**
+ * Component Detector for extraktor
+ * Identifies and extracts React/UI components from pages
+ */
+
+interface DetectedComponent {
+    name: string;
+    type: ComponentType;
+    selector: string;
+    html: string;
+    styles: ComponentStyles;
+    props: ComponentProps;
+    children: DetectedComponent[];
+    variants?: ComponentVariant[];
+}
+type ComponentType = 'button' | 'card' | 'hero' | 'nav' | 'footer' | 'header' | 'modal' | 'dropdown' | 'input' | 'form' | 'badge' | 'avatar' | 'list' | 'grid' | 'section' | 'cta' | 'feature' | 'testimonial' | 'pricing' | 'faq' | 'unknown';
+interface ComponentStyles {
+    display?: string;
+    position?: string;
+    width?: string;
+    height?: string;
+    padding?: string;
+    margin?: string;
+    backgroundColor?: string;
+    color?: string;
+    borderRadius?: string;
+    boxShadow?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    gap?: string;
+    flexDirection?: string;
+    alignItems?: string;
+    justifyContent?: string;
+    gridTemplateColumns?: string;
+    transition?: string;
+    transform?: string;
+}
+interface ComponentProps {
+    text?: string;
+    href?: string;
+    src?: string;
+    alt?: string;
+    placeholder?: string;
+    type?: string;
+    role?: string;
+    ariaLabel?: string;
+    dataAttributes?: Record<string, string>;
+}
+interface ComponentVariant {
+    name: string;
+    trigger: 'hover' | 'active' | 'focus' | 'disabled';
+    styles: Partial<ComponentStyles>;
+}
+interface ExtractedComponents {
+    components: DetectedComponent[];
+    sections: PageSection[];
+    layout: LayoutInfo;
+}
+interface PageSection {
+    type: 'hero' | 'features' | 'cta' | 'testimonials' | 'pricing' | 'faq' | 'footer' | 'header' | 'content';
+    components: DetectedComponent[];
+    order: number;
+}
+interface LayoutInfo {
+    hasHeader: boolean;
+    hasFooter: boolean;
+    hasSidebar: boolean;
+    maxWidth?: string;
+    containerPadding?: string;
+}
+
+/**
+ * Main orchestrator for extraktor
+ * Coordinates browser, analyzers, extractors, and transformers
+ */
+
+interface OrchestratorOptions {
+    config: ExtraktorConfig;
+    logger: Logger;
+}
+declare class Orchestrator {
+    private config;
+    private logger;
+    private driver;
+    private analyzer;
+    private registry;
+    constructor(options: OrchestratorOptions);
+    private registerExtractors;
+    /**
+     * Full extraction pipeline
+     */
+    extract(url: string, outputDir: string): Promise<ExtractionResult>;
+    /**
+     * Extract with live page access (for genome pipeline).
+     * Returns the extraction result + live Page. Caller must call close() when done.
+     */
+    extractWithPage(url: string, outputDir: string): Promise<{
+        result: ExtractionResult;
+        page: Page;
+        close: () => Promise<void>;
+    }>;
+    /**
+     * Analysis only (no output generation)
+     */
+    analyze(url: string): Promise<ExtractionResult>;
+    private buildExtractionResult;
+    private runTransformers;
+    private generateTailwind;
+    private generateCSSVariables;
+    private generateTokens;
+    private saveLayoutArchitecture;
+    /**
+     * Generate a complete Next.js project from extraction result
+     */
+    generateNextjsProject(result: ExtractionResult & {
+        framerMotion?: ExtractedFramerMotion;
+        detectedComponents?: ExtractedComponents;
+    }, outputDir: string, projectName?: string): Promise<string>;
+    /**
+     * Full extraction + Next.js project generation
+     */
+    extractAndGenerate(url: string, outputDir: string, projectName?: string): Promise<string>;
+    private getProjectNameFromUrl;
+    private tailwindConfigToString;
+    private extractFontWeights;
+}
+
+/**
+ * Playwright browser driver for extraktor
+ * Handles browser automation, SPA detection, and page rendering
+ */
+
+interface BrowserDriverOptions {
+    browserConfig: BrowserConfig;
+    spaConfig: SPAConfig;
+    logger: Logger;
+    /** Connect to an existing Chrome via CDP instead of launching a new browser */
+    cdpEndpoint?: string;
+}
+interface NavigationResult {
+    success: boolean;
+    url: string;
+    title: string;
+    spaFramework: 'react' | 'vue' | 'angular' | 'svelte' | 'none';
+    loadTime: number;
+    error?: string;
+}
+declare class PlaywrightDriver {
+    private browser;
+    private context;
+    private page;
+    private browserConfig;
+    private spaConfig;
+    private logger;
+    private cdpEndpoint?;
+    private isCdpConnection;
+    constructor(options: BrowserDriverOptions);
+    /**
+     * Initialize browser instance.
+     * If cdpEndpoint is set, connects to an existing Chrome session via CDP
+     * (Chrome DevTools Protocol). This allows extracting from authenticated
+     * pages in the user's own browser.
+     */
+    initialize(): Promise<void>;
+    /**
+     * Connect to an existing Chrome instance via Chrome DevTools Protocol.
+     * The user must start Chrome with: --remote-debugging-port=9222
+     *
+     * This enables extraction from authenticated pages, admin dashboards,
+     * and any page the user is already logged into.
+     */
+    private initializeCDP;
+    /**
+     * Navigate to URL and wait for content
+     */
+    navigate(url: string): Promise<NavigationResult>;
+    /**
+     * Detect SPA framework used on page
+     */
+    private detectSPAFramework;
+    /**
+     * Wait for SPA hydration
+     */
+    private waitForHydration;
+    /**
+     * Scroll page to trigger lazy loading
+     */
+    private scrollPage;
+    /**
+     * Execute script in page context
+     */
+    evaluate<T>(fn: () => T): Promise<T>;
+    /**
+     * Execute script with arguments in page context
+     */
+    evaluateWithArgs<T>(fn: (arg: unknown) => T, arg: unknown): Promise<T>;
+    /**
+     * Take screenshot
+     */
+    screenshot(options?: {
+        fullPage?: boolean;
+        path?: string;
+    }): Promise<Buffer>;
+    /**
+     * Hover over element and capture state
+     */
+    captureHoverState(selector: string): Promise<Record<string, string> | null>;
+    /**
+     * Get page instance
+     */
+    getPage(): Page | null;
+    /**
+     * Get current URL
+     */
+    getCurrentUrl(): string;
+    /**
+     * Close browser
+     */
+    close(): Promise<void>;
+}
+
+/**
+ * Color extractor for extraktor
+ * Extracts all colors from page elements
+ */
+
+declare class ColorExtractor extends BaseExtractor<ExtractedColors> {
+    name: string;
+    version: string;
+    priority: number;
+    extract(page: Page, context: ExtractionContext): Promise<ExtractedColors>;
+    /**
+     * Extract colors from shadow values
+     */
+    private extractShadowColors;
+    /**
+     * Check if value is a color
+     */
+    private isColorValue;
+    /**
+     * Process raw colors into categorized tokens
+     */
+    private processColors;
+    /**
+     * Convert CSS property to usage type
+     */
+    private propertyToUsageType;
+    /**
+     * Process gradients
+     */
+    private processGradients;
+}
+
+/**
+ * Typography extractor for extraktor
+ * Extracts font families, sizes, weights, and text styles
+ */
+
+declare class TypographyExtractor extends BaseExtractor<ExtractedTypography> {
+    name: string;
+    version: string;
+    priority: number;
+    private readonly tailwindFontSizes;
+    private readonly tailwindFontWeights;
+    private readonly tailwindLineHeights;
+    extract(page: Page, context: ExtractionContext): Promise<ExtractedTypography>;
+    private parseFontFamily;
+    private parseToPx;
+    private parseToEm;
+    private parseLineHeight;
+    private isTextElement;
+    private generateTextStyleKey;
+    private generateTextStyleName;
+    private generateFontFamilyName;
+    private categorizeFontFamily;
+    private detectFontSource;
+    private extractFontFormat;
+    private extractFontUrl;
+    private getWeightName;
+    private mapToTailwindFontSize;
+    private mapToTailwindFontWeight;
+    private mapToTailwindLineHeight;
+    private mapToTailwindLetterSpacing;
+}
+
+/**
+ * Spacing extractor for extraktor
+ * Extracts margins, paddings, and gaps
+ */
+
+declare class SpacingExtractor extends BaseExtractor<ExtractedSpacing> {
+    name: string;
+    version: string;
+    priority: number;
+    private readonly tailwindSpacing;
+    extract(page: Page, context: ExtractionContext): Promise<ExtractedSpacing>;
+    private parseToPx;
+    private generateSpacingName;
+    private mapToTailwindSpacing;
+}
+
+/**
+ * Effects extractor for extraktor
+ * Extracts shadows, borders, border-radius, filters, and opacity
+ */
+
+declare class EffectsExtractor extends BaseExtractor<ExtractedEffects> {
+    name: string;
+    version: string;
+    priority: number;
+    private readonly tailwindShadows;
+    private readonly tailwindBorderRadius;
+    extract(page: Page, context: ExtractionContext): Promise<ExtractedEffects>;
+    private parseShadow;
+    private parseFilter;
+    private parseToPx;
+    private mapToTailwindShadow;
+    private mapToTailwindBorder;
+    private mapToTailwindRadius;
+    private mapToTailwindOpacity;
+}
+
+/**
+ * Animation extractor for extraktor
+ * Extracts keyframes, transitions, transforms, timing functions, and durations
+ */
+
+declare class AnimationExtractor extends BaseExtractor<ExtractedAnimations> {
+    name: string;
+    version: string;
+    priority: number;
+    private readonly tailwindDurations;
+    private readonly tailwindEasing;
+    extract(page: Page, context: ExtractionContext): Promise<ExtractedAnimations>;
+    private parseStyleString;
+    private parseTransform;
+    private parseToMs;
+    private classifyTimingFunction;
+    private getTimingName;
+    private mapToTailwindTransition;
+    private mapToTailwindDuration;
+    private mapToTailwindEasing;
+}
+
+/**
+ * Tailwind transformer for extraktor
+ * Generates tailwind.config.ts from extraction results
+ */
+
+interface TailwindTransformerOptions {
+    config: TailwindOutputConfig;
+    mapping: TailwindMapping;
+    logger: Logger;
+}
+interface TailwindConfig {
+    darkMode: 'class' | 'media' | 'selector' | false;
+    theme: {
+        extend: {
+            colors?: Record<string, string | Record<string, string>>;
+            fontFamily?: Record<string, string[]>;
+            fontSize?: Record<string, [string, {
+                lineHeight?: string;
+                letterSpacing?: string;
+            }]>;
+            spacing?: Record<string, string>;
+            borderRadius?: Record<string, string>;
+            boxShadow?: Record<string, string>;
+            opacity?: Record<string, string>;
+            transitionDuration?: Record<string, string>;
+            transitionTimingFunction?: Record<string, string>;
+            animation?: Record<string, string>;
+            keyframes?: Record<string, Record<string, Record<string, string>>>;
+        };
+    };
+}
+declare class TailwindTransformer {
+    private config;
+    private mapping;
+    private logger;
+    constructor(options: TailwindTransformerOptions);
+    /**
+     * Transform extraction result to Tailwind config
+     */
+    transform(result: ExtractionResult): TailwindConfig;
+    /**
+     * Transform colors to Tailwind format
+     */
+    private transformColors;
+    /**
+     * Transform typography to Tailwind format
+     */
+    private transformTypography;
+    /**
+     * Transform spacing to Tailwind format
+     */
+    private transformSpacing;
+    /**
+     * Transform effects to Tailwind format
+     */
+    private transformEffects;
+    /**
+     * Transform animations to Tailwind format
+     */
+    private transformAnimations;
+    /**
+     * Sanitize key for Tailwind config
+     */
+    private sanitizeKey;
+    /**
+     * Check if value is a color
+     */
+    private isColorValue;
+    /**
+     * Write Tailwind config to file
+     */
+    write(config: TailwindConfig, outputDir: string): Promise<string>;
+    /**
+     * Generate TypeScript config
+     */
+    private generateTypeScriptConfig;
+    /**
+     * Generate ESM JavaScript config
+     */
+    private generateESMConfig;
+    /**
+     * Generate CommonJS config
+     */
+    private generateCJSConfig;
+}
+
+/**
+ * CSS Variables transformer for extraktor
+ * Generates CSS custom properties from extraction results
+ */
+
+interface CSSVarsTransformerOptions {
+    logger: Logger;
+    prefix?: string;
+    includeComments?: boolean;
+}
+declare class CSSVarsTransformer {
+    private logger;
+    private prefix;
+    private includeComments;
+    constructor(options: CSSVarsTransformerOptions);
+    /**
+     * Transform extraction result to CSS variables
+     */
+    transform(result: ExtractionResult): string;
+    /**
+     * Generate a section with optional comment
+     */
+    private generateSection;
+    /**
+     * Transform colors to CSS variables
+     */
+    private transformColors;
+    /**
+     * Transform typography to CSS variables
+     */
+    private transformTypography;
+    /**
+     * Transform spacing to CSS variables
+     */
+    private transformSpacing;
+    /**
+     * Transform effects to CSS variables
+     */
+    private transformEffects;
+    /**
+     * Transform animations to CSS variables
+     */
+    private transformAnimations;
+    /**
+     * Format original CSS variables from the page
+     */
+    private formatOriginalVariables;
+    /**
+     * Generate @keyframes rules
+     */
+    private generateKeyframes;
+    /**
+     * Format variable name with prefix
+     */
+    private formatVarName;
+    /**
+     * Write CSS variables to file
+     */
+    write(css: string, outputDir: string, filename?: string): Promise<string>;
+}
+
+/**
+ * Design Token transformer for extraktor
+ * Generates Style Dictionary compatible JSON tokens
+ */
+
+interface TokenTransformerOptions {
+    config: TokenOutputConfig;
+    logger: Logger;
+}
+interface DesignToken {
+    value: string | number | Record<string, unknown> | unknown[];
+    type?: string;
+    description?: string;
+    $extensions?: Record<string, unknown>;
+}
+interface DesignTokens {
+    color?: Record<string, DesignToken | Record<string, DesignToken>>;
+    typography?: Record<string, DesignToken | Record<string, DesignToken>>;
+    spacing?: Record<string, DesignToken>;
+    borderRadius?: Record<string, DesignToken>;
+    shadow?: Record<string, DesignToken>;
+    opacity?: Record<string, DesignToken>;
+    animation?: Record<string, DesignToken>;
+    duration?: Record<string, DesignToken>;
+    easing?: Record<string, DesignToken>;
+}
+declare class TokenTransformer {
+    private config;
+    private logger;
+    constructor(options: TokenTransformerOptions);
+    /**
+     * Transform extraction result to design tokens
+     */
+    transform(result: ExtractionResult): DesignTokens;
+    /**
+     * Transform colors to tokens
+     */
+    private transformColors;
+    /**
+     * Transform typography to tokens
+     */
+    private transformTypography;
+    /**
+     * Transform spacing to tokens
+     */
+    private transformSpacing;
+    /**
+     * Transform border radius to tokens
+     */
+    private transformBorderRadius;
+    /**
+     * Transform shadows to tokens
+     */
+    private transformShadows;
+    /**
+     * Transform opacity to tokens
+     */
+    private transformOpacity;
+    /**
+     * Transform durations to tokens
+     */
+    private transformDurations;
+    /**
+     * Transform easing functions to tokens
+     */
+    private transformEasing;
+    /**
+     * Sanitize key name
+     */
+    private sanitizeKey;
+    /**
+     * Write tokens to file
+     */
+    write(tokens: DesignTokens, outputDir: string): Promise<string>;
+}
+
+/**
+ * Color manipulation utilities
+ */
+
+/**
+ * Parse any CSS color to normalized format
+ */
+declare function parseColor(value: string): {
+    hex: string;
+    rgb: {
+        r: number;
+        g: number;
+        b: number;
+    };
+    hsl: {
+        h: number;
+        s: number;
+        l: number;
+    };
+    alpha: number;
+    format: ColorFormat;
+} | null;
+/**
+ * Convert color to specific format
+ */
+declare function toColorFormat(value: string, format: ColorFormat): string;
+/**
+ * Check if two colors are similar within a threshold
+ */
+declare function areColorsSimilar(color1: string, color2: string, threshold?: number): boolean;
+/**
+ * Group similar colors together
+ */
+declare function groupSimilarColors(colors: ColorToken[], threshold?: number): ColorToken[][];
+/**
+ * Generate a semantic name for a color
+ */
+declare function generateColorName(hex: string, existingNames: Set<string>): string;
+/**
+ * Get contrast ratio between two colors
+ */
+declare function getContrastRatio(foreground: string, background: string): number;
+/**
+ * Extract colors from gradient string
+ */
+declare function extractGradientColors(gradient: string): string[];
+/**
+ * Generate color scale from base color
+ */
+declare function generateColorScale(baseColor: string, steps?: number): Record<string, string>;
+
+export { type AnalysisResult, AnimationExtractor, BaseExtractor, type BorderRadiusToken, type BorderToken, type BreakpointToken, type BrowserConfig, CSSVarsTransformer, type CacheConfig, ColorExtractor, type ColorToken, type ComponentDefinition, type ComponentPattern, type ComponentProp, type ComponentType$1 as ComponentType, type ComponentVariant$1 as ComponentVariant, type ContainerPattern, type DesignToken, type DesignTokens, type DurationToken, EffectsExtractor, type ElementStyles, type ExtractedAnimations, type ExtractedAssets, type ExtractedColors, type ExtractedComponents$1 as ExtractedComponents, type ExtractedEffects, type ExtractedLayout, type ExtractedSpacing, type ExtractedTypography, type ExtractionContext, type ExtractionError, type ExtractionMetadata, type ExtractionOptions, type ExtractionResult, ExtractorRegistry, type ExtraktorConfig, type FigmaOutputConfig, type FilterToken, type FlexPattern, type FontAsset, type FontFaceData, type FontFamilyToken, type FontOptimization, type FontSizeToken, type FontWeightToken, type GradientStop, type GradientToken, type GridPattern, type IExtractor, type IconAsset, type ImageAsset, type ImageOptimization, type KeyframeAnimation, type KeyframeData, type KeyframeStep, type LetterSpacingToken, type LineHeightToken, type Logger, type LoggingConfig, type MediaQueryData, type OpacityToken, type OptimizationConfig, Orchestrator, type OutputConfig, PageAnalyzer, PlaywrightDriver, type SPAConfig, type SVGAsset, type SVGOptimization, type ShadowLayer, type ShadowToken, SpacingExtractor, type SpacingToken, type SpacingUsage, type TSXOutputConfig, type TailwindConfig, type TailwindMapping, type TailwindOutputConfig, TailwindTransformer, type TextStyleToken, type ThemeConfig, type TimingFunctionToken, type TokenOutputConfig, TokenTransformer, type TransformFunction, type TransformToken, type TransitionToken, TypographyExtractor, type ZIndexToken, areColorsSimilar, createDefaultConfig, createLogger, extractGradientColors, generateColorName, generateColorScale, getContrastRatio, getDefaultConfig, groupSimilarColors, loadConfig, mergeConfig, parseColor, toColorFormat };