@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

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.js

@@ -1,272 +0,0 @@
-import { isResponsiveValue as u } from "./types.js";
-import { createResponsiveModifier as n, createMediaQueryModifier as o, createResponsiveLayoutModifier as l, createResponsivePropertyModifier as t } from "./responsive-modifier.js";
-class f {
-  constructor(r) {
-    return this.baseBuilder = r, new Proxy(this, {
-      get(i, e) {
-        if (e in i || e === "base" || e === "sm" || e === "md" || e === "lg" || e === "xl" || e === "2xl")
-          return i[e];
-        const s = i.baseBuilder[e];
-        return typeof s == "function" ? (...h) => (s.apply(i.baseBuilder, h), i.baseBuilder) : s;
-      }
-    });
-  }
-  // Delegate essential builder methods
-  addModifier(r) {
-    this.baseBuilder.addModifier(r);
-  }
-  build() {
-    return this.baseBuilder.build();
-  }
-  // Core responsive methods
-  responsive(r) {
-    const i = n(r);
-    return this.baseBuilder.addModifier(i), this;
-  }
-  mediaQuery(r, i) {
-    const e = o(r, i);
-    return this.baseBuilder.addModifier(e), this;
-  }
-  // Advanced media query methods
-  orientation(r, i) {
-    const e = `(orientation: ${r})`, s = o(e, i);
-    return this.baseBuilder.addModifier(s), this;
-  }
-  colorScheme(r, i) {
-    const e = `(prefers-color-scheme: ${r})`, s = o(e, i);
-    return this.baseBuilder.addModifier(s), this;
-  }
-  reducedMotion(r) {
-    const e = o("(prefers-reduced-motion: reduce)", r);
-    return this.baseBuilder.addModifier(e), this;
-  }
-  highContrast(r) {
-    const e = o("(prefers-contrast: high)", r);
-    return this.baseBuilder.addModifier(e), this;
-  }
-  touchDevice(r) {
-    const e = o("(pointer: coarse)", r);
-    return this.baseBuilder.addModifier(e), this;
-  }
-  mouseDevice(r) {
-    const e = o("(pointer: fine)", r);
-    return this.baseBuilder.addModifier(e), this;
-  }
-  retina(r) {
-    const e = o("(min-resolution: 2dppx)", r);
-    return this.baseBuilder.addModifier(e), this;
-  }
-  print(r) {
-    const e = o("print", r);
-    return this.baseBuilder.addModifier(e), this;
-  }
-  // Responsive layout methods
-  responsiveLayout(r) {
-    const i = l(r);
-    return this.baseBuilder.addModifier(i), this;
-  }
-  // Responsive dimension methods
-  responsiveWidth(r) {
-    const i = t("width", r);
-    return this.baseBuilder.addModifier(i), this;
-  }
-  responsiveHeight(r) {
-    const i = t("height", r);
-    return this.baseBuilder.addModifier(i), this;
-  }
-  responsiveSize(r) {
-    const i = n(r);
-    return this.baseBuilder.addModifier(i), this;
-  }
-  // Responsive spacing methods
-  responsivePadding(r) {
-    if (u(r) || typeof r == "string" || typeof r == "number") {
-      const i = t("padding", r);
-      this.baseBuilder.addModifier(i);
-    } else {
-      const i = {}, e = r;
-      e.all && (i.padding = e.all), e.horizontal && (i.paddingLeft = e.horizontal, i.paddingRight = e.horizontal), e.vertical && (i.paddingTop = e.vertical, i.paddingBottom = e.vertical), e.top && (i.paddingTop = e.top), e.right && (i.paddingRight = e.right), e.bottom && (i.paddingBottom = e.bottom), e.left && (i.paddingLeft = e.left);
-      const s = n(i);
-      this.baseBuilder.addModifier(s);
-    }
-    return this;
-  }
-  responsiveMargin(r) {
-    if (u(r) || typeof r == "string" || typeof r == "number") {
-      const i = t("margin", r);
-      this.baseBuilder.addModifier(i);
-    } else {
-      const i = {}, e = r;
-      e.all && (i.margin = e.all), e.horizontal && (i.marginLeft = e.horizontal, i.marginRight = e.horizontal), e.vertical && (i.marginTop = e.vertical, i.marginBottom = e.vertical), e.top && (i.marginTop = e.top), e.right && (i.marginRight = e.right), e.bottom && (i.marginBottom = e.bottom), e.left && (i.marginLeft = e.left);
-      const s = n(i);
-      this.baseBuilder.addModifier(s);
-    }
-    return this;
-  }
-  // Responsive typography methods
-  responsiveFont(r) {
-    const i = n(r);
-    return this.baseBuilder.addModifier(i), this;
-  }
-  responsiveFontSize(r) {
-    const i = t("fontSize", r);
-    return this.baseBuilder.addModifier(i), this;
-  }
-  responsiveTextAlign(r) {
-    const i = t("textAlign", r);
-    return this.baseBuilder.addModifier(i), this;
-  }
-  // Breakpoint shorthand methods
-  get base() {
-    return new d("base", this, this.baseBuilder);
-  }
-  get sm() {
-    return new d("sm", this, this.baseBuilder);
-  }
-  get md() {
-    return new d("md", this, this.baseBuilder);
-  }
-  get lg() {
-    return new d("lg", this, this.baseBuilder);
-  }
-  get xl() {
-    return new d("xl", this, this.baseBuilder);
-  }
-  get "2xl"() {
-    return new d("2xl", this, this.baseBuilder);
-  }
-}
-class d {
-  constructor(r, i, e) {
-    this.breakpoint = r, this.parentBuilder = i, this.baseBuilder = e;
-  }
-  // Layout properties
-  width(r) {
-    const i = { [this.breakpoint]: r }, e = t("width", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  height(r) {
-    const i = { [this.breakpoint]: r }, e = t("height", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  minWidth(r) {
-    const i = { [this.breakpoint]: r }, e = t("minWidth", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  maxWidth(r) {
-    const i = { [this.breakpoint]: r }, e = t("maxWidth", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  minHeight(r) {
-    const i = { [this.breakpoint]: r }, e = t("minHeight", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  maxHeight(r) {
-    const i = { [this.breakpoint]: r }, e = t("maxHeight", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  padding(r) {
-    const i = { [this.breakpoint]: r }, e = t("padding", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  paddingHorizontal(r) {
-    const i = { [this.breakpoint]: r }, e = t("paddingLeft", i), s = t("paddingRight", i);
-    return this.parentBuilder.addModifier(e), this.parentBuilder.addModifier(s), this.baseBuilder;
-  }
-  paddingVertical(r) {
-    const i = { [this.breakpoint]: r }, e = t("paddingTop", i), s = t("paddingBottom", i);
-    return this.parentBuilder.addModifier(e), this.parentBuilder.addModifier(s), this.baseBuilder;
-  }
-  paddingTop(r) {
-    const i = { [this.breakpoint]: r }, e = t("paddingTop", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  paddingBottom(r) {
-    const i = { [this.breakpoint]: r }, e = t("paddingBottom", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  paddingLeft(r) {
-    const i = { [this.breakpoint]: r }, e = t("paddingLeft", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  paddingRight(r) {
-    const i = { [this.breakpoint]: r }, e = t("paddingRight", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  margin(r) {
-    const i = { [this.breakpoint]: r }, e = t("margin", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  marginHorizontal(r) {
-    const i = { [this.breakpoint]: r }, e = t("marginLeft", i), s = t("marginRight", i);
-    return this.parentBuilder.addModifier(e), this.parentBuilder.addModifier(s), this.baseBuilder;
-  }
-  marginVertical(r) {
-    const i = { [this.breakpoint]: r }, e = t("marginTop", i), s = t("marginBottom", i);
-    return this.parentBuilder.addModifier(e), this.parentBuilder.addModifier(s), this.baseBuilder;
-  }
-  marginTop(r) {
-    const i = { [this.breakpoint]: r }, e = t("marginTop", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  marginBottom(r) {
-    const i = { [this.breakpoint]: r }, e = t("marginBottom", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  marginLeft(r) {
-    const i = { [this.breakpoint]: r }, e = t("marginLeft", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  marginRight(r) {
-    const i = { [this.breakpoint]: r }, e = t("marginRight", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  // Typography properties
-  fontSize(r) {
-    const i = { [this.breakpoint]: r }, e = t("fontSize", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  textAlign(r) {
-    const i = { [this.breakpoint]: r }, e = t("textAlign", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  // Display properties
-  display(r) {
-    const i = { [this.breakpoint]: r }, e = t("display", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  // Flexbox properties
-  flexDirection(r) {
-    const i = { [this.breakpoint]: r }, e = t("flexDirection", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  justifyContent(r) {
-    const i = { [this.breakpoint]: r }, e = t("justifyContent", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  alignItems(r) {
-    const i = { [this.breakpoint]: r }, e = t("alignItems", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  // Visual properties
-  backgroundColor(r) {
-    const i = { [this.breakpoint]: r }, e = t("backgroundColor", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  color(r) {
-    const i = { [this.breakpoint]: r }, e = t("color", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-  opacity(r) {
-    const i = { [this.breakpoint]: r }, e = t("opacity", i);
-    return this.parentBuilder.addModifier(e), this.baseBuilder;
-  }
-}
-function m(a) {
-  return new f(a);
-}
-export {
-  f as ResponsiveModifierBuilderImpl,
-  m as createResponsiveBuilder
-};
-//# sourceMappingURL=responsive-builder.js.map