@tachui/core 0.7.0-alpha1

package/dist/modifiers/responsive/layout-patterns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-patterns.js","sources":["../../../src/modifiers/responsive/layout-patterns.ts"],"sourcesContent":["/**\n * Responsive Layout Utility Patterns\n * \n * Provides common responsive layout patterns and utilities that make it easy\n * to create responsive designs without writing custom CSS for every use case.\n */\n\nimport { \n  ResponsiveValue, \n  BreakpointKey, \n  ResponsiveSpacingConfig\n} from './types'\nimport { createResponsiveModifier } from './responsive-modifier'\n\n/**\n * Configuration for responsive grid layout\n */\nexport interface ResponsiveGridConfig {\n  columns?: ResponsiveValue<number>\n  rows?: ResponsiveValue<number>\n  gap?: ResponsiveValue<string | number>\n  columnGap?: ResponsiveValue<string | number>\n  rowGap?: ResponsiveValue<string | number>\n  autoFlow?: ResponsiveValue<'row' | 'column' | 'row dense' | 'column dense'>\n  autoRows?: ResponsiveValue<string>\n  autoColumns?: ResponsiveValue<string>\n  templateAreas?: ResponsiveValue<string>\n}\n\n/**\n * Configuration for responsive flexbox layout\n */\nexport interface ResponsiveFlexConfig {\n  direction?: ResponsiveValue<'row' | 'row-reverse' | 'column' | '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  alignContent?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around'>\n  gap?: ResponsiveValue<string | number>\n  columnGap?: ResponsiveValue<string | number>\n  rowGap?: ResponsiveValue<string | number>\n}\n\n/**\n * Configuration for responsive container layout\n */\nexport interface ResponsiveContainerConfig {\n  maxWidth?: ResponsiveValue<string | number>\n  width?: ResponsiveValue<string | number>\n  padding?: ResponsiveValue<string | number>\n  margin?: ResponsiveValue<string | number>\n  centerContent?: ResponsiveValue<boolean>\n}\n\n\n/**\n * Responsive Grid Layout Utilities\n */\nexport class ResponsiveGridPatterns {\n  /**\n   * Create a responsive grid with automatic column sizing\n   */\n  static autoFit(config: {\n    minColumnWidth: ResponsiveValue<string | number>\n    gap?: ResponsiveValue<string | number>\n    maxColumns?: ResponsiveValue<number>\n  }) {\n    const gridConfig: any = {}\n    \n    if (typeof config.minColumnWidth === 'object') {\n      // Handle responsive minColumnWidth\n      gridConfig.gridTemplateColumns = {}\n      for (const [breakpoint, width] of Object.entries(config.minColumnWidth)) {\n        const widthValue = typeof width === 'number' ? `${width}px` : width\n        const maxCols = config.maxColumns && typeof config.maxColumns === 'object' \n          ? config.maxColumns[breakpoint as BreakpointKey] || 'auto'\n          : config.maxColumns || 'auto'\n        \n        gridConfig.gridTemplateColumns[breakpoint] = maxCols === 'auto' \n          ? `repeat(auto-fit, minmax(${widthValue}, 1fr))`\n          : `repeat(${maxCols}, minmax(${widthValue}, 1fr))`\n      }\n    } else {\n      const widthValue = typeof config.minColumnWidth === 'number' ? `${config.minColumnWidth}px` : config.minColumnWidth\n      const maxCols = config.maxColumns || 'auto'\n      gridConfig.gridTemplateColumns = maxCols === 'auto'\n        ? `repeat(auto-fit, minmax(${widthValue}, 1fr))`\n        : `repeat(${maxCols}, minmax(${widthValue}, 1fr))`\n    }\n    \n    if (config.gap) {\n      gridConfig.gap = config.gap\n    }\n    \n    gridConfig.display = 'grid'\n    \n    return createResponsiveModifier(gridConfig)\n  }\n  \n  /**\n   * Create a responsive grid with explicit column counts\n   */\n  static columns(columns: ResponsiveValue<number>, config?: {\n    gap?: ResponsiveValue<string | number>\n    rowGap?: ResponsiveValue<string | number>\n    autoRows?: ResponsiveValue<string>\n  }) {\n    const gridConfig: any = {\n      display: 'grid',\n      gridTemplateColumns: typeof columns === 'object' \n        ? Object.fromEntries(\n            Object.entries(columns).map(([bp, cols]) => [bp, `repeat(${cols}, 1fr)`])\n          )\n        : `repeat(${columns}, 1fr)`\n    }\n    \n    if (config?.gap) gridConfig.gap = config.gap\n    if (config?.rowGap) gridConfig.rowGap = config.rowGap\n    if (config?.autoRows) gridConfig.gridAutoRows = config.autoRows\n    \n    return createResponsiveModifier(gridConfig)\n  }\n  \n  /**\n   * Create responsive masonry-style grid\n   */\n  static masonry(config: {\n    columns: ResponsiveValue<number>\n    gap?: ResponsiveValue<string | number>\n  }) {\n    const gridConfig: any = {\n      display: 'grid',\n      gridTemplateColumns: typeof config.columns === 'object'\n        ? Object.fromEntries(\n            Object.entries(config.columns).map(([bp, cols]) => [bp, `repeat(${cols}, 1fr)`])\n          )\n        : `repeat(${config.columns}, 1fr)`,\n      gridAutoRows: 'max-content'\n    }\n    \n    if (config.gap) gridConfig.gap = config.gap\n    \n    return createResponsiveModifier(gridConfig)\n  }\n}\n\n/**\n * Responsive Flexbox Layout Utilities\n */\nexport class ResponsiveFlexPatterns {\n  /**\n   * Create a responsive flex container that stacks on mobile, flows horizontally on desktop\n   */\n  static stackToRow(config?: {\n    stackBreakpoint?: BreakpointKey\n    gap?: ResponsiveValue<string | number>\n    align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>\n    justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>\n  }) {\n    const stackBreakpoint = config?.stackBreakpoint || 'md'\n    \n    const flexConfig: any = {\n      display: 'flex',\n      flexDirection: {\n        base: 'column',\n        [stackBreakpoint]: 'row'\n      }\n    }\n    \n    if (config?.gap) flexConfig.gap = config.gap\n    if (config?.align) flexConfig.alignItems = config.align\n    if (config?.justify) flexConfig.justifyContent = config.justify\n    \n    return createResponsiveModifier(flexConfig)\n  }\n  \n  /**\n   * Create a responsive flex container with wrapping behavior\n   */\n  static wrap(config?: ResponsiveFlexConfig) {\n    const flexConfig: any = {\n      display: 'flex',\n      flexWrap: 'wrap',\n      ...config\n    }\n    \n    return createResponsiveModifier(flexConfig)\n  }\n  \n  /**\n   * Create centered flex layout\n   */\n  static center(direction: ResponsiveValue<'row' | 'column'> = 'row') {\n    const flexConfig: any = {\n      display: 'flex',\n      flexDirection: direction,\n      justifyContent: 'center',\n      alignItems: 'center'\n    }\n    \n    return createResponsiveModifier(flexConfig)\n  }\n  \n  /**\n   * Create space-between flex layout\n   */\n  static spaceBetween(direction: ResponsiveValue<'row' | 'column'> = 'row') {\n    const flexConfig: any = {\n      display: 'flex',\n      flexDirection: direction,\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    }\n    \n    return createResponsiveModifier(flexConfig)\n  }\n}\n\n/**\n * Responsive Container Utilities\n */\nexport class ResponsiveContainerPatterns {\n  /**\n   * Create a responsive container with max-width constraints\n   */\n  static container(config?: ResponsiveContainerConfig) {\n    const containerConfig: any = {\n      width: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto'\n    }\n    \n    if (config?.maxWidth) {\n      containerConfig.maxWidth = config.maxWidth\n    } else {\n      // Default responsive max-widths\n      containerConfig.maxWidth = {\n        sm: '640px',\n        md: '768px',\n        lg: '1024px',\n        xl: '1280px',\n        '2xl': '1536px'\n      }\n    }\n    \n    if (config?.padding) {\n      containerConfig.paddingLeft = config.padding\n      containerConfig.paddingRight = config.padding\n    }\n    \n    if (config?.margin) {\n      containerConfig.marginTop = config.margin\n      containerConfig.marginBottom = config.margin\n    }\n    \n    return createResponsiveModifier(containerConfig)\n  }\n  \n  /**\n   * Create a full-width container that breaks out of constraints\n   */\n  static fullWidth() {\n    return createResponsiveModifier({\n      width: '100vw',\n      marginLeft: 'calc(-50vw + 50%)',\n      marginRight: 'calc(-50vw + 50%)'\n    })\n  }\n  \n  /**\n   * Create a section container with responsive padding\n   */\n  static section(config?: {\n    paddingY?: ResponsiveValue<string | number>\n    paddingX?: ResponsiveValue<string | number>\n    maxWidth?: ResponsiveValue<string | number>\n  }) {\n    const sectionConfig: any = {}\n    \n    if (config?.paddingY) {\n      sectionConfig.paddingTop = config.paddingY\n      sectionConfig.paddingBottom = config.paddingY\n    }\n    \n    if (config?.paddingX) {\n      sectionConfig.paddingLeft = config.paddingX\n      sectionConfig.paddingRight = config.paddingX\n    }\n    \n    if (config?.maxWidth) {\n      sectionConfig.maxWidth = config.maxWidth\n      sectionConfig.marginLeft = 'auto'\n      sectionConfig.marginRight = 'auto'\n    }\n    \n    return createResponsiveModifier(sectionConfig)\n  }\n}\n\n/**\n * Responsive Visibility Utilities\n */\nexport class ResponsiveVisibilityPatterns {\n  /**\n   * Show element only on specific breakpoints\n   */\n  static showOn(breakpoints: BreakpointKey[]) {\n    const displayConfig: any = {\n      display: {} // Start with empty object\n    }\n    \n    // Show on specified breakpoints\n    for (const breakpoint of breakpoints) {\n      displayConfig.display[breakpoint] = 'block'\n    }\n    \n    return createResponsiveModifier(displayConfig)\n  }\n  \n  /**\n   * Hide element only on specific breakpoints\n   */\n  static hideOn(breakpoints: BreakpointKey[]) {\n    const displayConfig: any = {\n      display: {} // Start with empty object\n    }\n    \n    // Hide on specified breakpoints\n    for (const breakpoint of breakpoints) {\n      displayConfig.display[breakpoint] = 'none'\n    }\n    \n    return createResponsiveModifier(displayConfig)\n  }\n  \n  /**\n   * Show on mobile, hide on desktop\n   */\n  static mobileOnly() {\n    return createResponsiveModifier({\n      display: {\n        base: 'block',\n        md: 'none'\n      }\n    })\n  }\n  \n  /**\n   * Hide on mobile, show on desktop\n   */\n  static desktopOnly() {\n    return createResponsiveModifier({\n      display: {\n        base: 'none',\n        md: 'block'\n      }\n    })\n  }\n  \n  /**\n   * Show only on tablet breakpoint\n   */\n  static tabletOnly() {\n    return createResponsiveModifier({\n      display: {\n        base: 'none',\n        md: 'block',\n        lg: 'none'\n      }\n    })\n  }\n}\n\n/**\n * Responsive Spacing Utilities\n */\nexport class ResponsiveSpacingPatterns {\n  /**\n   * Create responsive padding\n   */\n  static padding(config: ResponsiveSpacingConfig) {\n    const paddingConfig: any = {}\n    \n    if (config.all) paddingConfig.padding = config.all\n    if (config.horizontal) {\n      paddingConfig.paddingLeft = config.horizontal\n      paddingConfig.paddingRight = config.horizontal\n    }\n    if (config.vertical) {\n      paddingConfig.paddingTop = config.vertical\n      paddingConfig.paddingBottom = config.vertical\n    }\n    if (config.top) paddingConfig.paddingTop = config.top\n    if (config.right) paddingConfig.paddingRight = config.right\n    if (config.bottom) paddingConfig.paddingBottom = config.bottom\n    if (config.left) paddingConfig.paddingLeft = config.left\n    \n    return createResponsiveModifier(paddingConfig)\n  }\n  \n  /**\n   * Create responsive margin\n   */\n  static margin(config: ResponsiveSpacingConfig) {\n    const marginConfig: any = {}\n    \n    if (config.all) marginConfig.margin = config.all\n    if (config.horizontal) {\n      marginConfig.marginLeft = config.horizontal\n      marginConfig.marginRight = config.horizontal\n    }\n    if (config.vertical) {\n      marginConfig.marginTop = config.vertical\n      marginConfig.marginBottom = config.vertical\n    }\n    if (config.top) marginConfig.marginTop = config.top\n    if (config.right) marginConfig.marginRight = config.right\n    if (config.bottom) marginConfig.marginBottom = config.bottom\n    if (config.left) marginConfig.marginLeft = config.left\n    \n    return createResponsiveModifier(marginConfig)\n  }\n  \n  /**\n   * Create responsive gap (for flexbox and grid)\n   */\n  static gap(config: {\n    all?: ResponsiveValue<string | number>\n    column?: ResponsiveValue<string | number>\n    row?: ResponsiveValue<string | number>\n  }) {\n    const gapConfig: any = {}\n    \n    if (config.all) gapConfig.gap = config.all\n    if (config.column) gapConfig.columnGap = config.column\n    if (config.row) gapConfig.rowGap = config.row\n    \n    return createResponsiveModifier(gapConfig)\n  }\n}\n\n/**\n * Responsive Typography Utilities\n */\nexport class ResponsiveTypographyPatterns {\n  /**\n   * Create responsive font scale\n   */\n  static scale(config: {\n    base: string | number\n    scale?: ResponsiveValue<number>\n    lineHeight?: ResponsiveValue<number | string>\n  }) {\n    const typographyConfig: any = {\n      fontSize: config.base\n    }\n    \n    if (config.scale && typeof config.scale === 'object') {\n      typographyConfig.fontSize = {}\n      for (const [breakpoint, scaleValue] of Object.entries(config.scale)) {\n        const baseSize = typeof config.base === 'number' ? config.base : parseFloat(config.base)\n        typographyConfig.fontSize[breakpoint] = `${baseSize * scaleValue}px`\n      }\n    }\n    \n    if (config.lineHeight) {\n      typographyConfig.lineHeight = config.lineHeight\n    }\n    \n    return createResponsiveModifier(typographyConfig)\n  }\n  \n  /**\n   * Create fluid typography that scales smoothly\n   */\n  static fluid(config: {\n    minSize: string | number\n    maxSize: string | number\n    minBreakpoint?: string\n    maxBreakpoint?: string\n  }) {\n    const minBp = config.minBreakpoint || '320px'\n    const maxBp = config.maxBreakpoint || '1200px'\n    const minSize = typeof config.minSize === 'number' ? `${config.minSize}px` : config.minSize\n    const maxSize = typeof config.maxSize === 'number' ? `${config.maxSize}px` : config.maxSize\n    \n    return createResponsiveModifier({\n      fontSize: `clamp(${minSize}, calc(${minSize} + (${maxSize} - ${minSize}) * ((100vw - ${minBp}) / (${maxBp} - ${minBp}))), ${maxSize})`\n    })\n  }\n}\n\n/**\n * Common Layout Patterns\n */\nexport const LayoutPatterns = {\n  /**\n   * Sidebar layout that collapses on mobile\n   */\n  sidebar: (config?: {\n    sidebarWidth?: ResponsiveValue<string | number>\n    collapseBreakpoint?: BreakpointKey\n    gap?: ResponsiveValue<string | number>\n  }) => {\n    const collapseBreakpoint = config?.collapseBreakpoint || 'md'\n    const sidebarWidth = config?.sidebarWidth || '250px'\n    \n    return createResponsiveModifier({\n      display: 'grid',\n      gridTemplateColumns: {\n        base: '1fr',\n        [collapseBreakpoint]: `${sidebarWidth} 1fr`\n      },\n      gap: config?.gap || '1rem'\n    })\n  },\n  \n  /**\n   * Holy grail layout (header, footer, sidebar, main content)\n   */\n  holyGrail: (config?: {\n    headerHeight?: ResponsiveValue<string | number>\n    footerHeight?: ResponsiveValue<string | number>\n    sidebarWidth?: ResponsiveValue<string | number>\n    collapseBreakpoint?: BreakpointKey\n  }) => {\n    const collapseBreakpoint = config?.collapseBreakpoint || 'lg'\n    \n    return createResponsiveModifier({\n      display: 'grid',\n      gridTemplateAreas: {\n        base: '\"header\" \"main\" \"footer\"',\n        [collapseBreakpoint]: '\"header header\" \"sidebar main\" \"footer footer\"'\n      },\n      gridTemplateRows: {\n        base: `${config?.headerHeight || 'auto'} 1fr ${config?.footerHeight || 'auto'}`,\n        [collapseBreakpoint]: `${config?.headerHeight || 'auto'} 1fr ${config?.footerHeight || 'auto'}`\n      },\n      gridTemplateColumns: {\n        base: '1fr',\n        [collapseBreakpoint]: `${config?.sidebarWidth || '250px'} 1fr`\n      },\n      minHeight: '100vh'\n    })\n  },\n  \n  /**\n   * Card grid layout\n   */\n  cardGrid: (config?: {\n    minCardWidth?: ResponsiveValue<string | number>\n    gap?: ResponsiveValue<string | number>\n    maxColumns?: ResponsiveValue<number>\n  }) => {\n    return ResponsiveGridPatterns.autoFit({\n      minColumnWidth: config?.minCardWidth || '300px',\n      gap: config?.gap || '1rem',\n      maxColumns: config?.maxColumns\n    })\n  },\n  \n  /**\n   * Hero section layout\n   */\n  hero: (config?: {\n    minHeight?: ResponsiveValue<string | number>\n    textAlign?: ResponsiveValue<'left' | 'center' | 'right'>\n    padding?: ResponsiveValue<string | number>\n  }) => {\n    return createResponsiveModifier({\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      alignItems: 'center',\n      textAlign: config?.textAlign || 'center',\n      minHeight: config?.minHeight || '50vh',\n      padding: config?.padding || '2rem'\n    })\n  }\n}\n\n/**\n * Export all layout patterns for easy access\n */\nexport {\n  ResponsiveGridPatterns as ResponsiveGrid,\n  ResponsiveFlexPatterns as Flex,\n  ResponsiveContainerPatterns as Container,\n  ResponsiveVisibilityPatterns as Visibility,\n  ResponsiveSpacingPatterns as Spacing,\n  ResponsiveTypographyPatterns as ResponsiveTypography\n}"],"names":["ResponsiveGridPatterns","config","gridConfig","breakpoint","width","widthValue","maxCols","createResponsiveModifier","columns","bp","cols","ResponsiveFlexPatterns","flexConfig","direction","ResponsiveContainerPatterns","containerConfig","sectionConfig","ResponsiveVisibilityPatterns","breakpoints","displayConfig","ResponsiveSpacingPatterns","paddingConfig","marginConfig","gapConfig","ResponsiveTypographyPatterns","typographyConfig","scaleValue","baseSize","minBp","maxBp","minSize","maxSize"],"mappings":"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"}

package/dist/modifiers/responsive/performance.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var b=Object.defineProperty,T=(u,e,t)=>e in u?b(u,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[e]=t,o=(u,e,t)=>T(u,typeof e!="symbol"?e+"":e,t);class w{constructor(){o(this,"cache",new Map),o(this,"hitCount",0),o(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 w;class m{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 h=l.get(n);if(h)return h}const a=this.generateCSS(e,t,{minify:s});return r&&l.set(n,a),c&&a.trim()?(this.addToBatch(a),""):a}static createCacheKey(e,t,i){return JSON.stringify({selector:e,config:t,options:i})}static generateCSS(e,t,i){const{minify:s=!1}=i,c=s?"":"  ",r=s?"":`
+`,n=s?"":" ";let a="";const h=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,f]of Object.entries(t))if(typeof f=="object"&&f!==null)for(const[S,$]of Object.entries(f)){if(S==="base")continue;const C=this.getMediaQuery(S),g=`${C}:${d}`;h.has(g)||(a+=`@media ${C}${n}{${r}`,a+=`${c}${e}${n}{${r}`,a+=`${c}${c}${this.propertyToCSS(d)}:${n}${this.valueToCSS($)};${r}`,a+=`${c}}${r}`,a+=`}${r}`,h.add(g))}return a}static addToBatch(e){this.ruleQueue.push(e),this.ruleQueue.length>=this.BATCH_SIZE?this.flushBatch():this.flushTimer||(this.flushTimer=window.setTimeout(()=>this.flushBatch(),16))}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)}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))}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}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}static propertyToCSS(e){return e.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)}static valueToCSS(e){return typeof e=="number"?`${e}px`:e.toString()}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}static flush(){this.flushBatch()}static getStats(){return{cache:l.getStats(),batch:{queueSize:this.ruleQueue.length,batchSize:this.BATCH_SIZE}}}static reset(){l.clear(),this.ruleQueue=[],this.flushTimer&&(clearTimeout(this.flushTimer),this.flushTimer=null)}}o(m,"BATCH_SIZE",50);o(m,"ruleQueue",[]);o(m,"flushTimer",null);class y{static startMeasurement(e){const t=performance.now();return()=>{const i=performance.now()-t;return this.recordMeasurement(e,i),i}}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()}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*.5)],p95:s[Math.floor(s.length*.95)],p99:s[Math.floor(s.length*.99)]}}return e}static reset(){this.measurements.clear()}}o(y,"measurements",new Map);exports.OptimizedCSSGenerator=m;exports.ResponsivePerformanceMonitor=y;exports.cssRuleCache=l;
+//# sourceMappingURL=performance.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"performance.cjs","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/performance.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"performance.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/performance.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAiB,MAAM,SAAS,CAAA;AAE9D;;GAEG;AACH,cAAM,YAAY;IAChB,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,QAAQ,CAAI;IACpB,OAAO,CAAC,SAAS,CAAI;IAErB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAUpC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC,KAAK,IAAI,IAAI;IAMb,QAAQ;;;;;;CAQT;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,cAAqB,CAAA;AAE9C;;GAEG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAK;IACvC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAe;IACvC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAsB;IAE/C;;OAEG;IACH,MAAM,CAAC,oBAAoB,CACzB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,qBAAqB,EAC7B,OAAO,GAAE;QACP,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,KAAK,CAAC,EAAE,OAAO,CAAA;QACf,WAAW,CAAC,EAAE,OAAO,CAAA;KACjB,GACL,MAAM;IAmCT;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,cAAc;IAQ7B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IA8C1B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;IAUzB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU;IAezB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,SAAS;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

@@ -0,0 +1,212 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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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"}