@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

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

@@ -1,130 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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;IAgBxB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAchC;;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;IAqBf;;OAEG;IACH,MAAM,CAAC,KAAK,IAAI,IAAI;CAGrB"}

package/dist/modifiers/responsive/performance.js

@@ -1,212 +0,0 @@
-var $ = Object.defineProperty, T = (u, e, t) => e in u ? $(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t, h = (u, e, t) => T(u, typeof e != "symbol" ? e + "" : e, t);
-class b {
-  constructor() {
-    h(this, "cache", /* @__PURE__ */ new Map()), h(this, "hitCount", 0), h(this, "missCount", 0);
-  }
-  get(e) {
-    const t = this.cache.get(e);
-    return t ? this.hitCount++ : this.missCount++, t;
-  }
-  set(e, t) {
-    this.cache.set(e, t);
-  }
-  clear() {
-    this.cache.clear(), this.hitCount = 0, this.missCount = 0;
-  }
-  getStats() {
-    return {
-      size: this.cache.size,
-      hitRate: this.hitCount / (this.hitCount + this.missCount) || 0,
-      hits: this.hitCount,
-      misses: this.missCount
-    };
-  }
-}
-const l = new b();
-class f {
-  /**
-   * Generate CSS with caching and batching
-   */
-  static generateOptimizedCSS(e, t, i = {}) {
-    const {
-      minify: s = process.env.NODE_ENV === "production",
-      batch: c = !0,
-      deduplicate: r = !0
-    } = i, n = this.createCacheKey(e, t, { minify: s });
-    if (r) {
-      const o = l.get(n);
-      if (o)
-        return o;
-    }
-    const a = this.generateCSS(e, t, { minify: s });
-    return r && l.set(n, a), c && a.trim() ? (this.addToBatch(a), "") : a;
-  }
-  /**
-   * Create cache key for CSS rule
-   */
-  static createCacheKey(e, t, i) {
-    return JSON.stringify({ selector: e, config: t, options: i });
-  }
-  /**
-   * Generate CSS without optimizations (for comparison)
-   */
-  static generateCSS(e, t, i) {
-    const { minify: s = !1 } = i, c = s ? "" : "  ", r = s ? "" : `
-`, n = s ? "" : " ";
-    let a = "";
-    const o = /* @__PURE__ */ new Set(), p = this.extractBaseStyles(t);
-    Object.keys(p).length > 0 && (a += `${e}${n}{${r}`, a += this.generateProperties(p, c, r, n), a += `}${r}`);
-    for (const [d, m] of Object.entries(t))
-      if (typeof m == "object" && m !== null)
-        for (const [S, y] of Object.entries(m)) {
-          if (S === "base") continue;
-          const C = this.getMediaQuery(S), g = `${C}:${d}`;
-          o.has(g) || (a += `@media ${C}${n}{${r}`, a += `${c}${e}${n}{${r}`, a += `${c}${c}${this.propertyToCSS(d)}:${n}${this.valueToCSS(y)};${r}`, a += `${c}}${r}`, a += `}${r}`, o.add(g));
-        }
-    return a;
-  }
-  /**
-   * Add CSS to batch queue
-   */
-  static addToBatch(e) {
-    this.ruleQueue.push(e), this.ruleQueue.length >= this.BATCH_SIZE ? this.flushBatch() : this.flushTimer || (this.flushTimer = window.setTimeout(() => this.flushBatch(), 16));
-  }
-  /**
-   * Flush batched CSS rules
-   */
-  static flushBatch() {
-    if (this.ruleQueue.length === 0) return;
-    const e = this.ruleQueue.join("");
-    this.ruleQueue = [], this.flushTimer && (clearTimeout(this.flushTimer), this.flushTimer = null), this.injectCSS(e);
-  }
-  /**
-   * Inject CSS into document
-   */
-  static injectCSS(e) {
-    if (typeof document > "u") return;
-    let t = document.getElementById("tachui-responsive-styles");
-    t || (t = document.createElement("style"), t.id = "tachui-responsive-styles", t.type = "text/css", document.head.appendChild(t)), t.appendChild(document.createTextNode(e));
-  }
-  /**
-   * Extract base (non-responsive) styles
-   */
-  static extractBaseStyles(e) {
-    const t = {};
-    for (const [i, s] of Object.entries(e))
-      typeof s != "object" || s === null ? t[i] = s : "base" in s && (t[i] = s.base);
-    return t;
-  }
-  /**
-   * Generate CSS properties
-   */
-  static generateProperties(e, t, i, s) {
-    let c = "";
-    for (const [r, n] of Object.entries(e))
-      n !== void 0 && (c += `${t}${this.propertyToCSS(r)}:${s}${this.valueToCSS(n)};${i}`);
-    return c;
-  }
-  /**
-   * Convert property name to CSS
-   */
-  static propertyToCSS(e) {
-    return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
-  }
-  /**
-   * Convert value to CSS
-   */
-  static valueToCSS(e) {
-    return typeof e == "number" ? `${e}px` : e.toString();
-  }
-  /**
-   * Get media query for breakpoint
-   */
-  static getMediaQuery(e) {
-    return {
-      base: "",
-      sm: "(min-width: 640px)",
-      md: "(min-width: 768px)",
-      lg: "(min-width: 1024px)",
-      xl: "(min-width: 1280px)",
-      "2xl": "(min-width: 1536px)"
-    }[e] || e;
-  }
-  /**
-   * Force flush any pending batched CSS
-   */
-  static flush() {
-    this.flushBatch();
-  }
-  /**
-   * Get performance statistics
-   */
-  static getStats() {
-    return {
-      cache: l.getStats(),
-      batch: {
-        queueSize: this.ruleQueue.length,
-        batchSize: this.BATCH_SIZE
-      }
-    };
-  }
-  /**
-   * Clear all caches and reset performance counters
-   */
-  static reset() {
-    l.clear(), this.ruleQueue = [], this.flushTimer && (clearTimeout(this.flushTimer), this.flushTimer = null);
-  }
-}
-h(f, "BATCH_SIZE", 50);
-h(f, "ruleQueue", []);
-h(f, "flushTimer", null);
-class w {
-  /**
-   * Start performance measurement
-   */
-  static startMeasurement(e) {
-    const t = performance.now();
-    return () => {
-      const i = performance.now() - t;
-      return this.recordMeasurement(e, i), i;
-    };
-  }
-  /**
-   * Record measurement
-   */
-  static recordMeasurement(e, t) {
-    this.measurements.has(e) || this.measurements.set(e, []);
-    const i = this.measurements.get(e);
-    i.push(t), i.length > 100 && i.shift();
-  }
-  /**
-   * Get performance statistics
-   */
-  static getStats() {
-    const e = {};
-    for (const [t, i] of this.measurements) {
-      const s = [...i].sort((r, n) => r - n), c = i.reduce((r, n) => r + n, 0) / i.length;
-      e[t] = {
-        count: i.length,
-        average: c,
-        min: s[0],
-        max: s[s.length - 1],
-        p50: s[Math.floor(s.length * 0.5)],
-        p95: s[Math.floor(s.length * 0.95)],
-        p99: s[Math.floor(s.length * 0.99)]
-      };
-    }
-    return e;
-  }
-  /**
-   * Clear all performance data
-   */
-  static reset() {
-    this.measurements.clear();
-  }
-}
-h(w, "measurements", /* @__PURE__ */ new Map());
-export {
-  f as OptimizedCSSGenerator,
-  w as ResponsivePerformanceMonitor,
-  l as cssRuleCache
-};
-//# sourceMappingURL=performance.js.map

package/dist/modifiers/responsive/performance.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"performance.js","sources":["../../../src/modifiers/responsive/performance.ts"],"sourcesContent":["/**\n * Responsive System Performance Optimizations\n * \n * Optimizes CSS generation, caching, and runtime performance for the responsive system.\n */\n\nimport { ResponsiveStyleConfig, BreakpointKey } from './types'\n\n/**\n * CSS rule cache for deduplication\n */\nclass CSSRuleCache {\n  private cache = new Map<string, string>()\n  private hitCount = 0\n  private missCount = 0\n  \n  get(key: string): string | undefined {\n    const result = this.cache.get(key)\n    if (result) {\n      this.hitCount++\n    } else {\n      this.missCount++\n    }\n    return result\n  }\n  \n  set(key: string, value: string): void {\n    this.cache.set(key, value)\n  }\n  \n  clear(): void {\n    this.cache.clear()\n    this.hitCount = 0\n    this.missCount = 0\n  }\n  \n  getStats() {\n    return {\n      size: this.cache.size,\n      hitRate: this.hitCount / (this.hitCount + this.missCount) || 0,\n      hits: this.hitCount,\n      misses: this.missCount\n    }\n  }\n}\n\n/**\n * Global CSS rule cache instance\n */\nexport const cssRuleCache = new CSSRuleCache()\n\n/**\n * Performance-optimized CSS generation\n */\nexport class OptimizedCSSGenerator {\n  private static readonly BATCH_SIZE = 50\n  private static ruleQueue: string[] = []\n  private static flushTimer: number | null = null\n  \n  /**\n   * Generate CSS with caching and batching\n   */\n  static generateOptimizedCSS(\n    selector: string,\n    config: ResponsiveStyleConfig,\n    options: {\n      minify?: boolean\n      batch?: boolean\n      deduplicate?: boolean\n    } = {}\n  ): string {\n    const {\n      minify = process.env.NODE_ENV === 'production',\n      batch = true,\n      deduplicate = true\n    } = options\n    \n    // Create cache key\n    const cacheKey = this.createCacheKey(selector, config, { minify })\n    \n    // Check cache first\n    if (deduplicate) {\n      const cached = cssRuleCache.get(cacheKey)\n      if (cached) {\n        return cached\n      }\n    }\n    \n    // Generate CSS\n    const css = this.generateCSS(selector, config, { minify })\n    \n    // Cache result\n    if (deduplicate) {\n      cssRuleCache.set(cacheKey, css)\n    }\n    \n    // Handle batching\n    if (batch && css.trim()) {\n      this.addToBatch(css)\n      return '' // Return empty since we're batching\n    }\n    \n    return css\n  }\n  \n  /**\n   * Create cache key for CSS rule\n   */\n  private static createCacheKey(\n    selector: string,\n    config: ResponsiveStyleConfig,\n    options: { minify?: boolean }\n  ): string {\n    return JSON.stringify({ selector, config, options })\n  }\n  \n  /**\n   * Generate CSS without optimizations (for comparison)\n   */\n  private static generateCSS(\n    selector: string,\n    config: ResponsiveStyleConfig,\n    options: { minify?: boolean }\n  ): string {\n    const { minify = false } = options\n    const indent = minify ? '' : '  '\n    const newline = minify ? '' : '\\n'\n    const space = minify ? '' : ' '\n    \n    let css = ''\n    const processedBreakpoints = new Set<string>()\n    \n    // Base styles first\n    const baseStyles = this.extractBaseStyles(config)\n    if (Object.keys(baseStyles).length > 0) {\n      css += `${selector}${space}{${newline}`\n      css += this.generateProperties(baseStyles, indent, newline, space)\n      css += `}${newline}`\n    }\n    \n    // Responsive styles\n    for (const [property, value] of Object.entries(config)) {\n      if (typeof value === 'object' && value !== null) {\n        for (const [breakpoint, breakpointValue] of Object.entries(value)) {\n          if (breakpoint === 'base') continue\n          \n          const mediaQuery = this.getMediaQuery(breakpoint as BreakpointKey)\n          const breakpointKey = `${mediaQuery}:${property}`\n          \n          if (!processedBreakpoints.has(breakpointKey)) {\n            css += `@media ${mediaQuery}${space}{${newline}`\n            css += `${indent}${selector}${space}{${newline}`\n            css += `${indent}${indent}${this.propertyToCSS(property)}:${space}${this.valueToCSS(breakpointValue)};${newline}`\n            css += `${indent}}${newline}`\n            css += `}${newline}`\n            \n            processedBreakpoints.add(breakpointKey)\n          }\n        }\n      }\n    }\n    \n    return css\n  }\n  \n  /**\n   * Add CSS to batch queue\n   */\n  private static addToBatch(css: string): void {\n    this.ruleQueue.push(css)\n    \n    if (this.ruleQueue.length >= this.BATCH_SIZE) {\n      this.flushBatch()\n    } else if (!this.flushTimer) {\n      this.flushTimer = window.setTimeout(() => this.flushBatch(), 16) // Next frame\n    }\n  }\n  \n  /**\n   * Flush batched CSS rules\n   */\n  private static flushBatch(): void {\n    if (this.ruleQueue.length === 0) return\n    \n    const batchedCSS = this.ruleQueue.join('')\n    this.ruleQueue = []\n    \n    if (this.flushTimer) {\n      clearTimeout(this.flushTimer)\n      this.flushTimer = null\n    }\n    \n    // Inject batched CSS\n    this.injectCSS(batchedCSS)\n  }\n  \n  /**\n   * Inject CSS into document\n   */\n  private static injectCSS(css: string): void {\n    if (typeof document === 'undefined') return\n    \n    let styleElement = document.getElementById('tachui-responsive-styles') as HTMLStyleElement\n    \n    if (!styleElement) {\n      styleElement = document.createElement('style')\n      styleElement.id = 'tachui-responsive-styles'\n      styleElement.type = 'text/css'\n      document.head.appendChild(styleElement)\n    }\n    \n    // Use standard approach (legacy IE support removed)\n    styleElement.appendChild(document.createTextNode(css))\n  }\n  \n  /**\n   * Extract base (non-responsive) styles\n   */\n  private static extractBaseStyles(config: ResponsiveStyleConfig): Record<string, any> {\n    const baseStyles: Record<string, any> = {}\n    \n    for (const [property, value] of Object.entries(config)) {\n      if (typeof value !== 'object' || value === null) {\n        baseStyles[property] = value\n      } else if ('base' in value) {\n        baseStyles[property] = value.base\n      }\n    }\n    \n    return baseStyles\n  }\n  \n  /**\n   * Generate CSS properties\n   */\n  private static generateProperties(\n    styles: Record<string, any>,\n    indent: string,\n    newline: string,\n    space: string\n  ): string {\n    let css = ''\n    \n    for (const [property, value] of Object.entries(styles)) {\n      if (value !== undefined) {\n        css += `${indent}${this.propertyToCSS(property)}:${space}${this.valueToCSS(value)};${newline}`\n      }\n    }\n    \n    return css\n  }\n  \n  /**\n   * Convert property name to CSS\n   */\n  private static propertyToCSS(property: string): string {\n    return property.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)\n  }\n  \n  /**\n   * Convert value to CSS\n   */\n  private static valueToCSS(value: any): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value.toString()\n  }\n  \n  /**\n   * Get media query for breakpoint\n   */\n  private static getMediaQuery(breakpoint: BreakpointKey): string {\n    const queries: Record<BreakpointKey, string> = {\n      base: '',\n      sm: '(min-width: 640px)',\n      md: '(min-width: 768px)',\n      lg: '(min-width: 1024px)',\n      xl: '(min-width: 1280px)',\n      '2xl': '(min-width: 1536px)'\n    }\n    \n    return queries[breakpoint] || breakpoint\n  }\n  \n  /**\n   * Force flush any pending batched CSS\n   */\n  static flush(): void {\n    this.flushBatch()\n  }\n  \n  /**\n   * Get performance statistics\n   */\n  static getStats() {\n    return {\n      cache: cssRuleCache.getStats(),\n      batch: {\n        queueSize: this.ruleQueue.length,\n        batchSize: this.BATCH_SIZE\n      }\n    }\n  }\n  \n  /**\n   * Clear all caches and reset performance counters\n   */\n  static reset(): void {\n    cssRuleCache.clear()\n    this.ruleQueue = []\n    if (this.flushTimer) {\n      clearTimeout(this.flushTimer)\n      this.flushTimer = null\n    }\n  }\n}\n\n/**\n * Performance monitoring for responsive system\n */\nexport class ResponsivePerformanceMonitor {\n  private static measurements = new Map<string, number[]>()\n  \n  /**\n   * Start performance measurement\n   */\n  static startMeasurement(name: string): () => number {\n    const startTime = performance.now()\n    \n    return () => {\n      const duration = performance.now() - startTime\n      this.recordMeasurement(name, duration)\n      return duration\n    }\n  }\n  \n  /**\n   * Record measurement\n   */\n  private static recordMeasurement(name: string, duration: number): void {\n    if (!this.measurements.has(name)) {\n      this.measurements.set(name, [])\n    }\n    \n    const measurements = this.measurements.get(name)!\n    measurements.push(duration)\n    \n    // Keep only last 100 measurements\n    if (measurements.length > 100) {\n      measurements.shift()\n    }\n  }\n  \n  /**\n   * Get performance statistics\n   */\n  static getStats() {\n    const stats: Record<string, any> = {}\n    \n    for (const [name, measurements] of this.measurements) {\n      const sorted = [...measurements].sort((a, b) => a - b)\n      const avg = measurements.reduce((sum, val) => sum + val, 0) / measurements.length\n      \n      stats[name] = {\n        count: measurements.length,\n        average: avg,\n        min: sorted[0],\n        max: sorted[sorted.length - 1],\n        p50: sorted[Math.floor(sorted.length * 0.5)],\n        p95: sorted[Math.floor(sorted.length * 0.95)],\n        p99: sorted[Math.floor(sorted.length * 0.99)]\n      }\n    }\n    \n    return stats\n  }\n  \n  /**\n   * Clear all performance data\n   */\n  static reset(): void {\n    this.measurements.clear()\n  }\n}"],"names":["CSSRuleCache","__publicField","key","result","value","cssRuleCache","OptimizedCSSGenerator","selector","config","options","minify","batch","deduplicate","cacheKey","cached","css","indent","newline","space","processedBreakpoints","baseStyles","property","breakpoint","breakpointValue","mediaQuery","breakpointKey","batchedCSS","styleElement","styles","match","ResponsivePerformanceMonitor","name","startTime","duration","measurements","stats","sorted","a","b","avg","sum","val"],"mappings":"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"}

package/dist/modifiers/responsive/responsive-builder.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./types.cjs"),t=require("./responsive-modifier.cjs");class a{constructor(r){return this.baseBuilder=r,new Proxy(this,{get(e,i){if(i in e||i==="base"||i==="sm"||i==="md"||i==="lg"||i==="xl"||i==="2xl")return e[i];const o=e.baseBuilder[i];return typeof o=="function"?(...p)=>(o.apply(e.baseBuilder,p),e.baseBuilder):o}})}addModifier(r){this.baseBuilder.addModifier(r)}build(){return this.baseBuilder.build()}responsive(r){const e=t.createResponsiveModifier(r);return this.baseBuilder.addModifier(e),this}mediaQuery(r,e){const i=t.createMediaQueryModifier(r,e);return this.baseBuilder.addModifier(i),this}orientation(r,e){const i=`(orientation: ${r})`,o=t.createMediaQueryModifier(i,e);return this.baseBuilder.addModifier(o),this}colorScheme(r,e){const i=`(prefers-color-scheme: ${r})`,o=t.createMediaQueryModifier(i,e);return this.baseBuilder.addModifier(o),this}reducedMotion(r){const i=t.createMediaQueryModifier("(prefers-reduced-motion: reduce)",r);return this.baseBuilder.addModifier(i),this}highContrast(r){const i=t.createMediaQueryModifier("(prefers-contrast: high)",r);return this.baseBuilder.addModifier(i),this}touchDevice(r){const i=t.createMediaQueryModifier("(pointer: coarse)",r);return this.baseBuilder.addModifier(i),this}mouseDevice(r){const i=t.createMediaQueryModifier("(pointer: fine)",r);return this.baseBuilder.addModifier(i),this}retina(r){const i=t.createMediaQueryModifier("(min-resolution: 2dppx)",r);return this.baseBuilder.addModifier(i),this}print(r){const i=t.createMediaQueryModifier("print",r);return this.baseBuilder.addModifier(i),this}responsiveLayout(r){const e=t.createResponsiveLayoutModifier(r);return this.baseBuilder.addModifier(e),this}responsiveWidth(r){const e=t.createResponsivePropertyModifier("width",r);return this.baseBuilder.addModifier(e),this}responsiveHeight(r){const e=t.createResponsivePropertyModifier("height",r);return this.baseBuilder.addModifier(e),this}responsiveSize(r){const e=t.createResponsiveModifier(r);return this.baseBuilder.addModifier(e),this}responsivePadding(r){if(n.isResponsiveValue(r)||typeof r=="string"||typeof r=="number"){const e=t.createResponsivePropertyModifier("padding",r);this.baseBuilder.addModifier(e)}else{const e={},i=r;i.all&&(e.padding=i.all),i.horizontal&&(e.paddingLeft=i.horizontal,e.paddingRight=i.horizontal),i.vertical&&(e.paddingTop=i.vertical,e.paddingBottom=i.vertical),i.top&&(e.paddingTop=i.top),i.right&&(e.paddingRight=i.right),i.bottom&&(e.paddingBottom=i.bottom),i.left&&(e.paddingLeft=i.left);const o=t.createResponsiveModifier(e);this.baseBuilder.addModifier(o)}return this}responsiveMargin(r){if(n.isResponsiveValue(r)||typeof r=="string"||typeof r=="number"){const e=t.createResponsivePropertyModifier("margin",r);this.baseBuilder.addModifier(e)}else{const e={},i=r;i.all&&(e.margin=i.all),i.horizontal&&(e.marginLeft=i.horizontal,e.marginRight=i.horizontal),i.vertical&&(e.marginTop=i.vertical,e.marginBottom=i.vertical),i.top&&(e.marginTop=i.top),i.right&&(e.marginRight=i.right),i.bottom&&(e.marginBottom=i.bottom),i.left&&(e.marginLeft=i.left);const o=t.createResponsiveModifier(e);this.baseBuilder.addModifier(o)}return this}responsiveFont(r){const e=t.createResponsiveModifier(r);return this.baseBuilder.addModifier(e),this}responsiveFontSize(r){const e=t.createResponsivePropertyModifier("fontSize",r);return this.baseBuilder.addModifier(e),this}responsiveTextAlign(r){const e=t.createResponsivePropertyModifier("textAlign",r);return this.baseBuilder.addModifier(e),this}get base(){return new s("base",this,this.baseBuilder)}get sm(){return new s("sm",this,this.baseBuilder)}get md(){return new s("md",this,this.baseBuilder)}get lg(){return new s("lg",this,this.baseBuilder)}get xl(){return new s("xl",this,this.baseBuilder)}get"2xl"(){return new s("2xl",this,this.baseBuilder)}}class s{constructor(r,e,i){this.breakpoint=r,this.parentBuilder=e,this.baseBuilder=i}width(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("width",e);return this.parentBuilder.addModifier(i),this.baseBuilder}height(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("height",e);return this.parentBuilder.addModifier(i),this.baseBuilder}minWidth(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("minWidth",e);return this.parentBuilder.addModifier(i),this.baseBuilder}maxWidth(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("maxWidth",e);return this.parentBuilder.addModifier(i),this.baseBuilder}minHeight(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("minHeight",e);return this.parentBuilder.addModifier(i),this.baseBuilder}maxHeight(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("maxHeight",e);return this.parentBuilder.addModifier(i),this.baseBuilder}padding(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("padding",e);return this.parentBuilder.addModifier(i),this.baseBuilder}paddingHorizontal(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("paddingLeft",e),o=t.createResponsivePropertyModifier("paddingRight",e);return this.parentBuilder.addModifier(i),this.parentBuilder.addModifier(o),this.baseBuilder}paddingVertical(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("paddingTop",e),o=t.createResponsivePropertyModifier("paddingBottom",e);return this.parentBuilder.addModifier(i),this.parentBuilder.addModifier(o),this.baseBuilder}paddingTop(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("paddingTop",e);return this.parentBuilder.addModifier(i),this.baseBuilder}paddingBottom(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("paddingBottom",e);return this.parentBuilder.addModifier(i),this.baseBuilder}paddingLeft(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("paddingLeft",e);return this.parentBuilder.addModifier(i),this.baseBuilder}paddingRight(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("paddingRight",e);return this.parentBuilder.addModifier(i),this.baseBuilder}margin(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("margin",e);return this.parentBuilder.addModifier(i),this.baseBuilder}marginHorizontal(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("marginLeft",e),o=t.createResponsivePropertyModifier("marginRight",e);return this.parentBuilder.addModifier(i),this.parentBuilder.addModifier(o),this.baseBuilder}marginVertical(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("marginTop",e),o=t.createResponsivePropertyModifier("marginBottom",e);return this.parentBuilder.addModifier(i),this.parentBuilder.addModifier(o),this.baseBuilder}marginTop(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("marginTop",e);return this.parentBuilder.addModifier(i),this.baseBuilder}marginBottom(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("marginBottom",e);return this.parentBuilder.addModifier(i),this.baseBuilder}marginLeft(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("marginLeft",e);return this.parentBuilder.addModifier(i),this.baseBuilder}marginRight(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("marginRight",e);return this.parentBuilder.addModifier(i),this.baseBuilder}fontSize(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("fontSize",e);return this.parentBuilder.addModifier(i),this.baseBuilder}textAlign(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("textAlign",e);return this.parentBuilder.addModifier(i),this.baseBuilder}display(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("display",e);return this.parentBuilder.addModifier(i),this.baseBuilder}flexDirection(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("flexDirection",e);return this.parentBuilder.addModifier(i),this.baseBuilder}justifyContent(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("justifyContent",e);return this.parentBuilder.addModifier(i),this.baseBuilder}alignItems(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("alignItems",e);return this.parentBuilder.addModifier(i),this.baseBuilder}backgroundColor(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("backgroundColor",e);return this.parentBuilder.addModifier(i),this.baseBuilder}color(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("color",e);return this.parentBuilder.addModifier(i),this.baseBuilder}opacity(r){const e={[this.breakpoint]:r},i=t.createResponsivePropertyModifier("opacity",e);return this.parentBuilder.addModifier(i),this.baseBuilder}}function u(d){return new a(d)}exports.ResponsiveModifierBuilderImpl=a;exports.createResponsiveBuilder=u;
-//# sourceMappingURL=responsive-builder.cjs.map

package/dist/modifiers/responsive/responsive-builder.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsive-builder.cjs","sources":["../../../src/modifiers/responsive/responsive-builder.ts"],"sourcesContent":["/**\n * Responsive Modifier Builder\n *\n * Extends the existing ModifierBuilder with responsive capabilities.\n * Provides a fluent API for creating responsive modifiers that integrate\n * seamlessly with the existing modifier system.\n */\n\nimport type { ModifierBuilder, Modifier } from '../types'\nimport type { ComponentInstance } from '../../runtime/types'\nimport {\n  ResponsiveValue,\n  ResponsiveStyleConfig,\n  ResponsiveSpacingConfig,\n  ResponsiveDimensionConfig,\n  ResponsiveTypographyConfig,\n  BreakpointKey,\n  isResponsiveValue\n} from './types'\nimport {\n  createResponsiveModifier,\n  createMediaQueryModifier,\n  createResponsivePropertyModifier,\n  createResponsiveLayoutModifier\n} from './responsive-modifier'\n\n/**\n * Responsive modifier builder interface\n */\nexport interface ResponsiveModifierBuilder<T extends ComponentInstance = ComponentInstance> {\n  // Core responsive methods\n  responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T>\n  mediaQuery(query: string, styles: Record<string, any>): ResponsiveModifierBuilder<T>\n\n  // Advanced media query methods\n  orientation(orientation: 'portrait' | 'landscape', styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  colorScheme(scheme: 'light' | 'dark', styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  retina(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  print(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n\n  // Responsive layout methods\n  responsiveLayout(config: {\n    direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>\n    wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>\n    justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>\n    align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>\n    gap?: ResponsiveValue<number | string>\n  }): ResponsiveModifierBuilder<T>\n\n  // Responsive dimension methods\n  responsiveWidth(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>\n  responsiveHeight(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>\n  responsiveSize(config: ResponsiveDimensionConfig): ResponsiveModifierBuilder<T>\n\n  // Responsive spacing methods\n  responsivePadding(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>\n  responsiveMargin(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>\n\n  // Responsive typography methods\n  responsiveFont(config: ResponsiveTypographyConfig): ResponsiveModifierBuilder<T>\n  responsiveFontSize(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>\n  responsiveTextAlign(value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>): ResponsiveModifierBuilder<T>\n\n  // Breakpoint shorthand methods\n  base: ResponsiveBreakpointBuilder<T>\n  sm: ResponsiveBreakpointBuilder<T>\n  md: ResponsiveBreakpointBuilder<T>\n  lg: ResponsiveBreakpointBuilder<T>\n  xl: ResponsiveBreakpointBuilder<T>\n  '2xl': ResponsiveBreakpointBuilder<T>\n\n  // Builder methods\n  addModifier(modifier: Modifier): void\n  build(): T\n}\n\n/**\n * Breakpoint-specific builder for shorthand syntax\n * Returns ModifierBuilder to allow chaining with regular modifiers after responsive ones\n */\nexport interface ResponsiveBreakpointBuilder<T extends ComponentInstance = ComponentInstance> {\n  // Layout properties\n  width(value: number | string): ModifierBuilder<T>\n  height(value: number | string): ModifierBuilder<T>\n  minWidth(value: number | string): ModifierBuilder<T>\n  maxWidth(value: number | string): ModifierBuilder<T>\n  minHeight(value: number | string): ModifierBuilder<T>\n  maxHeight(value: number | string): ModifierBuilder<T>\n  \n  // Padding properties\n  padding(value: number | string): ModifierBuilder<T>\n  paddingHorizontal(value: number | string): ModifierBuilder<T>\n  paddingVertical(value: number | string): ModifierBuilder<T>\n  paddingTop(value: number | string): ModifierBuilder<T>\n  paddingBottom(value: number | string): ModifierBuilder<T>\n  paddingLeft(value: number | string): ModifierBuilder<T>\n  paddingRight(value: number | string): ModifierBuilder<T>\n  \n  // Margin properties\n  margin(value: number | string): ModifierBuilder<T>\n  marginHorizontal(value: number | string): ModifierBuilder<T>\n  marginVertical(value: number | string): ModifierBuilder<T>\n  marginTop(value: number | string): ModifierBuilder<T>\n  marginBottom(value: number | string): ModifierBuilder<T>\n  marginLeft(value: number | string): ModifierBuilder<T>\n  marginRight(value: number | string): ModifierBuilder<T>\n\n  // Typography properties\n  fontSize(value: number | string): ModifierBuilder<T>\n  textAlign(value: 'left' | 'center' | 'right' | 'justify'): ModifierBuilder<T>\n\n  // Display properties\n  display(value: 'none' | 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid'): ModifierBuilder<T>\n\n  // Flexbox properties\n  flexDirection(value: 'row' | 'column' | 'row-reverse' | 'column-reverse'): ModifierBuilder<T>\n  justifyContent(value: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'): ModifierBuilder<T>\n  alignItems(value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'): ModifierBuilder<T>\n\n  // Visual properties\n  backgroundColor(value: string): ModifierBuilder<T>\n  color(value: string): ModifierBuilder<T>\n  opacity(value: number): ModifierBuilder<T>\n}\n\n/**\n * Implementation of responsive modifier builder using Proxy delegation\n */\nexport class ResponsiveModifierBuilderImpl<T extends ComponentInstance = ComponentInstance> implements ResponsiveModifierBuilder<T> {\n  constructor(private baseBuilder: ModifierBuilder<T>) {\n    // Return a Proxy that delegates unknown methods to baseBuilder\n    return new Proxy(this, {\n      get(target, prop) {\n        // If the method exists on this class, use it\n        if (prop in target) {\n          return target[prop as keyof ResponsiveModifierBuilderImpl<T>]\n        }\n\n        // Special handling for responsive breakpoint getters\n        if (prop === 'base' || prop === 'sm' || prop === 'md' || prop === 'lg' || prop === 'xl' || prop === '2xl') {\n          return target[prop as keyof ResponsiveModifierBuilderImpl<T>]\n        }\n\n        // Delegate everything else to baseBuilder\n        const baseProp = (target.baseBuilder as any)[prop]\n        if (typeof baseProp === 'function') {\n          return (...args: any[]) => {\n            baseProp.apply(target.baseBuilder, args)\n            // Return baseBuilder to maintain fluent chain\n            return target.baseBuilder\n          }\n        }\n\n        return baseProp\n      }\n    }) as ResponsiveModifierBuilderImpl<T>\n  }\n\n  // Delegate essential builder methods\n  addModifier(modifier: Modifier): void {\n    this.baseBuilder.addModifier(modifier)\n  }\n\n  build(): T {\n    return this.baseBuilder.build()\n  }\n\n  // Core responsive methods\n  responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsiveModifier(config)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  mediaQuery(query: string, styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Advanced media query methods\n  orientation(orientation: 'portrait' | 'landscape', styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = `(orientation: ${orientation})`\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  colorScheme(scheme: 'light' | 'dark', styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = `(prefers-color-scheme: ${scheme})`\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(prefers-reduced-motion: reduce)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(prefers-contrast: high)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(pointer: coarse)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(pointer: fine)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  retina(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(min-resolution: 2dppx)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  print(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = 'print'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Responsive layout methods\n  responsiveLayout(config: {\n    direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>\n    wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>\n    justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>\n    align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>\n    gap?: ResponsiveValue<number | string>\n  }): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsiveLayoutModifier(config)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Responsive dimension methods\n  responsiveWidth(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsivePropertyModifier('width', value)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  responsiveHeight(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsivePropertyModifier('height', value)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  responsiveSize(config: ResponsiveDimensionConfig): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsiveModifier(config)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Responsive spacing methods\n  responsivePadding(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T> {\n    if (isResponsiveValue(value) || typeof value === 'string' || typeof value === 'number') {\n      const modifier = createResponsivePropertyModifier('padding', value as ResponsiveValue<number | string>)\n      this.baseBuilder.addModifier(modifier)\n    } else {\n      // Handle spacing config\n      const styleConfig: ResponsiveStyleConfig = {}\n      const config = value as ResponsiveSpacingConfig\n\n      if (config.all) styleConfig.padding = config.all\n      if (config.horizontal) {\n        styleConfig.paddingLeft = config.horizontal\n        styleConfig.paddingRight = config.horizontal\n      }\n      if (config.vertical) {\n        styleConfig.paddingTop = config.vertical\n        styleConfig.paddingBottom = config.vertical\n      }\n      if (config.top) styleConfig.paddingTop = config.top\n      if (config.right) styleConfig.paddingRight = config.right\n      if (config.bottom) styleConfig.paddingBottom = config.bottom\n      if (config.left) styleConfig.paddingLeft = config.left\n\n      const modifier = createResponsiveModifier(styleConfig)\n      this.baseBuilder.addModifier(modifier)\n    }\n    return this\n  }\n\n  responsiveMargin(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T> {\n    if (isResponsiveValue(value) || typeof value === 'string' || typeof value === 'number') {\n      const modifier = createResponsivePropertyModifier('margin', value as ResponsiveValue<number | string>)\n      this.baseBuilder.addModifier(modifier)\n    } else {\n      // Handle spacing config\n      const styleConfig: ResponsiveStyleConfig = {}\n      const config = value as ResponsiveSpacingConfig\n\n      if (config.all) styleConfig.margin = config.all\n      if (config.horizontal) {\n        styleConfig.marginLeft = config.horizontal\n        styleConfig.marginRight = config.horizontal\n      }\n      if (config.vertical) {\n        styleConfig.marginTop = config.vertical\n        styleConfig.marginBottom = config.vertical\n      }\n      if (config.top) styleConfig.marginTop = config.top\n      if (config.right) styleConfig.marginRight = config.right\n      if (config.bottom) styleConfig.marginBottom = config.bottom\n      if (config.left) styleConfig.marginLeft = config.left\n\n      const modifier = createResponsiveModifier(styleConfig)\n      this.baseBuilder.addModifier(modifier)\n    }\n    return this\n  }\n\n  // Responsive typography methods\n  responsiveFont(config: ResponsiveTypographyConfig): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsiveModifier(config)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  responsiveFontSize(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsivePropertyModifier('fontSize', value)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  responsiveTextAlign(value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsivePropertyModifier('textAlign', value)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Breakpoint shorthand methods\n  get base(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('base', this, this.baseBuilder)\n  }\n\n  get sm(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('sm', this, this.baseBuilder)\n  }\n\n  get md(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('md', this, this.baseBuilder)\n  }\n\n  get lg(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('lg', this, this.baseBuilder)\n  }\n\n  get xl(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('xl', this, this.baseBuilder)\n  }\n\n  get '2xl'(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('2xl', this, this.baseBuilder)\n  }\n\n  // Delegate to base builder methods\n  [key: string]: any\n}\n\n/**\n * Implementation of breakpoint-specific builder\n */\nclass ResponsiveBreakpointBuilderImpl<T extends ComponentInstance = ComponentInstance> implements ResponsiveBreakpointBuilder<T> {\n  constructor(\n    private breakpoint: BreakpointKey,\n    private parentBuilder: ResponsiveModifierBuilder<T>,\n    private baseBuilder: ModifierBuilder<T>\n  ) {}\n\n  // Layout properties\n  width(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('width', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  height(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('height', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  minWidth(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('minWidth', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  maxWidth(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('maxWidth', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  minHeight(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('minHeight', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  maxHeight(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('maxHeight', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  padding(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('padding', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  paddingHorizontal(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const leftModifier = createResponsivePropertyModifier('paddingLeft', responsiveValue)\n    const rightModifier = createResponsivePropertyModifier('paddingRight', responsiveValue)\n    this.parentBuilder.addModifier(leftModifier)\n    this.parentBuilder.addModifier(rightModifier)\n    return this.baseBuilder\n  }\n\n  paddingVertical(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const topModifier = createResponsivePropertyModifier('paddingTop', responsiveValue)\n    const bottomModifier = createResponsivePropertyModifier('paddingBottom', responsiveValue)\n    this.parentBuilder.addModifier(topModifier)\n    this.parentBuilder.addModifier(bottomModifier)\n    return this.baseBuilder\n  }\n\n  paddingTop(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('paddingTop', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  paddingBottom(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('paddingBottom', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  paddingLeft(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('paddingLeft', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  paddingRight(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('paddingRight', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  margin(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('margin', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  marginHorizontal(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const leftModifier = createResponsivePropertyModifier('marginLeft', responsiveValue)\n    const rightModifier = createResponsivePropertyModifier('marginRight', responsiveValue)\n    this.parentBuilder.addModifier(leftModifier)\n    this.parentBuilder.addModifier(rightModifier)\n    return this.baseBuilder\n  }\n\n  marginVertical(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const topModifier = createResponsivePropertyModifier('marginTop', responsiveValue)\n    const bottomModifier = createResponsivePropertyModifier('marginBottom', responsiveValue)\n    this.parentBuilder.addModifier(topModifier)\n    this.parentBuilder.addModifier(bottomModifier)\n    return this.baseBuilder\n  }\n\n  marginTop(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('marginTop', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  marginBottom(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('marginBottom', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  marginLeft(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('marginLeft', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  marginRight(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('marginRight', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  // Typography properties\n  fontSize(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('fontSize', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  textAlign(value: 'left' | 'center' | 'right' | 'justify'): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('textAlign', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  // Display properties\n  display(value: 'none' | 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid'): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('display', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  // Flexbox properties\n  flexDirection(value: 'row' | 'column' | 'row-reverse' | 'column-reverse'): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('flexDirection', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  justifyContent(value: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('justifyContent', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  alignItems(value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('alignItems', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  // Visual properties\n  backgroundColor(value: string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('backgroundColor', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  color(value: string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('color', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  opacity(value: number): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('opacity', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n}\n\n/**\n * Utility function to wrap existing modifier builder with responsive capabilities\n */\nexport function withResponsive<T extends ComponentInstance = ComponentInstance>(builder: ModifierBuilder<T>): ResponsiveModifierBuilder<T> {\n  return new ResponsiveModifierBuilderImpl(builder)\n}\n\n/**\n * Create a responsive modifier builder from scratch\n */\nexport function createResponsiveBuilder<T extends ComponentInstance = ComponentInstance>(baseBuilder: ModifierBuilder<T>): ResponsiveModifierBuilder<T> {\n  return new ResponsiveModifierBuilderImpl(baseBuilder)\n}\n"],"names":["ResponsiveModifierBuilderImpl","baseBuilder","target","prop","baseProp","args","modifier","config","createResponsiveModifier","query","styles","createMediaQueryModifier","orientation","scheme","createResponsiveLayoutModifier","value","createResponsivePropertyModifier","isResponsiveValue","styleConfig","ResponsiveBreakpointBuilderImpl","breakpoint","parentBuilder","responsiveValue","leftModifier","rightModifier","topModifier","bottomModifier","createResponsiveBuilder"],"mappings":"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"}

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

@@ -1,133 +0,0 @@
-/**
- * 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 '../types';
-import type { ComponentInstance } from '../../runtime/types';
-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

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