@tachui/core 0.7.1-alpha → 0.8.1-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 (286) hide show
  1. package/README.md +20 -2
  2. package/dist/bundles/assets.d.ts +19 -0
  3. package/dist/bundles/assets.d.ts.map +1 -0
  4. package/dist/bundles/common.d.ts +1 -1
  5. package/dist/bundles/common.d.ts.map +1 -1
  6. package/dist/bundles/context.d.ts +22 -0
  7. package/dist/bundles/context.d.ts.map +1 -0
  8. package/dist/bundles/minimal.d.ts +8 -18
  9. package/dist/bundles/minimal.d.ts.map +1 -1
  10. package/dist/bundles/production-minimal.d.ts +2 -16
  11. package/dist/bundles/production-minimal.d.ts.map +1 -1
  12. package/dist/common.js +405 -828
  13. package/dist/compiler/advanced-parser.d.ts.map +1 -1
  14. package/dist/compiler/codegen.d.ts.map +1 -1
  15. package/dist/compiler/index.js +6 -1387
  16. package/dist/compiler/parser.d.ts +1 -1
  17. package/dist/compiler/parser.d.ts.map +1 -1
  18. package/dist/compiler/plugin.d.ts.map +1 -1
  19. package/dist/compiler/types.d.ts +28 -0
  20. package/dist/compiler/types.d.ts.map +1 -1
  21. package/dist/component-XAzF1xqs.js +487 -0
  22. package/dist/component-base-x2XmHFjy.js +255 -0
  23. package/dist/components/index.d.ts +4 -38
  24. package/dist/components/index.d.ts.map +1 -1
  25. package/dist/components/index.js +7 -4167
  26. package/dist/components/wrapper.d.ts +5 -152
  27. package/dist/components/wrapper.d.ts.map +1 -1
  28. package/dist/concatenated-component-ByPl3_FF.js +2933 -0
  29. package/dist/constants/index.d.ts +1 -1
  30. package/dist/constants/layout.d.ts +47 -4
  31. package/dist/constants/layout.d.ts.map +1 -1
  32. package/dist/constants/layout.js +84 -0
  33. package/dist/css-classes/index.js +176 -0
  34. package/dist/{dom-bridge-Cx-s6Ihx.js → dom-bridge-CAa1N2zX.js} +28 -28
  35. package/dist/{effect-CytAc9em.js → effect-B9Knft0b.js} +3 -3
  36. package/dist/essential.js +397 -826
  37. package/dist/index-DEBd8cq7.js +1144 -0
  38. package/dist/index-DIvMCJQO.js +268 -0
  39. package/dist/index-vdsiw6gQ.js +777 -0
  40. package/dist/index.d.ts +9 -9
  41. package/dist/index.d.ts.map +1 -1
  42. package/dist/index.js +397 -826
  43. package/dist/minimal-prod.js +101 -155
  44. package/dist/minimal.js +118 -170
  45. package/dist/modifiers/background.d.ts +41 -11
  46. package/dist/modifiers/background.d.ts.map +1 -1
  47. package/dist/modifiers/base.d.ts +6 -33
  48. package/dist/modifiers/base.d.ts.map +1 -1
  49. package/dist/modifiers/base.js +487 -0
  50. package/dist/modifiers/builder.d.ts +103 -195
  51. package/dist/modifiers/builder.d.ts.map +1 -1
  52. package/dist/modifiers/builder.js +9 -0
  53. package/dist/modifiers/core.d.ts +9 -401
  54. package/dist/modifiers/core.d.ts.map +1 -1
  55. package/dist/modifiers/{utils.d.ts → factories.d.ts} +18 -5
  56. package/dist/modifiers/factories.d.ts.map +1 -0
  57. package/dist/modifiers/index.d.ts +8 -52
  58. package/dist/modifiers/index.d.ts.map +1 -1
  59. package/dist/modifiers/index.js +38 -0
  60. package/dist/modifiers/presets.d.ts +368 -0
  61. package/dist/modifiers/presets.d.ts.map +1 -0
  62. package/dist/modifiers/registry.js +10 -0
  63. package/dist/modifiers/types.d.ts +39 -211
  64. package/dist/modifiers/types.d.ts.map +1 -1
  65. package/dist/modifiers/types.js +4 -0
  66. package/dist/observed-object-Cos-FtjP.js +269 -0
  67. package/dist/performance-optimizer-stub-CtfXUwl4.js +38 -0
  68. package/dist/plugin-BCAdZXKq.js +1680 -0
  69. package/dist/plugins/index.d.ts +5 -6
  70. package/dist/plugins/index.d.ts.map +1 -1
  71. package/dist/plugins/index.js +147 -297
  72. package/dist/plugins/simplified-index.d.ts +5 -6
  73. package/dist/plugins/simplified-index.d.ts.map +1 -1
  74. package/dist/production-minimal-BY_gMc-l.js +2532 -0
  75. package/dist/reactive/index.js +96 -95
  76. package/dist/reactive/types.js +4 -0
  77. package/dist/runtime/concatenation-aria.d.ts +24 -0
  78. package/dist/runtime/concatenation-aria.d.ts.map +1 -0
  79. package/dist/runtime/concatenation-aria.js +53 -0
  80. package/dist/runtime/concatenation-full.d.ts +30 -0
  81. package/dist/runtime/concatenation-full.d.ts.map +1 -0
  82. package/dist/runtime/concatenation-full.js +77 -0
  83. package/dist/runtime/concatenation-minimal.d.ts +25 -0
  84. package/dist/runtime/concatenation-minimal.d.ts.map +1 -0
  85. package/dist/runtime/concatenation-minimal.js +40 -0
  86. package/dist/runtime/dom-bridge.js +5 -5
  87. package/dist/runtime/element-override.d.ts.map +1 -1
  88. package/dist/runtime/index.d.ts +0 -7
  89. package/dist/runtime/index.d.ts.map +1 -1
  90. package/dist/runtime/renderer.d.ts.map +1 -1
  91. package/dist/runtime/renderer.js +7 -8
  92. package/dist/runtime/semantic-role-manager.d.ts.map +1 -1
  93. package/dist/runtime/types.js +1 -0
  94. package/dist/{scheduler-7SvC3a21.js → scheduler-BKeqwrYE.js} +130 -130
  95. package/dist/validation/build-time-stub.d.ts +33 -0
  96. package/dist/validation/build-time-stub.d.ts.map +1 -0
  97. package/dist/validation/debug-tools-stub.d.ts +67 -0
  98. package/dist/validation/debug-tools-stub.d.ts.map +1 -0
  99. package/dist/validation/index.d.ts +23 -78
  100. package/dist/validation/index.d.ts.map +1 -1
  101. package/dist/validation/index.js +609 -6470
  102. package/dist/validation/lifecycle-validation.d.ts.map +1 -1
  103. package/dist/validation/performance-optimizer-stub.d.ts +50 -0
  104. package/dist/validation/performance-optimizer-stub.d.ts.map +1 -0
  105. package/dist/validation/plugin-registration.d.ts +5 -1
  106. package/dist/validation/plugin-registration.d.ts.map +1 -1
  107. package/dist/validation/production-bypass-core.d.ts +69 -0
  108. package/dist/validation/production-bypass-core.d.ts.map +1 -0
  109. package/package.json +61 -5
  110. package/dist/ScrollView-h-6wYMAm.js +0 -515
  111. package/dist/Spacer-BbteDQ9I.js +0 -5337
  112. package/dist/binding-CmdpowkI.js +0 -2276
  113. package/dist/components/BasicInput.d.ts +0 -116
  114. package/dist/components/BasicInput.d.ts.map +0 -1
  115. package/dist/components/Button.d.ts +0 -252
  116. package/dist/components/Button.d.ts.map +0 -1
  117. package/dist/components/Divider.d.ts +0 -141
  118. package/dist/components/Divider.d.ts.map +0 -1
  119. package/dist/components/EnhancedLink.d.ts +0 -365
  120. package/dist/components/EnhancedLink.d.ts.map +0 -1
  121. package/dist/components/Form.d.ts +0 -141
  122. package/dist/components/Form.d.ts.map +0 -1
  123. package/dist/components/Grid.d.ts +0 -698
  124. package/dist/components/Grid.d.ts.map +0 -1
  125. package/dist/components/GridResponsive.d.ts +0 -214
  126. package/dist/components/GridResponsive.d.ts.map +0 -1
  127. package/dist/components/Image.d.ts +0 -162
  128. package/dist/components/Image.d.ts.map +0 -1
  129. package/dist/components/List.d.ts +0 -287
  130. package/dist/components/List.d.ts.map +0 -1
  131. package/dist/components/Menu.d.ts +0 -159
  132. package/dist/components/Menu.d.ts.map +0 -1
  133. package/dist/components/Picker.d.ts +0 -153
  134. package/dist/components/Picker.d.ts.map +0 -1
  135. package/dist/components/ScrollView.d.ts +0 -222
  136. package/dist/components/ScrollView.d.ts.map +0 -1
  137. package/dist/components/Section.d.ts +0 -153
  138. package/dist/components/Section.d.ts.map +0 -1
  139. package/dist/components/Show.d.ts +0 -64
  140. package/dist/components/Show.d.ts.map +0 -1
  141. package/dist/components/Spacer.d.ts +0 -35
  142. package/dist/components/Spacer.d.ts.map +0 -1
  143. package/dist/components/Text.d.ts +0 -242
  144. package/dist/components/Text.d.ts.map +0 -1
  145. package/dist/components/Toggle.d.ts +0 -207
  146. package/dist/components/Toggle.d.ts.map +0 -1
  147. package/dist/concatenated-component-DPcl2TEO.js +0 -6779
  148. package/dist/context--zQFIImS.js +0 -283
  149. package/dist/debug/index.d.ts +0 -61
  150. package/dist/debug/index.d.ts.map +0 -1
  151. package/dist/debug.js +0 -178
  152. package/dist/developer-experience/enhanced-errors.d.ts +0 -128
  153. package/dist/developer-experience/enhanced-errors.d.ts.map +0 -1
  154. package/dist/developer-experience/enhanced-types.d.ts +0 -281
  155. package/dist/developer-experience/enhanced-types.d.ts.map +0 -1
  156. package/dist/developer-experience/index.d.ts +0 -44
  157. package/dist/developer-experience/index.d.ts.map +0 -1
  158. package/dist/index-Nfi2SBQh.js +0 -3268
  159. package/dist/modifiers/attributes.d.ts +0 -203
  160. package/dist/modifiers/attributes.d.ts.map +0 -1
  161. package/dist/modifiers/backdrop.d.ts +0 -59
  162. package/dist/modifiers/backdrop.d.ts.map +0 -1
  163. package/dist/modifiers/border.d.ts +0 -217
  164. package/dist/modifiers/border.d.ts.map +0 -1
  165. package/dist/modifiers/effects.d.ts +0 -159
  166. package/dist/modifiers/effects.d.ts.map +0 -1
  167. package/dist/modifiers/elements.d.ts +0 -240
  168. package/dist/modifiers/elements.d.ts.map +0 -1
  169. package/dist/modifiers/filters.d.ts +0 -275
  170. package/dist/modifiers/filters.d.ts.map +0 -1
  171. package/dist/modifiers/flexbox.d.ts +0 -82
  172. package/dist/modifiers/flexbox.d.ts.map +0 -1
  173. package/dist/modifiers/font.d.ts +0 -71
  174. package/dist/modifiers/font.d.ts.map +0 -1
  175. package/dist/modifiers/grid.d.ts +0 -92
  176. package/dist/modifiers/grid.d.ts.map +0 -1
  177. package/dist/modifiers/margin.d.ts +0 -128
  178. package/dist/modifiers/margin.d.ts.map +0 -1
  179. package/dist/modifiers/padding.d.ts +0 -204
  180. package/dist/modifiers/padding.d.ts.map +0 -1
  181. package/dist/modifiers/responsive/advanced-utilities.d.ts +0 -118
  182. package/dist/modifiers/responsive/advanced-utilities.d.ts.map +0 -1
  183. package/dist/modifiers/responsive/breakpoints.d.ts +0 -81
  184. package/dist/modifiers/responsive/breakpoints.d.ts.map +0 -1
  185. package/dist/modifiers/responsive/css-generator.d.ts +0 -100
  186. package/dist/modifiers/responsive/css-generator.d.ts.map +0 -1
  187. package/dist/modifiers/responsive/dev-tools.d.ts +0 -107
  188. package/dist/modifiers/responsive/dev-tools.d.ts.map +0 -1
  189. package/dist/modifiers/responsive/index.d.ts +0 -29
  190. package/dist/modifiers/responsive/index.d.ts.map +0 -1
  191. package/dist/modifiers/responsive/layout-patterns.d.ts +0 -230
  192. package/dist/modifiers/responsive/layout-patterns.d.ts.map +0 -1
  193. package/dist/modifiers/responsive/performance.d.ts +0 -130
  194. package/dist/modifiers/responsive/performance.d.ts.map +0 -1
  195. package/dist/modifiers/responsive/responsive-builder.d.ts +0 -133
  196. package/dist/modifiers/responsive/responsive-builder.d.ts.map +0 -1
  197. package/dist/modifiers/responsive/responsive-modifier.d.ts +0 -123
  198. package/dist/modifiers/responsive/responsive-modifier.d.ts.map +0 -1
  199. package/dist/modifiers/responsive/types.d.ts +0 -183
  200. package/dist/modifiers/responsive/types.d.ts.map +0 -1
  201. package/dist/modifiers/responsive/utilities.d.ts +0 -149
  202. package/dist/modifiers/responsive/utilities.d.ts.map +0 -1
  203. package/dist/modifiers/scroll.d.ts +0 -143
  204. package/dist/modifiers/scroll.d.ts.map +0 -1
  205. package/dist/modifiers/shadows.d.ts +0 -114
  206. package/dist/modifiers/shadows.d.ts.map +0 -1
  207. package/dist/modifiers/size.d.ts +0 -113
  208. package/dist/modifiers/size.d.ts.map +0 -1
  209. package/dist/modifiers/text.d.ts +0 -147
  210. package/dist/modifiers/text.d.ts.map +0 -1
  211. package/dist/modifiers/transformations.d.ts +0 -329
  212. package/dist/modifiers/transformations.d.ts.map +0 -1
  213. package/dist/modifiers/transitions.d.ts +0 -98
  214. package/dist/modifiers/transitions.d.ts.map +0 -1
  215. package/dist/modifiers/typography.d.ts +0 -192
  216. package/dist/modifiers/typography.d.ts.map +0 -1
  217. package/dist/modifiers/utility.d.ts +0 -69
  218. package/dist/modifiers/utility.d.ts.map +0 -1
  219. package/dist/modifiers/utils.d.ts.map +0 -1
  220. package/dist/plugins/simplified-error-handler.d.ts +0 -83
  221. package/dist/plugins/simplified-error-handler.d.ts.map +0 -1
  222. package/dist/runtime/dev-tools.d.ts +0 -240
  223. package/dist/runtime/dev-tools.d.ts.map +0 -1
  224. package/dist/runtime/development-warnings.d.ts +0 -42
  225. package/dist/runtime/development-warnings.d.ts.map +0 -1
  226. package/dist/runtime/error-boundary.d.ts +0 -302
  227. package/dist/runtime/error-boundary.d.ts.map +0 -1
  228. package/dist/runtime/error-recovery.d.ts +0 -267
  229. package/dist/runtime/error-recovery.d.ts.map +0 -1
  230. package/dist/runtime/error-reporting.d.ts +0 -287
  231. package/dist/runtime/error-reporting.d.ts.map +0 -1
  232. package/dist/runtime/error-utils.d.ts +0 -204
  233. package/dist/runtime/error-utils.d.ts.map +0 -1
  234. package/dist/runtime/performance.d.ts +0 -217
  235. package/dist/runtime/performance.d.ts.map +0 -1
  236. package/dist/sui-compat.d.ts +0 -110
  237. package/dist/sui-compat.d.ts.map +0 -1
  238. package/dist/validation/advanced-debugging.d.ts +0 -319
  239. package/dist/validation/advanced-debugging.d.ts.map +0 -1
  240. package/dist/validation/build-time/detection.d.ts +0 -32
  241. package/dist/validation/build-time/detection.d.ts.map +0 -1
  242. package/dist/validation/build-time/index.d.ts +0 -84
  243. package/dist/validation/build-time/index.d.ts.map +0 -1
  244. package/dist/validation/build-time/plugins.d.ts +0 -75
  245. package/dist/validation/build-time/plugins.d.ts.map +0 -1
  246. package/dist/validation/build-time/rules.d.ts +0 -73
  247. package/dist/validation/build-time/rules.d.ts.map +0 -1
  248. package/dist/validation/build-time/transformer.d.ts +0 -23
  249. package/dist/validation/build-time/transformer.d.ts.map +0 -1
  250. package/dist/validation/build-time/types.d.ts +0 -212
  251. package/dist/validation/build-time/types.d.ts.map +0 -1
  252. package/dist/validation/comprehensive.d.ts +0 -160
  253. package/dist/validation/comprehensive.d.ts.map +0 -1
  254. package/dist/validation/debug-tools.d.ts +0 -251
  255. package/dist/validation/debug-tools.d.ts.map +0 -1
  256. package/dist/validation/developer-experience.d.ts +0 -243
  257. package/dist/validation/developer-experience.d.ts.map +0 -1
  258. package/dist/validation/documentation-integration.d.ts +0 -269
  259. package/dist/validation/documentation-integration.d.ts.map +0 -1
  260. package/dist/validation/enhanced-runtime.d.ts +0 -279
  261. package/dist/validation/enhanced-runtime.d.ts.map +0 -1
  262. package/dist/validation/error-reporting.d.ts +0 -186
  263. package/dist/validation/error-reporting.d.ts.map +0 -1
  264. package/dist/validation/ide-integration.d.ts +0 -328
  265. package/dist/validation/ide-integration.d.ts.map +0 -1
  266. package/dist/validation/performance-optimizer.d.ts +0 -218
  267. package/dist/validation/performance-optimizer.d.ts.map +0 -1
  268. package/dist/validation/production-bypass.d.ts +0 -175
  269. package/dist/validation/production-bypass.d.ts.map +0 -1
  270. package/dist/validation/simple.d.ts +0 -111
  271. package/dist/validation/simple.d.ts.map +0 -1
  272. package/dist/viewport/adapters/web-adapter.d.ts +0 -227
  273. package/dist/viewport/adapters/web-adapter.d.ts.map +0 -1
  274. package/dist/viewport/components.d.ts +0 -131
  275. package/dist/viewport/components.d.ts.map +0 -1
  276. package/dist/viewport/environment.d.ts +0 -75
  277. package/dist/viewport/environment.d.ts.map +0 -1
  278. package/dist/viewport/index.d.ts +0 -138
  279. package/dist/viewport/index.d.ts.map +0 -1
  280. package/dist/viewport/index.js +0 -2085
  281. package/dist/viewport/platform-detection.d.ts +0 -59
  282. package/dist/viewport/platform-detection.d.ts.map +0 -1
  283. package/dist/viewport/types.d.ts +0 -301
  284. package/dist/viewport/types.d.ts.map +0 -1
  285. package/dist/viewport/viewport-manager.d.ts +0 -118
  286. 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"}