@tachui/responsive 0.8.0-alpha

package/dist/modifiers/responsive/layout-patterns.d.ts

@@ -0,0 +1,230 @@
+/**
+ * Responsive Layout Utility Patterns
+ *
+ * Provides common responsive layout patterns and utilities that make it easy
+ * to create responsive designs without writing custom CSS for every use case.
+ */
+import { ResponsiveValue, BreakpointKey, ResponsiveSpacingConfig } from './types';
+/**
+ * Configuration for responsive grid layout
+ */
+export interface ResponsiveGridConfig {
+    columns?: ResponsiveValue<number>;
+    rows?: ResponsiveValue<number>;
+    gap?: ResponsiveValue<string | number>;
+    columnGap?: ResponsiveValue<string | number>;
+    rowGap?: ResponsiveValue<string | number>;
+    autoFlow?: ResponsiveValue<'row' | 'column' | 'row dense' | 'column dense'>;
+    autoRows?: ResponsiveValue<string>;
+    autoColumns?: ResponsiveValue<string>;
+    templateAreas?: ResponsiveValue<string>;
+}
+/**
+ * Configuration for responsive flexbox layout
+ */
+export interface ResponsiveFlexConfig {
+    direction?: ResponsiveValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+    wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
+    justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
+    align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
+    alignContent?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around'>;
+    gap?: ResponsiveValue<string | number>;
+    columnGap?: ResponsiveValue<string | number>;
+    rowGap?: ResponsiveValue<string | number>;
+}
+/**
+ * Configuration for responsive container layout
+ */
+export interface ResponsiveContainerConfig {
+    maxWidth?: ResponsiveValue<string | number>;
+    width?: ResponsiveValue<string | number>;
+    padding?: ResponsiveValue<string | number>;
+    margin?: ResponsiveValue<string | number>;
+    centerContent?: ResponsiveValue<boolean>;
+}
+/**
+ * Responsive Grid Layout Utilities
+ */
+export declare class ResponsiveGridPatterns {
+    /**
+     * Create a responsive grid with automatic column sizing
+     */
+    static autoFit(config: {
+        minColumnWidth: ResponsiveValue<string | number>;
+        gap?: ResponsiveValue<string | number>;
+        maxColumns?: ResponsiveValue<number>;
+    }): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create a responsive grid with explicit column counts
+     */
+    static columns(columns: ResponsiveValue<number>, config?: {
+        gap?: ResponsiveValue<string | number>;
+        rowGap?: ResponsiveValue<string | number>;
+        autoRows?: ResponsiveValue<string>;
+    }): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create responsive masonry-style grid
+     */
+    static masonry(config: {
+        columns: ResponsiveValue<number>;
+        gap?: ResponsiveValue<string | number>;
+    }): import("./responsive-modifier").ResponsiveModifier;
+}
+/**
+ * Responsive Flexbox Layout Utilities
+ */
+export declare class ResponsiveFlexPatterns {
+    /**
+     * Create a responsive flex container that stacks on mobile, flows horizontally on desktop
+     */
+    static stackToRow(config?: {
+        stackBreakpoint?: BreakpointKey;
+        gap?: ResponsiveValue<string | number>;
+        align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
+        justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
+    }): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create a responsive flex container with wrapping behavior
+     */
+    static wrap(config?: ResponsiveFlexConfig): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create centered flex layout
+     */
+    static center(direction?: ResponsiveValue<'row' | 'column'>): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create space-between flex layout
+     */
+    static spaceBetween(direction?: ResponsiveValue<'row' | 'column'>): import("./responsive-modifier").ResponsiveModifier;
+}
+/**
+ * Responsive Container Utilities
+ */
+export declare class ResponsiveContainerPatterns {
+    /**
+     * Create a responsive container with max-width constraints
+     */
+    static container(config?: ResponsiveContainerConfig): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create a full-width container that breaks out of constraints
+     */
+    static fullWidth(): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create a section container with responsive padding
+     */
+    static section(config?: {
+        paddingY?: ResponsiveValue<string | number>;
+        paddingX?: ResponsiveValue<string | number>;
+        maxWidth?: ResponsiveValue<string | number>;
+    }): import("./responsive-modifier").ResponsiveModifier;
+}
+/**
+ * Responsive Visibility Utilities
+ */
+export declare class ResponsiveVisibilityPatterns {
+    /**
+     * Show element only on specific breakpoints
+     */
+    static showOn(breakpoints: BreakpointKey[]): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Hide element only on specific breakpoints
+     */
+    static hideOn(breakpoints: BreakpointKey[]): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Show on mobile, hide on desktop
+     */
+    static mobileOnly(): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Hide on mobile, show on desktop
+     */
+    static desktopOnly(): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Show only on tablet breakpoint
+     */
+    static tabletOnly(): import("./responsive-modifier").ResponsiveModifier;
+}
+/**
+ * Responsive Spacing Utilities
+ */
+export declare class ResponsiveSpacingPatterns {
+    /**
+     * Create responsive padding
+     */
+    static padding(config: ResponsiveSpacingConfig): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create responsive margin
+     */
+    static margin(config: ResponsiveSpacingConfig): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create responsive gap (for flexbox and grid)
+     */
+    static gap(config: {
+        all?: ResponsiveValue<string | number>;
+        column?: ResponsiveValue<string | number>;
+        row?: ResponsiveValue<string | number>;
+    }): import("./responsive-modifier").ResponsiveModifier;
+}
+/**
+ * Responsive Typography Utilities
+ */
+export declare class ResponsiveTypographyPatterns {
+    /**
+     * Create responsive font scale
+     */
+    static scale(config: {
+        base: string | number;
+        scale?: ResponsiveValue<number>;
+        lineHeight?: ResponsiveValue<number | string>;
+    }): import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Create fluid typography that scales smoothly
+     */
+    static fluid(config: {
+        minSize: string | number;
+        maxSize: string | number;
+        minBreakpoint?: string;
+        maxBreakpoint?: string;
+    }): import("./responsive-modifier").ResponsiveModifier;
+}
+/**
+ * Common Layout Patterns
+ */
+export declare const LayoutPatterns: {
+    /**
+     * Sidebar layout that collapses on mobile
+     */
+    sidebar: (config?: {
+        sidebarWidth?: ResponsiveValue<string | number>;
+        collapseBreakpoint?: BreakpointKey;
+        gap?: ResponsiveValue<string | number>;
+    }) => import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Holy grail layout (header, footer, sidebar, main content)
+     */
+    holyGrail: (config?: {
+        headerHeight?: ResponsiveValue<string | number>;
+        footerHeight?: ResponsiveValue<string | number>;
+        sidebarWidth?: ResponsiveValue<string | number>;
+        collapseBreakpoint?: BreakpointKey;
+    }) => import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Card grid layout
+     */
+    cardGrid: (config?: {
+        minCardWidth?: ResponsiveValue<string | number>;
+        gap?: ResponsiveValue<string | number>;
+        maxColumns?: ResponsiveValue<number>;
+    }) => import("./responsive-modifier").ResponsiveModifier;
+    /**
+     * Hero section layout
+     */
+    hero: (config?: {
+        minHeight?: ResponsiveValue<string | number>;
+        textAlign?: ResponsiveValue<"left" | "center" | "right">;
+        padding?: ResponsiveValue<string | number>;
+    }) => import("./responsive-modifier").ResponsiveModifier;
+};
+/**
+ * Export all layout patterns for easy access
+ */
+export { ResponsiveGridPatterns as ResponsiveGrid, ResponsiveFlexPatterns as Flex, ResponsiveContainerPatterns as Container, ResponsiveVisibilityPatterns as Visibility, ResponsiveSpacingPatterns as Spacing, ResponsiveTypographyPatterns as ResponsiveTypography, };
+//# sourceMappingURL=layout-patterns.d.ts.map

package/dist/modifiers/responsive/layout-patterns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-patterns.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/layout-patterns.ts"],"names":[],"mappings":"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"}

package/dist/modifiers/responsive/performance.d.ts

@@ -0,0 +1,130 @@
+/**
+ * Responsive System Performance Optimizations
+ *
+ * Optimizes CSS generation, caching, and runtime performance for the responsive system.
+ */
+import { ResponsiveStyleConfig } from './types';
+/**
+ * CSS rule cache for deduplication
+ */
+declare class CSSRuleCache {
+    private cache;
+    private hitCount;
+    private missCount;
+    get(key: string): string | undefined;
+    set(key: string, value: string): void;
+    clear(): void;
+    getStats(): {
+        size: number;
+        hitRate: number;
+        hits: number;
+        misses: number;
+    };
+}
+/**
+ * Global CSS rule cache instance
+ */
+export declare const cssRuleCache: CSSRuleCache;
+/**
+ * Performance-optimized CSS generation
+ */
+export declare class OptimizedCSSGenerator {
+    private static readonly BATCH_SIZE;
+    private static ruleQueue;
+    private static flushTimer;
+    /**
+     * Generate CSS with caching and batching
+     */
+    static generateOptimizedCSS(selector: string, config: ResponsiveStyleConfig, options?: {
+        minify?: boolean;
+        batch?: boolean;
+        deduplicate?: boolean;
+    }): string;
+    /**
+     * Create cache key for CSS rule
+     */
+    private static createCacheKey;
+    /**
+     * Generate CSS without optimizations (for comparison)
+     */
+    private static generateCSS;
+    /**
+     * Add CSS to batch queue
+     */
+    private static addToBatch;
+    /**
+     * Flush batched CSS rules
+     */
+    private static flushBatch;
+    /**
+     * Inject CSS into document
+     */
+    private static injectCSS;
+    /**
+     * Extract base (non-responsive) styles
+     */
+    private static extractBaseStyles;
+    /**
+     * Generate CSS properties
+     */
+    private static generateProperties;
+    /**
+     * Convert property name to CSS
+     */
+    private static propertyToCSS;
+    /**
+     * Convert value to CSS
+     */
+    private static valueToCSS;
+    /**
+     * Get media query for breakpoint
+     */
+    private static getMediaQuery;
+    /**
+     * Force flush any pending batched CSS
+     */
+    static flush(): void;
+    /**
+     * Get performance statistics
+     */
+    static getStats(): {
+        cache: {
+            size: number;
+            hitRate: number;
+            hits: number;
+            misses: number;
+        };
+        batch: {
+            queueSize: number;
+            batchSize: number;
+        };
+    };
+    /**
+     * Clear all caches and reset performance counters
+     */
+    static reset(): void;
+}
+/**
+ * Performance monitoring for responsive system
+ */
+export declare class ResponsivePerformanceMonitor {
+    private static measurements;
+    /**
+     * Start performance measurement
+     */
+    static startMeasurement(name: string): () => number;
+    /**
+     * Record measurement
+     */
+    private static recordMeasurement;
+    /**
+     * Get performance statistics
+     */
+    static getStats(): Record<string, any>;
+    /**
+     * Clear all performance data
+     */
+    static reset(): void;
+}
+export {};
+//# sourceMappingURL=performance.d.ts.map

package/dist/modifiers/responsive/performance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/performance.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAiB,MAAM,SAAS,CAAA;AAE9D;;GAEG;AACH,cAAM,YAAY;IAChB,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,QAAQ,CAAI;IACpB,OAAO,CAAC,SAAS,CAAI;IAErB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAUpC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC,KAAK,IAAI,IAAI;IAMb,QAAQ;;;;;;CAQT;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,cAAqB,CAAA;AAE9C;;GAEG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAK;IACvC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAe;IACvC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAsB;IAE/C;;OAEG;IACH,MAAM,CAAC,oBAAoB,CACzB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,qBAAqB,EAC7B,OAAO,GAAE;QACP,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,KAAK,CAAC,EAAE,OAAO,CAAA;QACf,WAAW,CAAC,EAAE,OAAO,CAAA;KACjB,GACL,MAAM;IAmCT;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,cAAc;IAQ7B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IA8C1B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;IAUzB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;IAezB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,SAAS;IAkBxB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAgBhC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAiBjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,aAAa;IAI5B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;IAOzB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,aAAa;IAa5B;;OAEG;IACH,MAAM,CAAC,KAAK,IAAI,IAAI;IAIpB;;OAEG;IACH,MAAM,CAAC,QAAQ;;;;;;;;;;;;IAUf;;OAEG;IACH,MAAM,CAAC,KAAK,IAAI,IAAI;CAQrB;AAED;;GAEG;AACH,qBAAa,4BAA4B;IACvC,OAAO,CAAC,MAAM,CAAC,YAAY,CAA8B;IAEzD;;OAEG;IACH,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,MAAM;IAUnD;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAchC;;OAEG;IACH,MAAM,CAAC,QAAQ;IAsBf;;OAEG;IACH,MAAM,CAAC,KAAK,IAAI,IAAI;CAGrB"}

package/dist/modifiers/responsive/responsive-builder.d.ts

@@ -0,0 +1,133 @@
+/**
+ * Responsive Modifier Builder
+ *
+ * Extends the existing ModifierBuilder with responsive capabilities.
+ * Provides a fluent API for creating responsive modifiers that integrate
+ * seamlessly with the existing modifier system.
+ */
+import type { ModifierBuilder, Modifier } from '@tachui/core';
+import type { ComponentInstance } from '@tachui/core';
+import { ResponsiveValue, ResponsiveStyleConfig, ResponsiveSpacingConfig, ResponsiveDimensionConfig, ResponsiveTypographyConfig } from './types';
+/**
+ * Responsive modifier builder interface
+ */
+export interface ResponsiveModifierBuilder<T extends ComponentInstance = ComponentInstance> {
+    responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T>;
+    mediaQuery(query: string, styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    orientation(orientation: 'portrait' | 'landscape', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    colorScheme(scheme: 'light' | 'dark', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    retina(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    print(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    responsiveLayout(config: {
+        direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
+        wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
+        justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
+        align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
+        gap?: ResponsiveValue<number | string>;
+    }): ResponsiveModifierBuilder<T>;
+    responsiveWidth(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
+    responsiveHeight(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
+    responsiveSize(config: ResponsiveDimensionConfig): ResponsiveModifierBuilder<T>;
+    responsivePadding(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
+    responsiveMargin(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
+    responsiveFont(config: ResponsiveTypographyConfig): ResponsiveModifierBuilder<T>;
+    responsiveFontSize(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
+    responsiveTextAlign(value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>): ResponsiveModifierBuilder<T>;
+    base: ResponsiveBreakpointBuilder<T>;
+    sm: ResponsiveBreakpointBuilder<T>;
+    md: ResponsiveBreakpointBuilder<T>;
+    lg: ResponsiveBreakpointBuilder<T>;
+    xl: ResponsiveBreakpointBuilder<T>;
+    '2xl': ResponsiveBreakpointBuilder<T>;
+    addModifier(modifier: Modifier): void;
+    build(): T;
+}
+/**
+ * Breakpoint-specific builder for shorthand syntax
+ * Returns ModifierBuilder to allow chaining with regular modifiers after responsive ones
+ */
+export interface ResponsiveBreakpointBuilder<T extends ComponentInstance = ComponentInstance> {
+    width(value: number | string): ModifierBuilder<T>;
+    height(value: number | string): ModifierBuilder<T>;
+    minWidth(value: number | string): ModifierBuilder<T>;
+    maxWidth(value: number | string): ModifierBuilder<T>;
+    minHeight(value: number | string): ModifierBuilder<T>;
+    maxHeight(value: number | string): ModifierBuilder<T>;
+    padding(value: number | string): ModifierBuilder<T>;
+    paddingHorizontal(value: number | string): ModifierBuilder<T>;
+    paddingVertical(value: number | string): ModifierBuilder<T>;
+    paddingTop(value: number | string): ModifierBuilder<T>;
+    paddingBottom(value: number | string): ModifierBuilder<T>;
+    paddingLeft(value: number | string): ModifierBuilder<T>;
+    paddingRight(value: number | string): ModifierBuilder<T>;
+    margin(value: number | string): ModifierBuilder<T>;
+    marginHorizontal(value: number | string): ModifierBuilder<T>;
+    marginVertical(value: number | string): ModifierBuilder<T>;
+    marginTop(value: number | string): ModifierBuilder<T>;
+    marginBottom(value: number | string): ModifierBuilder<T>;
+    marginLeft(value: number | string): ModifierBuilder<T>;
+    marginRight(value: number | string): ModifierBuilder<T>;
+    fontSize(value: number | string): ModifierBuilder<T>;
+    textAlign(value: 'left' | 'center' | 'right' | 'justify'): ModifierBuilder<T>;
+    display(value: 'none' | 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid'): ModifierBuilder<T>;
+    flexDirection(value: 'row' | 'column' | 'row-reverse' | 'column-reverse'): ModifierBuilder<T>;
+    justifyContent(value: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'): ModifierBuilder<T>;
+    alignItems(value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'): ModifierBuilder<T>;
+    backgroundColor(value: string): ModifierBuilder<T>;
+    color(value: string): ModifierBuilder<T>;
+    opacity(value: number): ModifierBuilder<T>;
+}
+/**
+ * Implementation of responsive modifier builder using Proxy delegation
+ */
+export declare class ResponsiveModifierBuilderImpl<T extends ComponentInstance = ComponentInstance> implements ResponsiveModifierBuilder<T> {
+    private baseBuilder;
+    constructor(baseBuilder: ModifierBuilder<T>);
+    addModifier(modifier: Modifier): void;
+    build(): T;
+    responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T>;
+    mediaQuery(query: string, styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    orientation(orientation: 'portrait' | 'landscape', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    colorScheme(scheme: 'light' | 'dark', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    retina(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    print(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
+    responsiveLayout(config: {
+        direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
+        wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
+        justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
+        align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
+        gap?: ResponsiveValue<number | string>;
+    }): ResponsiveModifierBuilder<T>;
+    responsiveWidth(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
+    responsiveHeight(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
+    responsiveSize(config: ResponsiveDimensionConfig): ResponsiveModifierBuilder<T>;
+    responsivePadding(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
+    responsiveMargin(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
+    responsiveFont(config: ResponsiveTypographyConfig): ResponsiveModifierBuilder<T>;
+    responsiveFontSize(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
+    responsiveTextAlign(value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>): ResponsiveModifierBuilder<T>;
+    get base(): ResponsiveBreakpointBuilder<T>;
+    get sm(): ResponsiveBreakpointBuilder<T>;
+    get md(): ResponsiveBreakpointBuilder<T>;
+    get lg(): ResponsiveBreakpointBuilder<T>;
+    get xl(): ResponsiveBreakpointBuilder<T>;
+    get '2xl'(): ResponsiveBreakpointBuilder<T>;
+    [key: string]: any;
+}
+/**
+ * Utility function to wrap existing modifier builder with responsive capabilities
+ */
+export declare function withResponsive<T extends ComponentInstance = ComponentInstance>(builder: ModifierBuilder<T>): ResponsiveModifierBuilder<T>;
+/**
+ * Create a responsive modifier builder from scratch
+ */
+export declare function createResponsiveBuilder<T extends ComponentInstance = ComponentInstance>(baseBuilder: ModifierBuilder<T>): ResponsiveModifierBuilder<T>;
+//# sourceMappingURL=responsive-builder.d.ts.map

package/dist/modifiers/responsive/responsive-builder.d.ts.map

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

package/dist/modifiers/responsive/responsive-modifier.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Responsive Modifier Implementation
+ *
+ * Core responsive modifier that integrates with the existing tachUI modifier system.
+ * Provides CSS-native media query generation with backward compatibility.
+ */
+import { BaseModifier } from '@tachui/modifiers';
+import type { ModifierContext } from '@tachui/modifiers';
+import type { DOMNode } from '@tachui/core';
+import { ResponsiveValue, ResponsiveStyleConfig, ResponsiveModifierResult } from './types';
+/**
+ * Responsive modifier priority (between appearance and interaction)
+ */
+export declare const RESPONSIVE_MODIFIER_PRIORITY = 250;
+/**
+ * Core responsive modifier class
+ */
+export declare class ResponsiveModifier extends BaseModifier<ResponsiveStyleConfig> {
+    readonly type = "responsive";
+    readonly priority = 250;
+    private generatedCSS;
+    private elementSelector;
+    private _config;
+    constructor(config: ResponsiveStyleConfig);
+    get config(): ResponsiveStyleConfig;
+    /**
+     * Apply responsive styles to the element
+     */
+    apply(node: DOMNode, _context: ModifierContext): DOMNode | undefined;
+    /**
+     * Generate and inject responsive CSS
+     */
+    private generateAndInjectCSS;
+    /**
+     * Set up reactive updates for dynamic responsive values
+     */
+    private setupReactiveUpdates;
+    /**
+     * Track reactive dependencies by accessing all reactive values
+     */
+    private trackReactiveDependencies;
+    /**
+     * Update configuration and regenerate CSS
+     */
+    private updateConfig;
+    /**
+     * Generate unique CSS selector for this element
+     */
+    private generateUniqueSelector;
+    /**
+     * Extract class name from CSS selector
+     */
+    private getClassFromSelector;
+    /**
+     * Generate unique ID for CSS class names
+     */
+    private generateUniqueId;
+    /**
+     * Check if configuration contains reactive values (signals)
+     */
+    private hasReactiveValues;
+    /**
+     * Check if a value is a reactive signal, computed, or Asset
+     */
+    private isReactiveValue;
+    /**
+     * Check if a value is an Asset object
+     */
+    private isAsset;
+    /**
+     * Resolve configuration with current signal values
+     */
+    private resolveReactiveConfig;
+    /**
+     * Get generated CSS information (for debugging)
+     */
+    getGeneratedCSS(): ResponsiveModifierResult | null;
+    /**
+     * Get configuration (for debugging)
+     */
+    getConfig(): ResponsiveStyleConfig;
+}
+/**
+ * Factory function to create responsive modifiers
+ */
+export declare function createResponsiveModifier(config: ResponsiveStyleConfig): ResponsiveModifier;
+/**
+ * Media query modifier for custom media queries
+ */
+export declare class MediaQueryModifier extends BaseModifier<{
+    query: string;
+    styles: Record<string, any>;
+}> {
+    readonly type = "media-query";
+    readonly priority: number;
+    private elementSelector;
+    constructor(query: string, styles: Record<string, any>);
+    get query(): string;
+    get styles(): Record<string, any>;
+    apply(node: DOMNode, _context: ModifierContext): DOMNode | undefined;
+    private generateMediaQueryCSS;
+    private generateUniqueSelector;
+    private getClassFromSelector;
+}
+/**
+ * Factory function to create media query modifiers
+ */
+export declare function createMediaQueryModifier(query: string, styles: Record<string, any>): MediaQueryModifier;
+/**
+ * Utility to create responsive property modifier
+ */
+export declare function createResponsivePropertyModifier<T>(property: string, value: ResponsiveValue<T>): ResponsiveModifier;
+/**
+ * Create a responsive layout modifier
+ */
+export declare function createResponsiveLayoutModifier(config: {
+    direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
+    wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
+    justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
+    align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
+    gap?: ResponsiveValue<number | string>;
+}): ResponsiveModifier;
+//# sourceMappingURL=responsive-modifier.d.ts.map

package/dist/modifiers/responsive/responsive-modifier.d.ts.map

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