@nikkory/vibe-engine 4.0.0

package/dist/styling/factors-all.d.ts

@@ -0,0 +1,348 @@
+/**
+ * Complete 24-Factor System
+ *
+ * Unified interface and utilities for all 24 customization factors.
+ * This module combines Factors 1-6, 7-11, 12-16, and 17-24 into a single API.
+ *
+ * @packageDocumentation
+ * @module generator/factors-all
+ * @since 2.0.0
+ * @updated 2.1.0 - Extended to 24 factors
+ *
+ * Powered by Nikkory
+ */
+import type { SpacingVariantKey } from './factors-17-24';
+import type { ColorScheme, ComponentSize, FactorA11y, FactorAlignment, FactorAnimation, FactorDensity, FactorElevation, FactorIconPosition, FactorLoadingState, FactorOrientation, FactorPosition, FactorResponsiveConfig, FactorShape, FactorState, FactorTheme, FactorSpacing, FactorTypography, FactorBorder, FactorOpacity, FactorOverflow, FactorCursor, FactorZIndex, FactorTransition } from './types';
+/**
+ * Complete 16-Factor configuration interface (legacy).
+ * ALL components should accept these props for full customization.
+ *
+ * @since 2.0.0
+ */
+export interface Complete16FactorConfig {
+    /** Factor 1: Color scheme */
+    colorScheme?: ColorScheme;
+    /** Factor 2: Component size */
+    size?: ComponentSize;
+    /** Factor 3: Visual variant (component-specific) */
+    variant?: string;
+    /** Factor 4: Shape/border radius */
+    shape?: FactorShape;
+    /** Factor 5: Position in layout */
+    position?: FactorPosition;
+    /** Factor 6: Icon position relative to content */
+    iconPosition?: FactorIconPosition;
+    /** Factor 7: Interaction state */
+    state?: FactorState;
+    /** Factor 8: Animation preset */
+    animation?: FactorAnimation;
+    /** Factor 9: Elevation/shadow level */
+    elevation?: FactorElevation;
+    /** Factor 10: Accessibility level */
+    a11y?: FactorA11y;
+    /** Factor 11: Main axis alignment (justify-content) */
+    justifyContent?: FactorAlignment;
+    /** Factor 11: Cross axis alignment (align-items) */
+    alignItems?: FactorAlignment;
+    /** Factor 11: Text alignment */
+    textAlign?: 'start' | 'center' | 'end';
+    /** Factor 12: Layout orientation */
+    orientation?: FactorOrientation;
+    /** Factor 13: Density/spacing */
+    density?: FactorDensity;
+    /** Factor 14: Loading state */
+    loadingState?: FactorLoadingState;
+    /** Factor 15: Responsive configuration */
+    responsive?: FactorResponsiveConfig;
+    /** Factor 16: Theme mode */
+    theme?: FactorTheme;
+}
+/**
+ * Complete 24-Factor configuration interface.
+ * Extends 16-Factor with additional styling factors.
+ *
+ * @since 2.1.0
+ */
+export interface Complete24FactorConfig extends Complete16FactorConfig {
+    /** Factor 17: Spacing preset */
+    spacing?: FactorSpacing;
+    /** Factor 18: Typography preset */
+    typography?: FactorTypography;
+    /** Factor 19: Border style */
+    border?: FactorBorder;
+    /** Factor 20: Opacity level */
+    opacity?: FactorOpacity;
+    /** Factor 21: Overflow behavior */
+    overflow?: FactorOverflow;
+    /** Factor 22: Cursor style */
+    cursor?: FactorCursor;
+    /** Factor 23: Z-Index layer */
+    zIndex?: FactorZIndex;
+    /** Factor 24: Transition timing */
+    transition?: FactorTransition;
+}
+/**
+ * Props interface for components with 16-Factor support.
+ * Extends Complete16FactorConfig with common component props.
+ *
+ * @since 2.0.0
+ */
+export interface Factor16Props extends Complete16FactorConfig {
+    /** Custom class names to merge */
+    className?: string;
+    /** Disabled state (maps to Factor 7: State) */
+    disabled?: boolean;
+    /** Loading state (maps to Factor 14: LoadingState) */
+    loading?: boolean;
+}
+/**
+ * Props interface for components with 24-Factor support.
+ * Extends Complete24FactorConfig with common component props.
+ *
+ * @since 2.1.0
+ */
+export interface Factor24Props extends Complete24FactorConfig {
+    /** Custom class names to merge */
+    className?: string;
+    /** Disabled state (maps to Factor 7: State) */
+    disabled?: boolean;
+    /** Loading state (maps to Factor 14: LoadingState) */
+    loading?: boolean;
+}
+/**
+ * Apply all 16 factors to generate final class string.
+ *
+ * @param componentType - Component type for context-aware styling
+ * @param config - Complete 16-factor configuration
+ * @returns Combined Tailwind class string
+ *
+ * @example
+ * ```typescript
+ * const classes = applyAllFactors('button', {
+ *   colorScheme: 'primary',
+ *   size: 'md',
+ *   variant: 'filled',
+ *   shape: 'pill',
+ *   animation: 'bounce',
+ *   elevation: 'md',
+ *   density: 'comfortable',
+ *   theme: 'system'
+ * });
+ * ```
+ *
+ * @since 2.0.0
+ */
+export declare function applyAllFactors(componentType: string, config: Complete16FactorConfig): string;
+/**
+ * Apply all 24 factors to generate final class string.
+ *
+ * @param componentType - Component type for context-aware styling
+ * @param config - Complete 24-factor configuration
+ * @param spacingContext - Context for spacing factor (padding, margin, gap)
+ * @returns Combined Tailwind class string
+ *
+ * @example
+ * ```typescript
+ * const classes = applyAll24Factors('card', {
+ *   colorScheme: 'primary',
+ *   shape: 'lg',
+ *   elevation: 'md',
+ *   spacing: 'lg',
+ *   typography: 'body',
+ *   border: 'subtle',
+ *   transition: 'smooth'
+ * });
+ * ```
+ *
+ * @since 2.1.0
+ */
+export declare function applyAll24Factors(componentType: string, config: Complete24FactorConfig, spacingContext?: SpacingVariantKey): string;
+/**
+ * Convert Factor16Props to StyleConfig format for generateStyles().
+ *
+ * @param props - Component props with 16-factor support
+ * @returns StyleConfig-compatible object
+ *
+ * @example
+ * ```typescript
+ * const styleConfig = propsToStyleConfig({
+ *   shape: 'pill',
+ *   animation: 'bounce',
+ *   disabled: true
+ * });
+ * // Use with generateStyles()
+ * const styles = generateStyles('button', tokens, styleConfig);
+ * ```
+ *
+ * @since 2.0.0
+ */
+export declare function propsToStyleConfig(props: Factor16Props): Record<string, unknown>;
+/**
+ * Convert Factor24Props to StyleConfig format for generateStyles().
+ *
+ * @param props - Component props with 24-factor support
+ * @returns StyleConfig-compatible object
+ *
+ * @example
+ * ```typescript
+ * const styleConfig = props24ToStyleConfig({
+ *   shape: 'pill',
+ *   spacing: 'lg',
+ *   typography: 'heading',
+ *   transition: 'spring'
+ * });
+ * ```
+ *
+ * @since 2.1.0
+ */
+export declare function props24ToStyleConfig(props: Factor24Props): Record<string, unknown>;
+/**
+ * Extract factor props from a larger props object (16-Factor).
+ * Useful for separating factor props from other component props.
+ *
+ * @param props - Props object potentially containing factor props
+ * @returns Object with extracted factor props and remaining props
+ *
+ * @example
+ * ```typescript
+ * const { factorProps, restProps } = extractFactorProps({
+ *   shape: 'pill',
+ *   onClick: handleClick,
+ *   children: 'Click me'
+ * });
+ * // factorProps = { shape: 'pill' }
+ * // restProps = { onClick: handleClick, children: 'Click me' }
+ * ```
+ *
+ * @since 2.0.0
+ */
+export declare function extractFactorProps<T extends Record<string, unknown>>(props: T): {
+    factorProps: Partial<Complete16FactorConfig>;
+    restProps: Omit<T, keyof Complete16FactorConfig>;
+};
+/**
+ * Extract factor props from a larger props object (24-Factor).
+ * Useful for separating all 24 factor props from other component props.
+ *
+ * @param props - Props object potentially containing factor props
+ * @returns Object with extracted factor props and remaining props
+ *
+ * @example
+ * ```typescript
+ * const { factorProps, restProps } = extract24FactorProps({
+ *   shape: 'pill',
+ *   spacing: 'lg',
+ *   typography: 'heading',
+ *   onClick: handleClick,
+ *   children: 'Click me'
+ * });
+ * // factorProps = { shape: 'pill', spacing: 'lg', typography: 'heading' }
+ * // restProps = { onClick: handleClick, children: 'Click me' }
+ * ```
+ *
+ * @since 2.1.0
+ */
+export declare function extract24FactorProps<T extends Record<string, unknown>>(props: T): {
+    factorProps: Partial<Complete24FactorConfig>;
+    restProps: Omit<T, keyof Complete24FactorConfig>;
+};
+/**
+ * Default values for all 16 factors.
+ * Components can merge these with their specific defaults.
+ *
+ * @since 2.0.0
+ */
+export declare const FACTOR_DEFAULTS: Required<Complete16FactorConfig>;
+/**
+ * Get default value for a specific factor.
+ *
+ * @param factor - Factor name
+ * @returns Default value for the factor
+ *
+ * @since 2.0.0
+ */
+export declare function getFactorDefault<K extends keyof Complete16FactorConfig>(factor: K): Complete16FactorConfig[K];
+/**
+ * Merge factor config with defaults.
+ *
+ * @param config - Partial factor configuration
+ * @returns Complete configuration with defaults applied
+ *
+ * @since 2.0.0
+ */
+export declare function withFactorDefaults(config: Partial<Complete16FactorConfig>): Complete16FactorConfig;
+/**
+ * Default values for all 24 factors.
+ * Extends 16-factor defaults with Factor 17-24 defaults.
+ *
+ * @since 2.1.0
+ */
+export declare const FACTOR_24_DEFAULTS: Required<Complete24FactorConfig>;
+/**
+ * Get default value for a specific 24-factor.
+ *
+ * @param factor - Factor name (1-24)
+ * @returns Default value for the factor
+ *
+ * @example
+ * ```typescript
+ * const defaultSpacing = get24FactorDefault('spacing'); // 'md'
+ * const defaultTransition = get24FactorDefault('transition'); // 'default'
+ * ```
+ *
+ * @since 2.1.0
+ */
+export declare function get24FactorDefault<K extends keyof Complete24FactorConfig>(factor: K): Complete24FactorConfig[K];
+/**
+ * Merge 24-factor config with defaults.
+ *
+ * @param config - Partial 24-factor configuration
+ * @returns Complete configuration with all 24 factor defaults applied
+ *
+ * @example
+ * ```typescript
+ * const fullConfig = with24FactorDefaults({
+ *   colorScheme: 'secondary',
+ *   spacing: 'lg',
+ *   transition: 'spring'
+ * });
+ * // fullConfig now has all 24 factors with defaults
+ * ```
+ *
+ * @since 2.1.0
+ */
+export declare function with24FactorDefaults(config: Partial<Complete24FactorConfig>): Complete24FactorConfig;
+/**
+ * Combined 16-Factor utilities namespace (legacy).
+ *
+ * @since 2.0.0
+ */
+export declare const FactorsAll: {
+    applyAllFactors: typeof applyAllFactors;
+    propsToStyleConfig: typeof propsToStyleConfig;
+    extractFactorProps: typeof extractFactorProps;
+    FACTOR_DEFAULTS: Required<Complete16FactorConfig>;
+    getFactorDefault: typeof getFactorDefault;
+    withFactorDefaults: typeof withFactorDefaults;
+};
+/**
+ * Combined 24-Factor utilities namespace.
+ *
+ * @since 2.1.0
+ */
+export declare const Factors24All: {
+    applyAllFactors: typeof applyAllFactors;
+    propsToStyleConfig: typeof propsToStyleConfig;
+    extractFactorProps: typeof extractFactorProps;
+    FACTOR_DEFAULTS: Required<Complete16FactorConfig>;
+    getFactorDefault: typeof getFactorDefault;
+    withFactorDefaults: typeof withFactorDefaults;
+    applyAll24Factors: typeof applyAll24Factors;
+    props24ToStyleConfig: typeof props24ToStyleConfig;
+    extract24FactorProps: typeof extract24FactorProps;
+    FACTOR_24_DEFAULTS: Required<Complete24FactorConfig>;
+    get24FactorDefault: typeof get24FactorDefault;
+    with24FactorDefaults: typeof with24FactorDefaults;
+};
+export default FactorsAll;
+//# sourceMappingURL=factors-all.d.ts.map

package/dist/styling/factors.d.ts

@@ -0,0 +1,291 @@
+/**
+ * 16-Factor Variant System - Factors 7-11
+ *
+ * Factor 7: State - Component interaction states
+ * Factor 8: Animation - Transition and animation effects
+ * Factor 9: Elevation - Shadow and depth levels
+ * Factor 10: A11y - Accessibility enhancement levels
+ * Factor 11: Alignment - Layout alignment options
+ *
+ * @packageDocumentation
+ * @module generator/factors
+ * @since 2.0.0
+ *
+ * Powered by Nikkory
+ */
+/**
+ * Component interaction states.
+ * Defines visual feedback for different component states.
+ */
+export declare const STATES: {
+    readonly default: "default";
+    readonly hover: "hover";
+    readonly focus: "focus";
+    readonly active: "active";
+    readonly disabled: "disabled";
+    readonly loading: "loading";
+    readonly error: "error";
+    readonly success: "success";
+};
+export type State = keyof typeof STATES;
+/**
+ * State-specific Tailwind classes.
+ */
+export declare const stateVariants: {
+    readonly default: "";
+    readonly hover: "hover:brightness-95";
+    readonly focus: "focus-within:ring-2 focus-within:ring-offset-1";
+    readonly active: "active:scale-[0.98]";
+    readonly disabled: "opacity-50 cursor-not-allowed pointer-events-none";
+    readonly loading: "cursor-wait relative";
+    readonly error: "border-error-500 focus:ring-error-500 text-error-600";
+    readonly success: "border-success-500 focus:ring-success-500 text-success-600";
+};
+/**
+ * Animation and transition presets.
+ */
+export declare const ANIMATIONS: {
+    readonly none: "none";
+    readonly subtle: "subtle";
+    readonly standard: "standard";
+    readonly smooth: "smooth";
+    readonly bounce: "bounce";
+    readonly pulse: "pulse";
+    readonly spin: "spin";
+    readonly ping: "ping";
+};
+export type Animation = keyof typeof ANIMATIONS;
+/**
+ * Animation-specific Tailwind classes.
+ */
+export declare const animationVariants: {
+    readonly none: "";
+    readonly subtle: "transition-all duration-150 ease-out";
+    readonly standard: "transition-all duration-200 ease-in-out";
+    readonly smooth: "transition-all duration-300 ease-out";
+    readonly bounce: "transition-all duration-200 ease-out hover:scale-105 active:scale-95";
+    readonly pulse: "animate-pulse";
+    readonly spin: "animate-spin";
+    readonly ping: "animate-ping";
+};
+/**
+ * Enter/exit animation pairs for modals, sheets, etc.
+ */
+export declare const enterAnimations: {
+    readonly fade: {
+        readonly initial: "opacity-0";
+        readonly animate: "opacity-100";
+        readonly exit: "opacity-0";
+    };
+    readonly scale: {
+        readonly initial: "opacity-0 scale-95";
+        readonly animate: "opacity-100 scale-100";
+        readonly exit: "opacity-0 scale-95";
+    };
+    readonly slideUp: {
+        readonly initial: "opacity-0 translate-y-4";
+        readonly animate: "opacity-100 translate-y-0";
+        readonly exit: "opacity-0 translate-y-4";
+    };
+    readonly slideDown: {
+        readonly initial: "opacity-0 -translate-y-4";
+        readonly animate: "opacity-100 translate-y-0";
+        readonly exit: "opacity-0 -translate-y-4";
+    };
+    readonly slideLeft: {
+        readonly initial: "opacity-0 translate-x-4";
+        readonly animate: "opacity-100 translate-x-0";
+        readonly exit: "opacity-0 translate-x-4";
+    };
+    readonly slideRight: {
+        readonly initial: "opacity-0 -translate-x-4";
+        readonly animate: "opacity-100 translate-x-0";
+        readonly exit: "opacity-0 -translate-x-4";
+    };
+};
+export type EnterAnimation = keyof typeof enterAnimations;
+/**
+ * Shadow/elevation levels for depth effect.
+ */
+export declare const ELEVATIONS: {
+    readonly none: "none";
+    readonly xs: "xs";
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+    readonly xl: "xl";
+    readonly '2xl': "2xl";
+    readonly inner: "inner";
+    readonly neumorphic: "neumorphic";
+};
+export type Elevation = keyof typeof ELEVATIONS;
+/**
+ * Elevation-specific Tailwind shadow classes.
+ */
+export declare const elevationVariants: {
+    readonly none: "";
+    readonly xs: "shadow-xs";
+    readonly sm: "shadow-sm";
+    readonly md: "shadow-md";
+    readonly lg: "shadow-lg";
+    readonly xl: "shadow-xl";
+    readonly '2xl': "shadow-2xl";
+    readonly inner: "shadow-inner";
+    readonly neumorphic: "shadow-[8px_8px_16px_#d1d5db,-8px_-8px_16px_#ffffff]";
+};
+/**
+ * Generate glow effect shadow for a color.
+ *
+ * @param color - Color name for glow effect
+ * @returns Tailwind classes for colored glow
+ */
+export declare function getGlowElevation(color: string): string;
+/**
+ * Accessibility enhancement levels.
+ * - standard: WCAG AA compliance
+ * - enhanced: Better visibility and focus indicators
+ * - maximum: WCAG AAA, high contrast, reduced motion
+ */
+export declare const A11Y_LEVELS: {
+    readonly standard: "standard";
+    readonly enhanced: "enhanced";
+    readonly maximum: "maximum";
+};
+export type A11yLevel = keyof typeof A11Y_LEVELS;
+/**
+ * Accessibility-specific Tailwind classes.
+ */
+export declare const a11yVariants: {
+    /** Focus ring visibility */
+    readonly focusRing: {
+        readonly standard: "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500";
+        readonly enhanced: "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 focus-visible:ring-4";
+        readonly maximum: "focus:outline-none focus:ring-4 focus:ring-offset-4 focus:ring-primary-500";
+    };
+    /** High contrast mode support */
+    readonly contrast: {
+        readonly standard: "";
+        readonly enhanced: "contrast-more:border";
+        readonly maximum: "contrast-more:border-2 contrast-more:border-current";
+    };
+    /** Reduced motion preferences */
+    readonly motion: {
+        readonly standard: "";
+        readonly enhanced: "motion-reduce:transition-none";
+        readonly maximum: "motion-reduce:transition-none motion-reduce:animate-none";
+    };
+    /** Screen reader enhancements */
+    readonly screenReader: {
+        readonly standard: "";
+        readonly enhanced: "";
+        readonly maximum: "";
+    };
+};
+/**
+ * Alignment values for flex/grid layouts.
+ */
+export declare const ALIGNMENTS: {
+    readonly start: "start";
+    readonly center: "center";
+    readonly end: "end";
+    readonly between: "between";
+    readonly around: "around";
+    readonly evenly: "evenly";
+    readonly stretch: "stretch";
+    readonly baseline: "baseline";
+};
+export type Alignment = keyof typeof ALIGNMENTS;
+/**
+ * Alignment-specific Tailwind classes for different contexts.
+ */
+export declare const alignmentVariants: {
+    /** Flex justify-content */
+    readonly justify: {
+        readonly start: "justify-start";
+        readonly center: "justify-center";
+        readonly end: "justify-end";
+        readonly between: "justify-between";
+        readonly around: "justify-around";
+        readonly evenly: "justify-evenly";
+    };
+    /** Flex align-items */
+    readonly items: {
+        readonly start: "items-start";
+        readonly center: "items-center";
+        readonly end: "items-end";
+        readonly stretch: "items-stretch";
+        readonly baseline: "items-baseline";
+    };
+    /** Text alignment */
+    readonly text: {
+        readonly start: "text-left";
+        readonly center: "text-center";
+        readonly end: "text-right";
+    };
+    /** Self alignment */
+    readonly self: {
+        readonly start: "self-start";
+        readonly center: "self-center";
+        readonly end: "self-end";
+        readonly stretch: "self-stretch";
+    };
+    /** Content alignment for multi-line flex */
+    readonly content: {
+        readonly start: "content-start";
+        readonly center: "content-center";
+        readonly end: "content-end";
+        readonly between: "content-between";
+        readonly around: "content-around";
+        readonly evenly: "content-evenly";
+        readonly stretch: "content-stretch";
+    };
+    /** Place alignment (combined) */
+    readonly place: {
+        readonly start: "place-items-start";
+        readonly center: "place-items-center";
+        readonly end: "place-items-end";
+        readonly stretch: "place-items-stretch";
+    };
+};
+/**
+ * Build alignment classes for flex/grid layouts.
+ *
+ * @param justify - Main axis alignment
+ * @param items - Cross axis alignment
+ * @returns Combined Tailwind classes
+ *
+ * @example
+ * buildAlignmentClasses('center', 'center')
+ * // => "justify-center items-center"
+ */
+export declare function buildAlignmentClasses(justify?: Alignment, items?: Alignment): string;
+/**
+ * Extended style config with 16-factor support.
+ */
+export interface FactorConfig {
+    /** Factor 7: Component state */
+    state?: State;
+    /** Factor 8: Animation preset */
+    animation?: Animation;
+    /** Factor 8b: Enter animation for overlays */
+    enterAnimation?: EnterAnimation;
+    /** Factor 9: Elevation/shadow level */
+    elevation?: Elevation;
+    /** Factor 10: Accessibility level */
+    a11y?: A11yLevel;
+    /** Factor 11: Main axis alignment */
+    justifyContent?: Alignment;
+    /** Factor 11: Cross axis alignment */
+    alignItems?: Alignment;
+    /** Factor 11: Text alignment */
+    textAlign?: 'start' | 'center' | 'end';
+}
+/**
+ * Apply factor-based styles to a base class string.
+ *
+ * @param baseClasses - Existing classes to extend
+ * @param config - Factor configuration
+ * @returns Combined Tailwind classes
+ */
+export declare function applyFactors(baseClasses: string, config: FactorConfig): string;
+//# sourceMappingURL=factors.d.ts.map

package/dist/styling/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Style Generator Module
+ *
+ * Core style generation engine for Dynamic Matrix Architecture.
+ * Generates component styles from design tokens at runtime.
+ *
+ * @packageDocumentation
+ * @module generator
+ * @since 2.0.0
+ *
+ * Powered by Nikkory
+ */
+export { StyleGenerator, generateStyles, cn, isComponentSupported, getSupportedComponents, } from './StyleGenerator';
+export { TokenStyleResolver, resolveTokenStyles, buildClassName, clearStyleCache, applyResponsivePrefix, buildResponsiveClasses, buildResponsiveSizeClasses, } from './TokenStyleResolver';
+export type { TokenResolveOptions, ResolvedTokenValues, ResponsiveBreakpoint, ResponsiveValue, } from './TokenStyleResolver';
+export { COLORS, colorVariants, buildColorClass, SIZES, sizeVariants, buildSizeClasses, VARIANTS, variantClasses, buildVariantClasses, SHAPES, shapeVariants, getShapeClass, POSITIONS, positionVariants, layoutPositionVariants, getPositionClass, ICON_POSITIONS, iconPositionVariants, buildIconPositionClasses, Factors1to6, applyFactors1to6, } from './factors-1-6';
+export type { Color, Size, Variant, Shape, Position, IconPosition, Factors1to6Config, } from './factors-1-6';
+export { STATES, stateVariants, ANIMATIONS, animationVariants, enterAnimations, ELEVATIONS, elevationVariants, getGlowElevation, A11Y_LEVELS, a11yVariants, ALIGNMENTS, alignmentVariants, buildAlignmentClasses, applyFactors, } from './factors';
+export type { State, Animation, EnterAnimation, Elevation, A11yLevel, Alignment, FactorConfig, } from './factors';
+export { ORIENTATIONS, orientationVariants, buildOrientationClasses, DENSITIES, densityVariants, buildDensityClasses, LOADING_STATES, loadingStateVariants, buildLoadingStateClasses, RESPONSIVE_BREAKPOINTS, BREAKPOINT_VALUES, responsiveVisibility, applyResponsivePrefix as applyFactorResponsivePrefix, buildResponsiveClasses as buildFactorResponsiveClasses, THEMES, themeVariants, buildThemeClasses, getThemeClasses, Factors12to16, applyFactors12to16, } from './factors-12-16';
+export type { OrientationVariantKey, DensityVariantKey, LoadingStateVariantKey, ThemeVariantKey, Factors12to16Config, } from './factors-12-16';
+export { FactorsAll, applyAllFactors, propsToStyleConfig, extractFactorProps, FACTOR_DEFAULTS, getFactorDefault, withFactorDefaults, Factors24All, applyAll24Factors, props24ToStyleConfig, extract24FactorProps, FACTOR_24_DEFAULTS, get24FactorDefault, with24FactorDefaults, } from './factors-all';
+export type { Complete16FactorConfig, Factor16Props, Complete24FactorConfig, Factor24Props, } from './factors-all';
+export { SPACINGS, spacingVariants, buildSpacingClasses, TYPOGRAPHIES, typographyVariants, getTypographyClasses, BORDERS, borderVariants, getBorderClasses, OPACITIES, opacityVariants, getOpacityClasses, OVERFLOWS, overflowVariants, getOverflowClasses, CURSORS, cursorVariants, getCursorClasses, Z_INDICES, zIndexValues, zIndexVariants, getZIndexClasses, getZIndexValue, TRANSITIONS, transitionVariants, getTransitionClasses, Factors17to24, FACTOR_17_24_DEFAULTS, getFactor17to24Default, applyFactors17to24, clearFactorCache, getFactorCacheStats, } from './factors-17-24';
+export type { SpacingVariantKey, Factors17to24Config } from './factors-17-24';
+export { VALID_COLOR_SCHEMES, VALID_SIZES, VALID_SHAPES, VALID_POSITIONS, VALID_ICON_POSITIONS, VALID_STATES, VALID_ANIMATIONS, VALID_ELEVATIONS, VALID_A11Y_LEVELS, VALID_ALIGNMENTS, VALID_ORIENTATIONS, VALID_DENSITIES, VALID_LOADING_STATES, VALID_BREAKPOINTS, VALID_THEMES, VALID_SPACINGS, VALID_TYPOGRAPHIES, VALID_BORDERS, VALID_OPACITIES, VALID_OVERFLOWS, VALID_CURSORS, VALID_Z_INDICES, VALID_TRANSITIONS, isValidColorScheme, isValidSize, isValidShape, isValidPosition, isValidIconPosition, isValidState, isValidAnimation, isValidElevation, isValidA11yLevel, isValidAlignment, isValidOrientation, isValidDensity, isValidLoadingState, isValidBreakpoint, isValidResponsiveConfig, isValidTheme, isValidSpacing, isValidTypography, isValidBorder, isValidOpacity, isValidOverflow, isValidCursor, isValidZIndex, isValidTransition, FactorValidators, validateFactor, validateFactors, assertValidFactor, coerceFactorValue, } from './factor-validators';
+export type { FactorValidationResult } from './factor-validators';
+export { is16FactorConfig, is24FactorConfig, getMissingFactor17to24, migrate16to24, batchMigrate16to24, validateFactor24Completeness, completeFactorConfig, generateMigrationReport, FactorMigration, COMPONENT_DEFAULTS, } from './factor-migration';
+export type { Factor16Config, Factor24Config as MigrationFactor24Config, MigrationResult, MigrationOptions, } from './factor-migration';
+export type { ComponentType, ComponentSize, ColorScheme, StyleConfig, GeneratedStyles, StyleGeneratorFn, StyleGeneratorRegistry, FactorShape, FactorPosition, FactorIconPosition, FactorState, FactorAnimation, FactorElevation, FactorA11y, FactorAlignment, FactorOrientation, FactorDensity, FactorLoadingState, FactorResponsiveBreakpoint, FactorResponsiveConfig, FactorTheme, FactorSpacing, FactorTypography, FactorBorder, FactorOpacity, FactorOverflow, FactorCursor, FactorZIndex, FactorTransition, ButtonVariant, InputVariant, CardVariant, AlertVariant, BadgeVariant, ButtonStyleConfig, InputStyleConfig, CardStyleConfig, AlertStyleConfig, BadgeStyleConfig, ModalStyleConfig, TabsStyleConfig, ProgressStyleConfig, } from './types';
+//# sourceMappingURL=index.d.ts.map