@tachui/responsive 0.8.0-alpha

package/dist/modifiers/responsive/advanced-utilities.d.ts

@@ -0,0 +1,121 @@
+/**
+ * Advanced Responsive Utilities
+ *
+ * Provides programmatic access to responsive behavior, advanced hooks,
+ * and complex responsive logic utilities for sophisticated applications.
+ */
+import { Signal } from '@tachui/core';
+import { ResponsiveValue, BreakpointKey, BreakpointContext } from './types';
+/**
+ * Advanced breakpoint utilities with enhanced functionality
+ */
+export declare class AdvancedBreakpointUtils {
+    /**
+     * Create a responsive value resolver with custom logic
+     */
+    static createResponsiveResolver<T>(getValue: (breakpoint: BreakpointKey, context: BreakpointContext) => T, dependencies?: Signal<any>[]): Signal<T>;
+    /**
+     * Create responsive value that interpolates between breakpoints
+     */
+    static createInterpolatedValue(values: Partial<Record<BreakpointKey, number>>, options?: {
+        smoothing?: 'linear' | 'ease' | 'ease-in' | 'ease-out';
+        clamp?: boolean;
+    }): Signal<number>;
+    /**
+     * Create conditional responsive behavior
+     */
+    static createConditionalResponsive<T>(condition: (context: BreakpointContext) => boolean, trueValue: ResponsiveValue<T>, falseValue: ResponsiveValue<T>): Signal<T>;
+    /**
+     * Resolve responsive value at specific breakpoint
+     */
+    private static resolveResponsiveValue;
+}
+/**
+ * Advanced responsive hooks for complex scenarios
+ */
+export declare class ResponsiveHooks {
+    /**
+     * Hook for responsive arrays (e.g., responsive grid columns data)
+     */
+    static useResponsiveArray<T>(arrays: Partial<Record<BreakpointKey, T[]>>): Signal<T[]>;
+    /**
+     * Hook for responsive object selection
+     */
+    static useResponsiveObject<T extends Record<string, any>>(objects: Partial<Record<BreakpointKey, T>>): Signal<T | null>;
+    /**
+     * Hook for responsive function selection and execution
+     */
+    static useResponsiveFunction<TArgs extends any[], TReturn>(functions: Partial<Record<BreakpointKey, (...args: TArgs) => TReturn>>): Signal<((...args: TArgs) => TReturn) | null>;
+    /**
+     * Hook for responsive state management
+     */
+    static useResponsiveState<T>(initialValues: Partial<Record<BreakpointKey, T>>): [
+        Signal<T | undefined>,
+        (value: T | Partial<Record<BreakpointKey, T>>) => void
+    ];
+    /**
+     * Hook for responsive computations with memoization
+     */
+    static useResponsiveComputation<T>(computation: (context: BreakpointContext) => T, dependencies?: Signal<any>[]): Signal<T>;
+    /**
+     * Hook for responsive side effects
+     */
+    static useResponsiveEffect(effect: (context: BreakpointContext, prevContext?: BreakpointContext) => void | (() => void), dependencies?: Signal<any>[]): void;
+}
+/**
+ * Responsive breakpoint targeting utilities
+ */
+export declare class ResponsiveTargeting {
+    /**
+     * Execute callback only on specific breakpoints
+     */
+    static onBreakpoints(breakpoints: BreakpointKey[], callback: (context: BreakpointContext) => void | (() => void)): () => void;
+    /**
+     * Execute callback when breakpoint changes
+     */
+    static onBreakpointChange(callback: (newBreakpoint: BreakpointKey, oldBreakpoint: BreakpointKey, context: BreakpointContext) => void): () => void;
+    /**
+     * Execute callback when entering/leaving specific breakpoint ranges
+     */
+    static onBreakpointRange(minBreakpoint: BreakpointKey, maxBreakpoint: BreakpointKey, callbacks: {
+        onEnter?: (context: BreakpointContext) => void | (() => void);
+        onLeave?: (context: BreakpointContext) => void;
+        onWithin?: (context: BreakpointContext) => void | (() => void);
+    }): () => void;
+}
+/**
+ * Responsive data management utilities
+ */
+export declare class ResponsiveDataUtils {
+    /**
+     * Create responsive pagination
+     */
+    static createResponsivePagination<T>(data: T[], itemsPerPage: ResponsiveValue<number>): {
+        currentPage: Signal<number>;
+        totalPages: Signal<number>;
+        currentItems: Signal<T[]>;
+        setPage: (page: number) => void;
+        nextPage: () => void;
+        prevPage: () => void;
+        hasNext: Signal<boolean>;
+        hasPrev: Signal<boolean>;
+    };
+    /**
+     * Create responsive filtering
+     */
+    static createResponsiveFilter<T>(data: T[], filters: Partial<Record<BreakpointKey, (item: T) => boolean>>): Signal<T[]>;
+    /**
+     * Create responsive sorting
+     */
+    static createResponsiveSort<T>(data: T[], sorters: Partial<Record<BreakpointKey, (a: T, b: T) => number>>): Signal<T[]>;
+}
+/**
+ * Export all advanced utilities
+ */
+export declare const ResponsiveAdvanced: {
+    Breakpoints: typeof AdvancedBreakpointUtils;
+    Hooks: typeof ResponsiveHooks;
+    Targeting: typeof ResponsiveTargeting;
+    Data: typeof ResponsiveDataUtils;
+};
+//# sourceMappingURL=advanced-utilities.d.ts.map

package/dist/modifiers/responsive/advanced-utilities.d.ts.map

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

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

@@ -0,0 +1,81 @@
+/**
+ * Breakpoint Configuration System
+ *
+ * Manages responsive breakpoint configuration, validation, and utilities.
+ * Supports both default Tailwind-inspired breakpoints and custom configurations.
+ */
+import { BreakpointKey, BreakpointConfig, BreakpointContext } from './types';
+import { Signal } from '@tachui/core';
+/**
+ * Configure global breakpoints for the application
+ */
+export declare function configureBreakpoints(config: Partial<BreakpointConfig>): void;
+/**
+ * Get the current breakpoint configuration
+ */
+export declare function getCurrentBreakpointConfig(): Required<BreakpointConfig>;
+/**
+ * Get the current active breakpoint
+ */
+export declare function getCurrentBreakpoint(): Signal<BreakpointKey>;
+/**
+ * Get current viewport dimensions
+ */
+export declare function getViewportDimensions(): Signal<{
+    width: number;
+    height: number;
+}>;
+/**
+ * Initialize the responsive system (should be called once on app startup)
+ */
+export declare function initializeResponsiveSystem(): void;
+/**
+ * Create a breakpoint context for utilities
+ */
+export declare function createBreakpointContext(): BreakpointContext;
+/**
+ * Convert breakpoint value to numeric pixels for comparison
+ */
+export declare function breakpointToPixels(breakpoint: BreakpointKey): number;
+/**
+ * Get breakpoint index for comparison (base = 0, sm = 1, etc.)
+ */
+export declare function getBreakpointIndex(breakpoint: BreakpointKey): number;
+/**
+ * Check if breakpoint A is above breakpoint B
+ */
+export declare function isBreakpointAbove(a: BreakpointKey, b: BreakpointKey): boolean;
+/**
+ * Check if breakpoint A is below breakpoint B
+ */
+export declare function isBreakpointBelow(a: BreakpointKey, b: BreakpointKey): boolean;
+/**
+ * Generate CSS media query string for a breakpoint
+ */
+export declare function generateMediaQuery(breakpoint: BreakpointKey): string;
+/**
+ * Generate CSS media query for a range of breakpoints
+ */
+export declare function generateRangeMediaQuery(min: BreakpointKey, max?: BreakpointKey): string;
+/**
+ * Get all breakpoints sorted by size
+ */
+export declare function getSortedBreakpoints(): BreakpointKey[];
+/**
+ * Get breakpoints above a given breakpoint
+ */
+export declare function getBreakpointsAbove(breakpoint: BreakpointKey): BreakpointKey[];
+/**
+ * Get breakpoints below a given breakpoint
+ */
+export declare function getBreakpointsBelow(breakpoint: BreakpointKey): BreakpointKey[];
+/**
+ * Create common breakpoint configurations
+ */
+export declare const BreakpointPresets: {
+    readonly tailwind: BreakpointConfig;
+    readonly bootstrap: BreakpointConfig;
+    readonly material: BreakpointConfig;
+    readonly mobileFocus: BreakpointConfig;
+};
+//# sourceMappingURL=breakpoints.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,gBAAgB,EAEhB,iBAAiB,EAElB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAgB,MAAM,EAAE,MAAM,cAAc,CAAA;AAuBnD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAiB5E;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,QAAQ,CAAC,gBAAgB,CAAC,CAEvE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAAC,aAAa,CAAC,CAE5D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAC,CAED;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,IAAI,CAuBjD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,iBAAiB,CAgB3D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAcpE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAGpE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,GAAG,OAAO,CAE7E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,GAAG,OAAO,CAE7E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAOpE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,aAAa,EAClB,GAAG,CAAC,EAAE,aAAa,GAClB,MAAM,CAkBR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,aAAa,EAAE,CAEtD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,aAAa,GACxB,aAAa,EAAE,CAIjB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,aAAa,GACxB,aAAa,EAAE,CAIjB;AAmFD;;GAEG;AACH,eAAO,MAAM,iBAAiB;uBAQvB,gBAAgB;wBAShB,gBAAgB;uBAShB,gBAAgB;0BAShB,gBAAgB;CACb,CAAA"}

package/dist/modifiers/responsive/css-generator.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Responsive CSS Generation Engine
+ *
+ * Generates optimized CSS media queries from responsive modifier configurations.
+ * Supports mobile-first design patterns and advanced media query features.
+ */
+import { ResponsiveValue, ResponsiveStyleConfig, MediaQueryConfig, ResponsiveModifierResult } from './types';
+/**
+ * CSS generation options
+ */
+export interface CSSGenerationOptions {
+    selector: string;
+    generateMinified?: boolean;
+    includeComments?: boolean;
+    optimizeOutput?: boolean;
+    mobileFirst?: boolean;
+}
+/**
+ * Main CSS generation class
+ */
+export declare class ResponsiveCSSGenerator {
+    private options;
+    constructor(options: CSSGenerationOptions);
+    /**
+     * Generate complete responsive CSS from a style configuration
+     */
+    generateResponsiveCSS(config: ResponsiveStyleConfig): ResponsiveModifierResult;
+    /**
+     * Generate media queries for a single property
+     */
+    private generatePropertyMediaQueries;
+    /**
+     * Generate CSS rules from media queries and base styles
+     */
+    private generateCSSRules;
+    /**
+     * Group media queries by their query string for optimization
+     */
+    private groupQueriesByMediaQuery;
+    /**
+     * Generate a single CSS rule
+     */
+    private generateCSSRule;
+    /**
+     * Generate a CSS media query rule
+     */
+    private generateMediaQueryRule;
+    /**
+     * Convert camelCase property to CSS kebab-case
+     */
+    private toCSSProperty;
+    /**
+     * Format CSS value with appropriate units and validation
+     */
+    private formatCSSValue;
+    /**
+     * Add !important for properties that need to override base component styles
+     */
+    private addImportantIfNeeded;
+    /**
+     * Convert property name to appropriate CSS property (including custom properties)
+     */
+    private toCSSPropertyName;
+    /**
+     * Extract breakpoint name from media query for comments
+     */
+    private getBreakpointFromQuery;
+}
+/**
+ * Utility function to generate responsive CSS for a single property
+ */
+export declare function generateResponsiveProperty(selector: string, property: string, value: ResponsiveValue<any>, options?: Partial<CSSGenerationOptions>): string[];
+/**
+ * Utility function to generate media query for custom conditions
+ */
+export declare function generateCustomMediaQuery(selector: string, mediaQueryConfig: MediaQueryConfig, options?: Partial<CSSGenerationOptions>): string;
+/**
+ * CSS injection utilities for runtime application
+ */
+export declare class CSSInjector {
+    private static styleSheet;
+    private static injectedRules;
+    /**
+     * Get or create the tachUI responsive stylesheet
+     */
+    private static getStyleSheet;
+    /**
+     * Inject CSS rules into the document
+     */
+    static injectCSS(rules: string[]): void;
+    /**
+     * Clear all injected responsive CSS
+     */
+    static clearCSS(): void;
+    /**
+     * Check if a rule has been injected
+     */
+    static hasRule(rule: string): boolean;
+}
+//# sourceMappingURL=css-generator.d.ts.map

package/dist/modifiers/responsive/css-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/css-generator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEL,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAEhB,wBAAwB,EAEzB,MAAM,SAAS,CAAA;AAOhB;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;GAEG;AACH,qBAAa,sBAAsB;IACjC,OAAO,CAAC,OAAO,CAAgC;gBAEnC,OAAO,EAAE,oBAAoB;IAUzC;;OAEG;IACH,qBAAqB,CACnB,MAAM,EAAE,qBAAqB,GAC5B,wBAAwB;IAqC3B;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAyCpC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAmCxB;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAehC;;OAEG;IACH,OAAO,CAAC,eAAe;IAwBvB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA6B9B;;OAEG;IACH,OAAO,CAAC,aAAa;IAIrB;;OAEG;IACH,OAAO,CAAC,cAAc;IAuDtB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAsB5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;CAW/B;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,EAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACtC,MAAM,EAAE,CAgBV;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,MAAM,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACtC,MAAM,CAsBR;AAED;;GAEG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,UAAU,CAA6B;IACtD,OAAO,CAAC,MAAM,CAAC,aAAa,CAAoB;IAEhD;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,aAAa;IAa5B;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IAqBvC;;OAEG;IACH,MAAM,CAAC,QAAQ,IAAI,IAAI;IASvB;;OAEG;IACH,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CAGtC"}

package/dist/modifiers/responsive/dev-tools.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Responsive Development Tools and Debugging Features
+ *
+ * Provides comprehensive debugging, inspection, and development tools
+ * for the responsive design system.
+ */
+import { Signal } from '@tachui/core';
+import { ResponsiveValue, BreakpointKey, BreakpointContext } from './types';
+/**
+ * Development mode responsive debugging
+ */
+export declare class ResponsiveDevTools {
+    private static isEnabled;
+    private static debugOverlay;
+    private static logLevel;
+    /**
+     * Enable responsive development tools
+     */
+    static enable(options?: {
+        showOverlay?: boolean;
+        showBreakpoints?: boolean;
+        showPerformance?: boolean;
+        logLevel?: 'error' | 'warn' | 'info' | 'debug';
+        highlightResponsiveElements?: boolean;
+        position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    }): void;
+    /**
+     * Disable responsive development tools
+     */
+    static disable(): void;
+    /**
+     * Check if development tools are enabled
+     */
+    static get enabled(): boolean;
+    /**
+     * Log responsive information
+     */
+    private static log;
+    /**
+     * Create visual debug overlay
+     */
+    private static createDebugOverlay;
+    /**
+     * Update debug overlay content
+     */
+    private static updateDebugOverlay;
+    /**
+     * Enable element highlighting for responsive elements
+     */
+    private static enableElementHighlighting;
+    /**
+     * Disable element highlighting
+     */
+    private static disableElementHighlighting;
+    /**
+     * Highlight elements with responsive classes
+     */
+    private static highlightResponsiveElements;
+    /**
+     * Enable performance monitoring display
+     */
+    private static enablePerformanceMonitoring;
+    /**
+     * Log current responsive state
+     */
+    static logResponsiveState(): void;
+    /**
+     * Inspect a responsive value
+     */
+    static inspectResponsiveValue<T>(value: ResponsiveValue<T>, label?: string): void;
+    /**
+     * Test responsive behavior
+     */
+    static testResponsiveBehavior(responsiveValue: ResponsiveValue<any>, testBreakpoints?: BreakpointKey[]): Partial<Record<BreakpointKey, any>>;
+    /**
+     * Export responsive configuration for debugging
+     */
+    static exportConfiguration(): {
+        breakpoints: Record<BreakpointKey, string>;
+        currentContext: BreakpointContext;
+        performance: any;
+        mediaQueries: Record<string, boolean>;
+    };
+}
+/**
+ * Responsive value inspector hook
+ */
+export declare function useResponsiveInspector<T>(value: ResponsiveValue<T>, label?: string): Signal<{
+    resolvedValue: T | undefined;
+    activeBreakpoint: BreakpointKey;
+    allValues: Partial<Record<BreakpointKey, T>>;
+    isResponsive: boolean;
+}>;
+/**
+ * Browser compatibility testing utilities
+ */
+export declare class BrowserCompatibility {
+    /**
+     * Test CSS features support
+     */
+    static testCSSFeatures(): Record<string, boolean>;
+    /**
+     * Test responsive behavior across different viewport sizes
+     */
+    static testViewportSizes(callback: (width: number, height: number) => void): void;
+}
+//# sourceMappingURL=dev-tools.d.ts.map

package/dist/modifiers/responsive/dev-tools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tools.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/dev-tools.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAkB,MAAM,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EAElB,MAAM,SAAS,CAAA;AAShB;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAC,SAAS,CAAQ;IAChC,OAAO,CAAC,MAAM,CAAC,YAAY,CAA2B;IACtD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA8C;IAErE;;OAEG;IACH,MAAM,CAAC,MAAM,CACX,OAAO,GAAE;QACP,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;QAC9C,2BAA2B,CAAC,EAAE,OAAO,CAAA;QACrC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;KAChE,GACL,IAAI;IA2BP;;OAEG;IACH,MAAM,CAAC,OAAO,IAAI,IAAI;IAYtB;;OAEG;IACH,MAAM,KAAK,OAAO,IAAI,OAAO,CAE5B;IAED;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,GAAG;IAelB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IA0DjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAwFjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,yBAAyB;IAkDxC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,0BAA0B;IAazC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAkB1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAe1C;;OAEG;IACH,MAAM,CAAC,kBAAkB,IAAI,IAAI;IAmCjC;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAC7B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,KAAK,CAAC,EAAE,MAAM,GACb,IAAI;IA+CP;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAC3B,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,EACrC,eAAe,GAAE,aAAa,EAA4C,GACzE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;IAetC;;OAEG;IACH,MAAM,CAAC,mBAAmB,IAAI;QAC5B,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;QAC1C,cAAc,EAAE,iBAAiB,CAAA;QACjC,WAAW,EAAE,GAAG,CAAA;QAChB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KACtC;CA6BF;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,KAAK,CAAC,EAAE,MAAM,GACb,MAAM,CAAC;IACR,aAAa,EAAE,CAAC,GAAG,SAAS,CAAA;IAC5B,gBAAgB,EAAE,aAAa,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAA;IAC5C,YAAY,EAAE,OAAO,CAAA;CACtB,CAAC,CAsDD;AAED;;GAEG;AACH,qBAAa,oBAAoB;IAC/B;;OAEG;IACH,MAAM,CAAC,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAuCjD;;OAEG;IACH,MAAM,CAAC,iBAAiB,CACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,GAChD,IAAI;CAsBR"}

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

@@ -0,0 +1,29 @@
+/**
+ * Responsive Design System - Main Export
+ *
+ * Complete CSS-native responsive design system for tachUI.
+ * Provides mobile-first responsive modifiers with TypeScript support.
+ */
+export * from './types';
+export * from './breakpoints';
+export * from './css-generator';
+export * from './responsive-modifier';
+export * from './responsive-builder';
+export * from './utilities';
+export * from './layout-patterns';
+export * from './performance';
+export * from './advanced-utilities';
+export * from './dev-tools';
+export type { ResponsiveValue, BreakpointKey, ResponsiveStyleConfig, } from './types';
+export type { ResponsiveModifierBuilder } from './responsive-builder';
+export { ResponsiveModifierBuilderImpl, withResponsive, createResponsiveBuilder, } from './responsive-builder';
+export { configureBreakpoints, initializeResponsiveSystem, getCurrentBreakpointConfig, getCurrentBreakpoint, getViewportDimensions, createBreakpointContext, generateMediaQuery, BreakpointPresets, } from './breakpoints';
+export { createResponsiveModifier, createMediaQueryModifier, createResponsivePropertyModifier, createResponsiveLayoutModifier, } from './responsive-modifier';
+export { useBreakpoint, useMediaQuery, useResponsiveValue } from './utilities';
+export { DEFAULT_BREAKPOINTS } from './types';
+export { MediaQueries, enableResponsiveDebugOverlay, logResponsiveState, } from './utilities';
+export { ResponsiveGridPatterns, ResponsiveFlexPatterns, ResponsiveContainerPatterns, ResponsiveVisibilityPatterns, ResponsiveSpacingPatterns, ResponsiveTypographyPatterns, LayoutPatterns, ResponsiveGrid, Flex, Container, Visibility, Spacing, ResponsiveTypography, } from './layout-patterns';
+export { AdvancedBreakpointUtils, ResponsiveHooks, ResponsiveTargeting, ResponsiveDataUtils, ResponsiveAdvanced, } from './advanced-utilities';
+export { OptimizedCSSGenerator, ResponsivePerformanceMonitor, cssRuleCache, } from './performance';
+export { ResponsiveDevTools, BrowserCompatibility, useResponsiveInspector, } from './dev-tools';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,SAAS,CAAA;AAGvB,cAAc,eAAe,CAAA;AAG7B,cAAc,iBAAiB,CAAA;AAG/B,cAAc,uBAAuB,CAAA;AAGrC,cAAc,sBAAsB,CAAA;AAGpC,cAAc,aAAa,CAAA;AAG3B,cAAc,mBAAmB,CAAA;AAGjC,cAAc,eAAe,CAAA;AAG7B,cAAc,sBAAsB,CAAA;AAGpC,cAAc,aAAa,CAAA;AAG3B,YAAY,EACV,eAAe,EACf,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAEhB,YAAY,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAErE,OAAO,EACL,6BAA6B,EAC7B,cAAc,EACd,uBAAuB,GACxB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,gCAAgC,EAChC,8BAA8B,GAC/B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAE9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EACL,YAAY,EACZ,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,2BAA2B,EAC3B,4BAA4B,EAC5B,yBAAyB,EACzB,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,OAAO,EACP,oBAAoB,GACrB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,uBAAuB,EACvB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,YAAY,GACb,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,aAAa,CAAA"}