@tachui/core 0.7.1-alpha → 0.8.0-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (265) hide show
  1. package/README.md +2 -2
  2. package/dist/bundles/common.d.ts +1 -1
  3. package/dist/bundles/common.d.ts.map +1 -1
  4. package/dist/bundles/minimal.d.ts +2 -16
  5. package/dist/bundles/minimal.d.ts.map +1 -1
  6. package/dist/bundles/production-minimal.d.ts +2 -16
  7. package/dist/bundles/production-minimal.d.ts.map +1 -1
  8. package/dist/common.js +403 -827
  9. package/dist/compiler/advanced-parser.d.ts.map +1 -1
  10. package/dist/compiler/index.js +14 -8
  11. package/dist/component-XAzF1xqs.js +487 -0
  12. package/dist/component-base-x2XmHFjy.js +255 -0
  13. package/dist/components/index.d.ts +4 -38
  14. package/dist/components/index.d.ts.map +1 -1
  15. package/dist/components/index.js +7 -4167
  16. package/dist/components/wrapper.d.ts +5 -152
  17. package/dist/components/wrapper.d.ts.map +1 -1
  18. package/dist/concatenated-component-ByPl3_FF.js +2933 -0
  19. package/dist/constants/index.d.ts +1 -1
  20. package/dist/constants/layout.d.ts +47 -4
  21. package/dist/constants/layout.d.ts.map +1 -1
  22. package/dist/constants/layout.js +84 -0
  23. package/dist/css-classes/index.js +176 -0
  24. package/dist/{dom-bridge-Cx-s6Ihx.js → dom-bridge-CAa1N2zX.js} +28 -28
  25. package/dist/{effect-CytAc9em.js → effect-B9Knft0b.js} +3 -3
  26. package/dist/essential.js +395 -825
  27. package/dist/index-DCPJFUm9.js +1407 -0
  28. package/dist/index-DIvMCJQO.js +268 -0
  29. package/dist/index-vdsiw6gQ.js +777 -0
  30. package/dist/index.d.ts +9 -9
  31. package/dist/index.d.ts.map +1 -1
  32. package/dist/index.js +395 -825
  33. package/dist/minimal-prod.js +101 -155
  34. package/dist/minimal.js +104 -170
  35. package/dist/modifiers/background.d.ts +41 -11
  36. package/dist/modifiers/background.d.ts.map +1 -1
  37. package/dist/modifiers/base.d.ts +6 -33
  38. package/dist/modifiers/base.d.ts.map +1 -1
  39. package/dist/modifiers/base.js +487 -0
  40. package/dist/modifiers/builder.d.ts +103 -195
  41. package/dist/modifiers/builder.d.ts.map +1 -1
  42. package/dist/modifiers/builder.js +9 -0
  43. package/dist/modifiers/core.d.ts +9 -401
  44. package/dist/modifiers/core.d.ts.map +1 -1
  45. package/dist/modifiers/{utils.d.ts → factories.d.ts} +18 -5
  46. package/dist/modifiers/factories.d.ts.map +1 -0
  47. package/dist/modifiers/index.d.ts +8 -52
  48. package/dist/modifiers/index.d.ts.map +1 -1
  49. package/dist/modifiers/index.js +38 -0
  50. package/dist/modifiers/presets.d.ts +368 -0
  51. package/dist/modifiers/presets.d.ts.map +1 -0
  52. package/dist/modifiers/registry.js +10 -0
  53. package/dist/modifiers/types.d.ts +39 -211
  54. package/dist/modifiers/types.d.ts.map +1 -1
  55. package/dist/modifiers/types.js +4 -0
  56. package/dist/performance-optimizer-stub-CtfXUwl4.js +38 -0
  57. package/dist/plugins/index.d.ts +5 -6
  58. package/dist/plugins/index.d.ts.map +1 -1
  59. package/dist/plugins/index.js +147 -297
  60. package/dist/plugins/simplified-index.d.ts +5 -6
  61. package/dist/plugins/simplified-index.d.ts.map +1 -1
  62. package/dist/production-minimal-BY_gMc-l.js +2532 -0
  63. package/dist/reactive/index.js +96 -95
  64. package/dist/reactive/types.js +4 -0
  65. package/dist/runtime/dom-bridge.js +5 -5
  66. package/dist/runtime/element-override.d.ts.map +1 -1
  67. package/dist/runtime/index.d.ts +0 -7
  68. package/dist/runtime/index.d.ts.map +1 -1
  69. package/dist/runtime/renderer.d.ts.map +1 -1
  70. package/dist/runtime/renderer.js +7 -8
  71. package/dist/runtime/semantic-role-manager.d.ts.map +1 -1
  72. package/dist/runtime/types.js +1 -0
  73. package/dist/{scheduler-7SvC3a21.js → scheduler-BKeqwrYE.js} +130 -130
  74. package/dist/validation/build-time-stub.d.ts +33 -0
  75. package/dist/validation/build-time-stub.d.ts.map +1 -0
  76. package/dist/validation/debug-tools-stub.d.ts +67 -0
  77. package/dist/validation/debug-tools-stub.d.ts.map +1 -0
  78. package/dist/validation/index.d.ts +23 -78
  79. package/dist/validation/index.d.ts.map +1 -1
  80. package/dist/validation/index.js +609 -6470
  81. package/dist/validation/lifecycle-validation.d.ts.map +1 -1
  82. package/dist/validation/performance-optimizer-stub.d.ts +50 -0
  83. package/dist/validation/performance-optimizer-stub.d.ts.map +1 -0
  84. package/dist/validation/plugin-registration.d.ts +5 -1
  85. package/dist/validation/plugin-registration.d.ts.map +1 -1
  86. package/dist/validation/production-bypass-core.d.ts +69 -0
  87. package/dist/validation/production-bypass-core.d.ts.map +1 -0
  88. package/package.json +41 -5
  89. package/dist/ScrollView-h-6wYMAm.js +0 -515
  90. package/dist/Spacer-BbteDQ9I.js +0 -5337
  91. package/dist/binding-CmdpowkI.js +0 -2276
  92. package/dist/components/BasicInput.d.ts +0 -116
  93. package/dist/components/BasicInput.d.ts.map +0 -1
  94. package/dist/components/Button.d.ts +0 -252
  95. package/dist/components/Button.d.ts.map +0 -1
  96. package/dist/components/Divider.d.ts +0 -141
  97. package/dist/components/Divider.d.ts.map +0 -1
  98. package/dist/components/EnhancedLink.d.ts +0 -365
  99. package/dist/components/EnhancedLink.d.ts.map +0 -1
  100. package/dist/components/Form.d.ts +0 -141
  101. package/dist/components/Form.d.ts.map +0 -1
  102. package/dist/components/Grid.d.ts +0 -698
  103. package/dist/components/Grid.d.ts.map +0 -1
  104. package/dist/components/GridResponsive.d.ts +0 -214
  105. package/dist/components/GridResponsive.d.ts.map +0 -1
  106. package/dist/components/Image.d.ts +0 -162
  107. package/dist/components/Image.d.ts.map +0 -1
  108. package/dist/components/List.d.ts +0 -287
  109. package/dist/components/List.d.ts.map +0 -1
  110. package/dist/components/Menu.d.ts +0 -159
  111. package/dist/components/Menu.d.ts.map +0 -1
  112. package/dist/components/Picker.d.ts +0 -153
  113. package/dist/components/Picker.d.ts.map +0 -1
  114. package/dist/components/ScrollView.d.ts +0 -222
  115. package/dist/components/ScrollView.d.ts.map +0 -1
  116. package/dist/components/Section.d.ts +0 -153
  117. package/dist/components/Section.d.ts.map +0 -1
  118. package/dist/components/Show.d.ts +0 -64
  119. package/dist/components/Show.d.ts.map +0 -1
  120. package/dist/components/Spacer.d.ts +0 -35
  121. package/dist/components/Spacer.d.ts.map +0 -1
  122. package/dist/components/Text.d.ts +0 -242
  123. package/dist/components/Text.d.ts.map +0 -1
  124. package/dist/components/Toggle.d.ts +0 -207
  125. package/dist/components/Toggle.d.ts.map +0 -1
  126. package/dist/concatenated-component-DPcl2TEO.js +0 -6779
  127. package/dist/context--zQFIImS.js +0 -283
  128. package/dist/debug/index.d.ts +0 -61
  129. package/dist/debug/index.d.ts.map +0 -1
  130. package/dist/debug.js +0 -178
  131. package/dist/developer-experience/enhanced-errors.d.ts +0 -128
  132. package/dist/developer-experience/enhanced-errors.d.ts.map +0 -1
  133. package/dist/developer-experience/enhanced-types.d.ts +0 -281
  134. package/dist/developer-experience/enhanced-types.d.ts.map +0 -1
  135. package/dist/developer-experience/index.d.ts +0 -44
  136. package/dist/developer-experience/index.d.ts.map +0 -1
  137. package/dist/index-Nfi2SBQh.js +0 -3268
  138. package/dist/modifiers/attributes.d.ts +0 -203
  139. package/dist/modifiers/attributes.d.ts.map +0 -1
  140. package/dist/modifiers/backdrop.d.ts +0 -59
  141. package/dist/modifiers/backdrop.d.ts.map +0 -1
  142. package/dist/modifiers/border.d.ts +0 -217
  143. package/dist/modifiers/border.d.ts.map +0 -1
  144. package/dist/modifiers/effects.d.ts +0 -159
  145. package/dist/modifiers/effects.d.ts.map +0 -1
  146. package/dist/modifiers/elements.d.ts +0 -240
  147. package/dist/modifiers/elements.d.ts.map +0 -1
  148. package/dist/modifiers/filters.d.ts +0 -275
  149. package/dist/modifiers/filters.d.ts.map +0 -1
  150. package/dist/modifiers/flexbox.d.ts +0 -82
  151. package/dist/modifiers/flexbox.d.ts.map +0 -1
  152. package/dist/modifiers/font.d.ts +0 -71
  153. package/dist/modifiers/font.d.ts.map +0 -1
  154. package/dist/modifiers/grid.d.ts +0 -92
  155. package/dist/modifiers/grid.d.ts.map +0 -1
  156. package/dist/modifiers/margin.d.ts +0 -128
  157. package/dist/modifiers/margin.d.ts.map +0 -1
  158. package/dist/modifiers/padding.d.ts +0 -204
  159. package/dist/modifiers/padding.d.ts.map +0 -1
  160. package/dist/modifiers/responsive/advanced-utilities.d.ts +0 -118
  161. package/dist/modifiers/responsive/advanced-utilities.d.ts.map +0 -1
  162. package/dist/modifiers/responsive/breakpoints.d.ts +0 -81
  163. package/dist/modifiers/responsive/breakpoints.d.ts.map +0 -1
  164. package/dist/modifiers/responsive/css-generator.d.ts +0 -100
  165. package/dist/modifiers/responsive/css-generator.d.ts.map +0 -1
  166. package/dist/modifiers/responsive/dev-tools.d.ts +0 -107
  167. package/dist/modifiers/responsive/dev-tools.d.ts.map +0 -1
  168. package/dist/modifiers/responsive/index.d.ts +0 -29
  169. package/dist/modifiers/responsive/index.d.ts.map +0 -1
  170. package/dist/modifiers/responsive/layout-patterns.d.ts +0 -230
  171. package/dist/modifiers/responsive/layout-patterns.d.ts.map +0 -1
  172. package/dist/modifiers/responsive/performance.d.ts +0 -130
  173. package/dist/modifiers/responsive/performance.d.ts.map +0 -1
  174. package/dist/modifiers/responsive/responsive-builder.d.ts +0 -133
  175. package/dist/modifiers/responsive/responsive-builder.d.ts.map +0 -1
  176. package/dist/modifiers/responsive/responsive-modifier.d.ts +0 -123
  177. package/dist/modifiers/responsive/responsive-modifier.d.ts.map +0 -1
  178. package/dist/modifiers/responsive/types.d.ts +0 -183
  179. package/dist/modifiers/responsive/types.d.ts.map +0 -1
  180. package/dist/modifiers/responsive/utilities.d.ts +0 -149
  181. package/dist/modifiers/responsive/utilities.d.ts.map +0 -1
  182. package/dist/modifiers/scroll.d.ts +0 -143
  183. package/dist/modifiers/scroll.d.ts.map +0 -1
  184. package/dist/modifiers/shadows.d.ts +0 -114
  185. package/dist/modifiers/shadows.d.ts.map +0 -1
  186. package/dist/modifiers/size.d.ts +0 -113
  187. package/dist/modifiers/size.d.ts.map +0 -1
  188. package/dist/modifiers/text.d.ts +0 -147
  189. package/dist/modifiers/text.d.ts.map +0 -1
  190. package/dist/modifiers/transformations.d.ts +0 -329
  191. package/dist/modifiers/transformations.d.ts.map +0 -1
  192. package/dist/modifiers/transitions.d.ts +0 -98
  193. package/dist/modifiers/transitions.d.ts.map +0 -1
  194. package/dist/modifiers/typography.d.ts +0 -192
  195. package/dist/modifiers/typography.d.ts.map +0 -1
  196. package/dist/modifiers/utility.d.ts +0 -69
  197. package/dist/modifiers/utility.d.ts.map +0 -1
  198. package/dist/modifiers/utils.d.ts.map +0 -1
  199. package/dist/plugins/simplified-error-handler.d.ts +0 -83
  200. package/dist/plugins/simplified-error-handler.d.ts.map +0 -1
  201. package/dist/runtime/dev-tools.d.ts +0 -240
  202. package/dist/runtime/dev-tools.d.ts.map +0 -1
  203. package/dist/runtime/development-warnings.d.ts +0 -42
  204. package/dist/runtime/development-warnings.d.ts.map +0 -1
  205. package/dist/runtime/error-boundary.d.ts +0 -302
  206. package/dist/runtime/error-boundary.d.ts.map +0 -1
  207. package/dist/runtime/error-recovery.d.ts +0 -267
  208. package/dist/runtime/error-recovery.d.ts.map +0 -1
  209. package/dist/runtime/error-reporting.d.ts +0 -287
  210. package/dist/runtime/error-reporting.d.ts.map +0 -1
  211. package/dist/runtime/error-utils.d.ts +0 -204
  212. package/dist/runtime/error-utils.d.ts.map +0 -1
  213. package/dist/runtime/performance.d.ts +0 -217
  214. package/dist/runtime/performance.d.ts.map +0 -1
  215. package/dist/sui-compat.d.ts +0 -110
  216. package/dist/sui-compat.d.ts.map +0 -1
  217. package/dist/validation/advanced-debugging.d.ts +0 -319
  218. package/dist/validation/advanced-debugging.d.ts.map +0 -1
  219. package/dist/validation/build-time/detection.d.ts +0 -32
  220. package/dist/validation/build-time/detection.d.ts.map +0 -1
  221. package/dist/validation/build-time/index.d.ts +0 -84
  222. package/dist/validation/build-time/index.d.ts.map +0 -1
  223. package/dist/validation/build-time/plugins.d.ts +0 -75
  224. package/dist/validation/build-time/plugins.d.ts.map +0 -1
  225. package/dist/validation/build-time/rules.d.ts +0 -73
  226. package/dist/validation/build-time/rules.d.ts.map +0 -1
  227. package/dist/validation/build-time/transformer.d.ts +0 -23
  228. package/dist/validation/build-time/transformer.d.ts.map +0 -1
  229. package/dist/validation/build-time/types.d.ts +0 -212
  230. package/dist/validation/build-time/types.d.ts.map +0 -1
  231. package/dist/validation/comprehensive.d.ts +0 -160
  232. package/dist/validation/comprehensive.d.ts.map +0 -1
  233. package/dist/validation/debug-tools.d.ts +0 -251
  234. package/dist/validation/debug-tools.d.ts.map +0 -1
  235. package/dist/validation/developer-experience.d.ts +0 -243
  236. package/dist/validation/developer-experience.d.ts.map +0 -1
  237. package/dist/validation/documentation-integration.d.ts +0 -269
  238. package/dist/validation/documentation-integration.d.ts.map +0 -1
  239. package/dist/validation/enhanced-runtime.d.ts +0 -279
  240. package/dist/validation/enhanced-runtime.d.ts.map +0 -1
  241. package/dist/validation/error-reporting.d.ts +0 -186
  242. package/dist/validation/error-reporting.d.ts.map +0 -1
  243. package/dist/validation/ide-integration.d.ts +0 -328
  244. package/dist/validation/ide-integration.d.ts.map +0 -1
  245. package/dist/validation/performance-optimizer.d.ts +0 -218
  246. package/dist/validation/performance-optimizer.d.ts.map +0 -1
  247. package/dist/validation/production-bypass.d.ts +0 -175
  248. package/dist/validation/production-bypass.d.ts.map +0 -1
  249. package/dist/validation/simple.d.ts +0 -111
  250. package/dist/validation/simple.d.ts.map +0 -1
  251. package/dist/viewport/adapters/web-adapter.d.ts +0 -227
  252. package/dist/viewport/adapters/web-adapter.d.ts.map +0 -1
  253. package/dist/viewport/components.d.ts +0 -131
  254. package/dist/viewport/components.d.ts.map +0 -1
  255. package/dist/viewport/environment.d.ts +0 -75
  256. package/dist/viewport/environment.d.ts.map +0 -1
  257. package/dist/viewport/index.d.ts +0 -138
  258. package/dist/viewport/index.d.ts.map +0 -1
  259. package/dist/viewport/index.js +0 -2085
  260. package/dist/viewport/platform-detection.d.ts +0 -59
  261. package/dist/viewport/platform-detection.d.ts.map +0 -1
  262. package/dist/viewport/types.d.ts +0 -301
  263. package/dist/viewport/types.d.ts.map +0 -1
  264. package/dist/viewport/viewport-manager.d.ts +0 -118
  265. package/dist/viewport/viewport-manager.d.ts.map +0 -1
@@ -1,100 +0,0 @@
1
- /**
2
- * Responsive CSS Generation Engine
3
- *
4
- * Generates optimized CSS media queries from responsive modifier configurations.
5
- * Supports mobile-first design patterns and advanced media query features.
6
- */
7
- import { ResponsiveValue, ResponsiveStyleConfig, MediaQueryConfig, ResponsiveModifierResult } from './types';
8
- /**
9
- * CSS generation options
10
- */
11
- export interface CSSGenerationOptions {
12
- selector: string;
13
- generateMinified?: boolean;
14
- includeComments?: boolean;
15
- optimizeOutput?: boolean;
16
- mobileFirst?: boolean;
17
- }
18
- /**
19
- * Main CSS generation class
20
- */
21
- export declare class ResponsiveCSSGenerator {
22
- private options;
23
- constructor(options: CSSGenerationOptions);
24
- /**
25
- * Generate complete responsive CSS from a style configuration
26
- */
27
- generateResponsiveCSS(config: ResponsiveStyleConfig): ResponsiveModifierResult;
28
- /**
29
- * Generate media queries for a single property
30
- */
31
- private generatePropertyMediaQueries;
32
- /**
33
- * Generate CSS rules from media queries and base styles
34
- */
35
- private generateCSSRules;
36
- /**
37
- * Group media queries by their query string for optimization
38
- */
39
- private groupQueriesByMediaQuery;
40
- /**
41
- * Generate a single CSS rule
42
- */
43
- private generateCSSRule;
44
- /**
45
- * Generate a CSS media query rule
46
- */
47
- private generateMediaQueryRule;
48
- /**
49
- * Convert camelCase property to CSS kebab-case
50
- */
51
- private toCSSProperty;
52
- /**
53
- * Format CSS value with appropriate units and validation
54
- */
55
- private formatCSSValue;
56
- /**
57
- * Add !important for properties that need to override base component styles
58
- */
59
- private addImportantIfNeeded;
60
- /**
61
- * Convert property name to appropriate CSS property (including custom properties)
62
- */
63
- private toCSSPropertyName;
64
- /**
65
- * Extract breakpoint name from media query for comments
66
- */
67
- private getBreakpointFromQuery;
68
- }
69
- /**
70
- * Utility function to generate responsive CSS for a single property
71
- */
72
- export declare function generateResponsiveProperty(selector: string, property: string, value: ResponsiveValue<any>, options?: Partial<CSSGenerationOptions>): string[];
73
- /**
74
- * Utility function to generate media query for custom conditions
75
- */
76
- export declare function generateCustomMediaQuery(selector: string, mediaQueryConfig: MediaQueryConfig, options?: Partial<CSSGenerationOptions>): string;
77
- /**
78
- * CSS injection utilities for runtime application
79
- */
80
- export declare class CSSInjector {
81
- private static styleSheet;
82
- private static injectedRules;
83
- /**
84
- * Get or create the tachUI responsive stylesheet
85
- */
86
- private static getStyleSheet;
87
- /**
88
- * Inject CSS rules into the document
89
- */
90
- static injectCSS(rules: string[]): void;
91
- /**
92
- * Clear all injected responsive CSS
93
- */
94
- static clearCSS(): void;
95
- /**
96
- * Check if a rule has been injected
97
- */
98
- static hasRule(rule: string): boolean;
99
- }
100
- //# sourceMappingURL=css-generator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/css-generator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEL,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAEhB,wBAAwB,EAEzB,MAAM,SAAS,CAAA;AAOhB;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;GAEG;AACH,qBAAa,sBAAsB;IACjC,OAAO,CAAC,OAAO,CAAgC;gBAEnC,OAAO,EAAE,oBAAoB;IAUzC;;OAEG;IACH,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,GAAG,wBAAwB;IAkC9E;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAmCpC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA+BxB;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAahC;;OAEG;IACH,OAAO,CAAC,eAAe;IAqBvB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA6B9B;;OAEG;IACH,OAAO,CAAC,aAAa;IAIrB;;OAEG;IACH,OAAO,CAAC,cAAc;IAiCtB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgB5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;CAW/B;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,EAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACtC,MAAM,EAAE,CAaV;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,MAAM,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACtC,MAAM,CAmBR;AAED;;GAEG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,UAAU,CAA6B;IACtD,OAAO,CAAC,MAAM,CAAC,aAAa,CAAoB;IAEhD;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,aAAa;IAa5B;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IAqBvC;;OAEG;IACH,MAAM,CAAC,QAAQ,IAAI,IAAI;IASvB;;OAEG;IACH,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CAGtC"}
@@ -1,107 +0,0 @@
1
- /**
2
- * Responsive Development Tools and Debugging Features
3
- *
4
- * Provides comprehensive debugging, inspection, and development tools
5
- * for the responsive design system.
6
- */
7
- import { Signal } from '../../reactive';
8
- import { ResponsiveValue, BreakpointKey, BreakpointContext } from './types';
9
- /**
10
- * Development mode responsive debugging
11
- */
12
- export declare class ResponsiveDevTools {
13
- private static isEnabled;
14
- private static debugOverlay;
15
- private static logLevel;
16
- /**
17
- * Enable responsive development tools
18
- */
19
- static enable(options?: {
20
- showOverlay?: boolean;
21
- showBreakpoints?: boolean;
22
- showPerformance?: boolean;
23
- logLevel?: 'error' | 'warn' | 'info' | 'debug';
24
- highlightResponsiveElements?: boolean;
25
- position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
26
- }): void;
27
- /**
28
- * Disable responsive development tools
29
- */
30
- static disable(): void;
31
- /**
32
- * Check if development tools are enabled
33
- */
34
- static get enabled(): boolean;
35
- /**
36
- * Log responsive information
37
- */
38
- private static log;
39
- /**
40
- * Create visual debug overlay
41
- */
42
- private static createDebugOverlay;
43
- /**
44
- * Update debug overlay content
45
- */
46
- private static updateDebugOverlay;
47
- /**
48
- * Enable element highlighting for responsive elements
49
- */
50
- private static enableElementHighlighting;
51
- /**
52
- * Disable element highlighting
53
- */
54
- private static disableElementHighlighting;
55
- /**
56
- * Highlight elements with responsive classes
57
- */
58
- private static highlightResponsiveElements;
59
- /**
60
- * Enable performance monitoring display
61
- */
62
- private static enablePerformanceMonitoring;
63
- /**
64
- * Log current responsive state
65
- */
66
- static logResponsiveState(): void;
67
- /**
68
- * Inspect a responsive value
69
- */
70
- static inspectResponsiveValue<T>(value: ResponsiveValue<T>, label?: string): void;
71
- /**
72
- * Test responsive behavior
73
- */
74
- static testResponsiveBehavior(responsiveValue: ResponsiveValue<any>, testBreakpoints?: BreakpointKey[]): Partial<Record<BreakpointKey, any>>;
75
- /**
76
- * Export responsive configuration for debugging
77
- */
78
- static exportConfiguration(): {
79
- breakpoints: Record<BreakpointKey, string>;
80
- currentContext: BreakpointContext;
81
- performance: any;
82
- mediaQueries: Record<string, boolean>;
83
- };
84
- }
85
- /**
86
- * Responsive value inspector hook
87
- */
88
- export declare function useResponsiveInspector<T>(value: ResponsiveValue<T>, label?: string): Signal<{
89
- resolvedValue: T | undefined;
90
- activeBreakpoint: BreakpointKey;
91
- allValues: Partial<Record<BreakpointKey, T>>;
92
- isResponsive: boolean;
93
- }>;
94
- /**
95
- * Browser compatibility testing utilities
96
- */
97
- export declare class BrowserCompatibility {
98
- /**
99
- * Test CSS features support
100
- */
101
- static testCSSFeatures(): Record<string, boolean>;
102
- /**
103
- * Test responsive behavior across different viewport sizes
104
- */
105
- static testViewportSizes(callback: (width: number, height: number) => void): void;
106
- }
107
- //# sourceMappingURL=dev-tools.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dev-tools.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/dev-tools.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAkB,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EAElB,MAAM,SAAS,CAAA;AAShB;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAC,SAAS,CAAQ;IAChC,OAAO,CAAC,MAAM,CAAC,YAAY,CAA2B;IACtD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA8C;IAErE;;OAEG;IACH,MAAM,CAAC,MAAM,CAAC,OAAO,GAAE;QACrB,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;QAC9C,2BAA2B,CAAC,EAAE,OAAO,CAAA;QACrC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;KAChE,GAAG,IAAI;IA2Bb;;OAEG;IACH,MAAM,CAAC,OAAO,IAAI,IAAI;IAYtB;;OAEG;IACH,MAAM,KAAK,OAAO,IAAI,OAAO,CAE5B;IAED;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,GAAG;IAYlB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IA0DjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAsFjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,yBAAyB;IAkDxC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,0BAA0B;IAazC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAkB1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAe1C;;OAEG;IACH,MAAM,CAAC,kBAAkB,IAAI,IAAI;IAmCjC;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAC7B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,KAAK,CAAC,EAAE,MAAM,GACb,IAAI;IAwCP;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAC3B,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,EACrC,eAAe,GAAE,aAAa,EAA4C,GACzE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;IAetC;;OAEG;IACH,MAAM,CAAC,mBAAmB,IAAI;QAC5B,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;QAC1C,cAAc,EAAE,iBAAiB,CAAA;QACjC,WAAW,EAAE,GAAG,CAAA;QAChB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KACtC;CA6BF;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,KAAK,CAAC,EAAE,MAAM,GACb,MAAM,CAAC;IACR,aAAa,EAAE,CAAC,GAAG,SAAS,CAAA;IAC5B,gBAAgB,EAAE,aAAa,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAA;IAC5C,YAAY,EAAE,OAAO,CAAA;CACtB,CAAC,CA+CD;AAED;;GAEG;AACH,qBAAa,oBAAoB;IAC/B;;OAEG;IACH,MAAM,CAAC,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAmCjD;;OAEG;IACH,MAAM,CAAC,iBAAiB,CACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,GAChD,IAAI;CAsBR"}
@@ -1,29 +0,0 @@
1
- /**
2
- * Responsive Design System - Main Export
3
- *
4
- * Complete CSS-native responsive design system for tachUI.
5
- * Provides mobile-first responsive modifiers with TypeScript support.
6
- */
7
- export * from './types';
8
- export * from './breakpoints';
9
- export * from './css-generator';
10
- export * from './responsive-modifier';
11
- export * from './responsive-builder';
12
- export * from './utilities';
13
- export * from './layout-patterns';
14
- export * from './performance';
15
- export * from './advanced-utilities';
16
- export * from './dev-tools';
17
- export type { ResponsiveValue, BreakpointKey, ResponsiveStyleConfig, } from './types';
18
- export type { ResponsiveModifierBuilder } from './responsive-builder';
19
- export { ResponsiveModifierBuilderImpl, withResponsive, createResponsiveBuilder, } from './responsive-builder';
20
- export { configureBreakpoints, initializeResponsiveSystem, getCurrentBreakpointConfig, getCurrentBreakpoint, getViewportDimensions, createBreakpointContext, generateMediaQuery, BreakpointPresets, } from './breakpoints';
21
- export { createResponsiveModifier, createMediaQueryModifier, createResponsivePropertyModifier, createResponsiveLayoutModifier, } from './responsive-modifier';
22
- export { useBreakpoint, useMediaQuery, useResponsiveValue } from './utilities';
23
- export { DEFAULT_BREAKPOINTS } from './types';
24
- export { MediaQueries, enableResponsiveDebugOverlay, logResponsiveState, } from './utilities';
25
- export { ResponsiveGridPatterns, ResponsiveFlexPatterns, ResponsiveContainerPatterns, ResponsiveVisibilityPatterns, ResponsiveSpacingPatterns, ResponsiveTypographyPatterns, LayoutPatterns, ResponsiveGrid, Flex, Container, Visibility, Spacing, ResponsiveTypography, } from './layout-patterns';
26
- export { AdvancedBreakpointUtils, ResponsiveHooks, ResponsiveTargeting, ResponsiveDataUtils, ResponsiveAdvanced, } from './advanced-utilities';
27
- export { OptimizedCSSGenerator, ResponsivePerformanceMonitor, cssRuleCache, } from './performance';
28
- export { ResponsiveDevTools, BrowserCompatibility, useResponsiveInspector, } from './dev-tools';
29
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,SAAS,CAAA;AAGvB,cAAc,eAAe,CAAA;AAG7B,cAAc,iBAAiB,CAAA;AAG/B,cAAc,uBAAuB,CAAA;AAGrC,cAAc,sBAAsB,CAAA;AAGpC,cAAc,aAAa,CAAA;AAG3B,cAAc,mBAAmB,CAAA;AAGjC,cAAc,eAAe,CAAA;AAG7B,cAAc,sBAAsB,CAAA;AAGpC,cAAc,aAAa,CAAA;AAG3B,YAAY,EACV,eAAe,EACf,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAEhB,YAAY,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAErE,OAAO,EACL,6BAA6B,EAC7B,cAAc,EACd,uBAAuB,GACxB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,gCAAgC,EAChC,8BAA8B,GAC/B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAE9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EACL,YAAY,EACZ,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,2BAA2B,EAC3B,4BAA4B,EAC5B,yBAAyB,EACzB,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,OAAO,EACP,oBAAoB,GACrB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,uBAAuB,EACvB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,YAAY,GACb,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,aAAa,CAAA"}
@@ -1,230 +0,0 @@
1
- /**
2
- * Responsive Layout Utility Patterns
3
- *
4
- * Provides common responsive layout patterns and utilities that make it easy
5
- * to create responsive designs without writing custom CSS for every use case.
6
- */
7
- import { ResponsiveValue, BreakpointKey, ResponsiveSpacingConfig } from './types';
8
- /**
9
- * Configuration for responsive grid layout
10
- */
11
- export interface ResponsiveGridConfig {
12
- columns?: ResponsiveValue<number>;
13
- rows?: ResponsiveValue<number>;
14
- gap?: ResponsiveValue<string | number>;
15
- columnGap?: ResponsiveValue<string | number>;
16
- rowGap?: ResponsiveValue<string | number>;
17
- autoFlow?: ResponsiveValue<'row' | 'column' | 'row dense' | 'column dense'>;
18
- autoRows?: ResponsiveValue<string>;
19
- autoColumns?: ResponsiveValue<string>;
20
- templateAreas?: ResponsiveValue<string>;
21
- }
22
- /**
23
- * Configuration for responsive flexbox layout
24
- */
25
- export interface ResponsiveFlexConfig {
26
- direction?: ResponsiveValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
27
- wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
28
- justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
29
- align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
30
- alignContent?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around'>;
31
- gap?: ResponsiveValue<string | number>;
32
- columnGap?: ResponsiveValue<string | number>;
33
- rowGap?: ResponsiveValue<string | number>;
34
- }
35
- /**
36
- * Configuration for responsive container layout
37
- */
38
- export interface ResponsiveContainerConfig {
39
- maxWidth?: ResponsiveValue<string | number>;
40
- width?: ResponsiveValue<string | number>;
41
- padding?: ResponsiveValue<string | number>;
42
- margin?: ResponsiveValue<string | number>;
43
- centerContent?: ResponsiveValue<boolean>;
44
- }
45
- /**
46
- * Responsive Grid Layout Utilities
47
- */
48
- export declare class ResponsiveGridPatterns {
49
- /**
50
- * Create a responsive grid with automatic column sizing
51
- */
52
- static autoFit(config: {
53
- minColumnWidth: ResponsiveValue<string | number>;
54
- gap?: ResponsiveValue<string | number>;
55
- maxColumns?: ResponsiveValue<number>;
56
- }): import("./responsive-modifier").ResponsiveModifier;
57
- /**
58
- * Create a responsive grid with explicit column counts
59
- */
60
- static columns(columns: ResponsiveValue<number>, config?: {
61
- gap?: ResponsiveValue<string | number>;
62
- rowGap?: ResponsiveValue<string | number>;
63
- autoRows?: ResponsiveValue<string>;
64
- }): import("./responsive-modifier").ResponsiveModifier;
65
- /**
66
- * Create responsive masonry-style grid
67
- */
68
- static masonry(config: {
69
- columns: ResponsiveValue<number>;
70
- gap?: ResponsiveValue<string | number>;
71
- }): import("./responsive-modifier").ResponsiveModifier;
72
- }
73
- /**
74
- * Responsive Flexbox Layout Utilities
75
- */
76
- export declare class ResponsiveFlexPatterns {
77
- /**
78
- * Create a responsive flex container that stacks on mobile, flows horizontally on desktop
79
- */
80
- static stackToRow(config?: {
81
- stackBreakpoint?: BreakpointKey;
82
- gap?: ResponsiveValue<string | number>;
83
- align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
84
- justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
85
- }): import("./responsive-modifier").ResponsiveModifier;
86
- /**
87
- * Create a responsive flex container with wrapping behavior
88
- */
89
- static wrap(config?: ResponsiveFlexConfig): import("./responsive-modifier").ResponsiveModifier;
90
- /**
91
- * Create centered flex layout
92
- */
93
- static center(direction?: ResponsiveValue<'row' | 'column'>): import("./responsive-modifier").ResponsiveModifier;
94
- /**
95
- * Create space-between flex layout
96
- */
97
- static spaceBetween(direction?: ResponsiveValue<'row' | 'column'>): import("./responsive-modifier").ResponsiveModifier;
98
- }
99
- /**
100
- * Responsive Container Utilities
101
- */
102
- export declare class ResponsiveContainerPatterns {
103
- /**
104
- * Create a responsive container with max-width constraints
105
- */
106
- static container(config?: ResponsiveContainerConfig): import("./responsive-modifier").ResponsiveModifier;
107
- /**
108
- * Create a full-width container that breaks out of constraints
109
- */
110
- static fullWidth(): import("./responsive-modifier").ResponsiveModifier;
111
- /**
112
- * Create a section container with responsive padding
113
- */
114
- static section(config?: {
115
- paddingY?: ResponsiveValue<string | number>;
116
- paddingX?: ResponsiveValue<string | number>;
117
- maxWidth?: ResponsiveValue<string | number>;
118
- }): import("./responsive-modifier").ResponsiveModifier;
119
- }
120
- /**
121
- * Responsive Visibility Utilities
122
- */
123
- export declare class ResponsiveVisibilityPatterns {
124
- /**
125
- * Show element only on specific breakpoints
126
- */
127
- static showOn(breakpoints: BreakpointKey[]): import("./responsive-modifier").ResponsiveModifier;
128
- /**
129
- * Hide element only on specific breakpoints
130
- */
131
- static hideOn(breakpoints: BreakpointKey[]): import("./responsive-modifier").ResponsiveModifier;
132
- /**
133
- * Show on mobile, hide on desktop
134
- */
135
- static mobileOnly(): import("./responsive-modifier").ResponsiveModifier;
136
- /**
137
- * Hide on mobile, show on desktop
138
- */
139
- static desktopOnly(): import("./responsive-modifier").ResponsiveModifier;
140
- /**
141
- * Show only on tablet breakpoint
142
- */
143
- static tabletOnly(): import("./responsive-modifier").ResponsiveModifier;
144
- }
145
- /**
146
- * Responsive Spacing Utilities
147
- */
148
- export declare class ResponsiveSpacingPatterns {
149
- /**
150
- * Create responsive padding
151
- */
152
- static padding(config: ResponsiveSpacingConfig): import("./responsive-modifier").ResponsiveModifier;
153
- /**
154
- * Create responsive margin
155
- */
156
- static margin(config: ResponsiveSpacingConfig): import("./responsive-modifier").ResponsiveModifier;
157
- /**
158
- * Create responsive gap (for flexbox and grid)
159
- */
160
- static gap(config: {
161
- all?: ResponsiveValue<string | number>;
162
- column?: ResponsiveValue<string | number>;
163
- row?: ResponsiveValue<string | number>;
164
- }): import("./responsive-modifier").ResponsiveModifier;
165
- }
166
- /**
167
- * Responsive Typography Utilities
168
- */
169
- export declare class ResponsiveTypographyPatterns {
170
- /**
171
- * Create responsive font scale
172
- */
173
- static scale(config: {
174
- base: string | number;
175
- scale?: ResponsiveValue<number>;
176
- lineHeight?: ResponsiveValue<number | string>;
177
- }): import("./responsive-modifier").ResponsiveModifier;
178
- /**
179
- * Create fluid typography that scales smoothly
180
- */
181
- static fluid(config: {
182
- minSize: string | number;
183
- maxSize: string | number;
184
- minBreakpoint?: string;
185
- maxBreakpoint?: string;
186
- }): import("./responsive-modifier").ResponsiveModifier;
187
- }
188
- /**
189
- * Common Layout Patterns
190
- */
191
- export declare const LayoutPatterns: {
192
- /**
193
- * Sidebar layout that collapses on mobile
194
- */
195
- sidebar: (config?: {
196
- sidebarWidth?: ResponsiveValue<string | number>;
197
- collapseBreakpoint?: BreakpointKey;
198
- gap?: ResponsiveValue<string | number>;
199
- }) => import("./responsive-modifier").ResponsiveModifier;
200
- /**
201
- * Holy grail layout (header, footer, sidebar, main content)
202
- */
203
- holyGrail: (config?: {
204
- headerHeight?: ResponsiveValue<string | number>;
205
- footerHeight?: ResponsiveValue<string | number>;
206
- sidebarWidth?: ResponsiveValue<string | number>;
207
- collapseBreakpoint?: BreakpointKey;
208
- }) => import("./responsive-modifier").ResponsiveModifier;
209
- /**
210
- * Card grid layout
211
- */
212
- cardGrid: (config?: {
213
- minCardWidth?: ResponsiveValue<string | number>;
214
- gap?: ResponsiveValue<string | number>;
215
- maxColumns?: ResponsiveValue<number>;
216
- }) => import("./responsive-modifier").ResponsiveModifier;
217
- /**
218
- * Hero section layout
219
- */
220
- hero: (config?: {
221
- minHeight?: ResponsiveValue<string | number>;
222
- textAlign?: ResponsiveValue<"left" | "center" | "right">;
223
- padding?: ResponsiveValue<string | number>;
224
- }) => import("./responsive-modifier").ResponsiveModifier;
225
- };
226
- /**
227
- * Export all layout patterns for easy access
228
- */
229
- export { ResponsiveGridPatterns as ResponsiveGrid, ResponsiveFlexPatterns as Flex, ResponsiveContainerPatterns as Container, ResponsiveVisibilityPatterns as Visibility, ResponsiveSpacingPatterns as Spacing, ResponsiveTypographyPatterns as ResponsiveTypography };
230
- //# sourceMappingURL=layout-patterns.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-patterns.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/layout-patterns.ts"],"names":[],"mappings":"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"}
@@ -1,130 +0,0 @@
1
- /**
2
- * Responsive System Performance Optimizations
3
- *
4
- * Optimizes CSS generation, caching, and runtime performance for the responsive system.
5
- */
6
- import { ResponsiveStyleConfig } from './types';
7
- /**
8
- * CSS rule cache for deduplication
9
- */
10
- declare class CSSRuleCache {
11
- private cache;
12
- private hitCount;
13
- private missCount;
14
- get(key: string): string | undefined;
15
- set(key: string, value: string): void;
16
- clear(): void;
17
- getStats(): {
18
- size: number;
19
- hitRate: number;
20
- hits: number;
21
- misses: number;
22
- };
23
- }
24
- /**
25
- * Global CSS rule cache instance
26
- */
27
- export declare const cssRuleCache: CSSRuleCache;
28
- /**
29
- * Performance-optimized CSS generation
30
- */
31
- export declare class OptimizedCSSGenerator {
32
- private static readonly BATCH_SIZE;
33
- private static ruleQueue;
34
- private static flushTimer;
35
- /**
36
- * Generate CSS with caching and batching
37
- */
38
- static generateOptimizedCSS(selector: string, config: ResponsiveStyleConfig, options?: {
39
- minify?: boolean;
40
- batch?: boolean;
41
- deduplicate?: boolean;
42
- }): string;
43
- /**
44
- * Create cache key for CSS rule
45
- */
46
- private static createCacheKey;
47
- /**
48
- * Generate CSS without optimizations (for comparison)
49
- */
50
- private static generateCSS;
51
- /**
52
- * Add CSS to batch queue
53
- */
54
- private static addToBatch;
55
- /**
56
- * Flush batched CSS rules
57
- */
58
- private static flushBatch;
59
- /**
60
- * Inject CSS into document
61
- */
62
- private static injectCSS;
63
- /**
64
- * Extract base (non-responsive) styles
65
- */
66
- private static extractBaseStyles;
67
- /**
68
- * Generate CSS properties
69
- */
70
- private static generateProperties;
71
- /**
72
- * Convert property name to CSS
73
- */
74
- private static propertyToCSS;
75
- /**
76
- * Convert value to CSS
77
- */
78
- private static valueToCSS;
79
- /**
80
- * Get media query for breakpoint
81
- */
82
- private static getMediaQuery;
83
- /**
84
- * Force flush any pending batched CSS
85
- */
86
- static flush(): void;
87
- /**
88
- * Get performance statistics
89
- */
90
- static getStats(): {
91
- cache: {
92
- size: number;
93
- hitRate: number;
94
- hits: number;
95
- misses: number;
96
- };
97
- batch: {
98
- queueSize: number;
99
- batchSize: number;
100
- };
101
- };
102
- /**
103
- * Clear all caches and reset performance counters
104
- */
105
- static reset(): void;
106
- }
107
- /**
108
- * Performance monitoring for responsive system
109
- */
110
- export declare class ResponsivePerformanceMonitor {
111
- private static measurements;
112
- /**
113
- * Start performance measurement
114
- */
115
- static startMeasurement(name: string): () => number;
116
- /**
117
- * Record measurement
118
- */
119
- private static recordMeasurement;
120
- /**
121
- * Get performance statistics
122
- */
123
- static getStats(): Record<string, any>;
124
- /**
125
- * Clear all performance data
126
- */
127
- static reset(): void;
128
- }
129
- export {};
130
- //# sourceMappingURL=performance.d.ts.map
@@ -1 +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"}