@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,133 +0,0 @@
1
- /**
2
- * Responsive Modifier Builder
3
- *
4
- * Extends the existing ModifierBuilder with responsive capabilities.
5
- * Provides a fluent API for creating responsive modifiers that integrate
6
- * seamlessly with the existing modifier system.
7
- */
8
- import type { ModifierBuilder, Modifier } from '../types';
9
- import type { ComponentInstance } from '../../runtime/types';
10
- import { ResponsiveValue, ResponsiveStyleConfig, ResponsiveSpacingConfig, ResponsiveDimensionConfig, ResponsiveTypographyConfig } from './types';
11
- /**
12
- * Responsive modifier builder interface
13
- */
14
- export interface ResponsiveModifierBuilder<T extends ComponentInstance = ComponentInstance> {
15
- responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T>;
16
- mediaQuery(query: string, styles: Record<string, any>): ResponsiveModifierBuilder<T>;
17
- orientation(orientation: 'portrait' | 'landscape', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
18
- colorScheme(scheme: 'light' | 'dark', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
19
- reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
20
- highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
21
- touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
22
- mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
23
- retina(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
24
- print(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
25
- responsiveLayout(config: {
26
- direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | '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
- gap?: ResponsiveValue<number | string>;
31
- }): ResponsiveModifierBuilder<T>;
32
- responsiveWidth(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
33
- responsiveHeight(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
34
- responsiveSize(config: ResponsiveDimensionConfig): ResponsiveModifierBuilder<T>;
35
- responsivePadding(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
36
- responsiveMargin(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
37
- responsiveFont(config: ResponsiveTypographyConfig): ResponsiveModifierBuilder<T>;
38
- responsiveFontSize(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
39
- responsiveTextAlign(value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>): ResponsiveModifierBuilder<T>;
40
- base: ResponsiveBreakpointBuilder<T>;
41
- sm: ResponsiveBreakpointBuilder<T>;
42
- md: ResponsiveBreakpointBuilder<T>;
43
- lg: ResponsiveBreakpointBuilder<T>;
44
- xl: ResponsiveBreakpointBuilder<T>;
45
- '2xl': ResponsiveBreakpointBuilder<T>;
46
- addModifier(modifier: Modifier): void;
47
- build(): T;
48
- }
49
- /**
50
- * Breakpoint-specific builder for shorthand syntax
51
- * Returns ModifierBuilder to allow chaining with regular modifiers after responsive ones
52
- */
53
- export interface ResponsiveBreakpointBuilder<T extends ComponentInstance = ComponentInstance> {
54
- width(value: number | string): ModifierBuilder<T>;
55
- height(value: number | string): ModifierBuilder<T>;
56
- minWidth(value: number | string): ModifierBuilder<T>;
57
- maxWidth(value: number | string): ModifierBuilder<T>;
58
- minHeight(value: number | string): ModifierBuilder<T>;
59
- maxHeight(value: number | string): ModifierBuilder<T>;
60
- padding(value: number | string): ModifierBuilder<T>;
61
- paddingHorizontal(value: number | string): ModifierBuilder<T>;
62
- paddingVertical(value: number | string): ModifierBuilder<T>;
63
- paddingTop(value: number | string): ModifierBuilder<T>;
64
- paddingBottom(value: number | string): ModifierBuilder<T>;
65
- paddingLeft(value: number | string): ModifierBuilder<T>;
66
- paddingRight(value: number | string): ModifierBuilder<T>;
67
- margin(value: number | string): ModifierBuilder<T>;
68
- marginHorizontal(value: number | string): ModifierBuilder<T>;
69
- marginVertical(value: number | string): ModifierBuilder<T>;
70
- marginTop(value: number | string): ModifierBuilder<T>;
71
- marginBottom(value: number | string): ModifierBuilder<T>;
72
- marginLeft(value: number | string): ModifierBuilder<T>;
73
- marginRight(value: number | string): ModifierBuilder<T>;
74
- fontSize(value: number | string): ModifierBuilder<T>;
75
- textAlign(value: 'left' | 'center' | 'right' | 'justify'): ModifierBuilder<T>;
76
- display(value: 'none' | 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid'): ModifierBuilder<T>;
77
- flexDirection(value: 'row' | 'column' | 'row-reverse' | 'column-reverse'): ModifierBuilder<T>;
78
- justifyContent(value: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'): ModifierBuilder<T>;
79
- alignItems(value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'): ModifierBuilder<T>;
80
- backgroundColor(value: string): ModifierBuilder<T>;
81
- color(value: string): ModifierBuilder<T>;
82
- opacity(value: number): ModifierBuilder<T>;
83
- }
84
- /**
85
- * Implementation of responsive modifier builder using Proxy delegation
86
- */
87
- export declare class ResponsiveModifierBuilderImpl<T extends ComponentInstance = ComponentInstance> implements ResponsiveModifierBuilder<T> {
88
- private baseBuilder;
89
- constructor(baseBuilder: ModifierBuilder<T>);
90
- addModifier(modifier: Modifier): void;
91
- build(): T;
92
- responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T>;
93
- mediaQuery(query: string, styles: Record<string, any>): ResponsiveModifierBuilder<T>;
94
- orientation(orientation: 'portrait' | 'landscape', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
95
- colorScheme(scheme: 'light' | 'dark', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
96
- reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
97
- highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
98
- touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
99
- mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
100
- retina(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
101
- print(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
102
- responsiveLayout(config: {
103
- direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
104
- wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
105
- justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
106
- align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
107
- gap?: ResponsiveValue<number | string>;
108
- }): ResponsiveModifierBuilder<T>;
109
- responsiveWidth(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
110
- responsiveHeight(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
111
- responsiveSize(config: ResponsiveDimensionConfig): ResponsiveModifierBuilder<T>;
112
- responsivePadding(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
113
- responsiveMargin(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
114
- responsiveFont(config: ResponsiveTypographyConfig): ResponsiveModifierBuilder<T>;
115
- responsiveFontSize(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
116
- responsiveTextAlign(value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>): ResponsiveModifierBuilder<T>;
117
- get base(): ResponsiveBreakpointBuilder<T>;
118
- get sm(): ResponsiveBreakpointBuilder<T>;
119
- get md(): ResponsiveBreakpointBuilder<T>;
120
- get lg(): ResponsiveBreakpointBuilder<T>;
121
- get xl(): ResponsiveBreakpointBuilder<T>;
122
- get '2xl'(): ResponsiveBreakpointBuilder<T>;
123
- [key: string]: any;
124
- }
125
- /**
126
- * Utility function to wrap existing modifier builder with responsive capabilities
127
- */
128
- export declare function withResponsive<T extends ComponentInstance = ComponentInstance>(builder: ModifierBuilder<T>): ResponsiveModifierBuilder<T>;
129
- /**
130
- * Create a responsive modifier builder from scratch
131
- */
132
- export declare function createResponsiveBuilder<T extends ComponentInstance = ComponentInstance>(baseBuilder: ModifierBuilder<T>): ResponsiveModifierBuilder<T>;
133
- //# sourceMappingURL=responsive-builder.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"responsive-builder.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/responsive-builder.ts"],"names":[],"mappings":"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"}
@@ -1,123 +0,0 @@
1
- /**
2
- * Responsive Modifier Implementation
3
- *
4
- * Core responsive modifier that integrates with the existing tachUI modifier system.
5
- * Provides CSS-native media query generation with backward compatibility.
6
- */
7
- import { BaseModifier } from '../base';
8
- import type { ModifierContext } from '../types';
9
- import type { DOMNode } from '../../runtime/types';
10
- import { ResponsiveValue, ResponsiveStyleConfig, ResponsiveModifierResult } from './types';
11
- /**
12
- * Responsive modifier priority (between appearance and interaction)
13
- */
14
- export declare const RESPONSIVE_MODIFIER_PRIORITY = 250;
15
- /**
16
- * Core responsive modifier class
17
- */
18
- export declare class ResponsiveModifier extends BaseModifier<ResponsiveStyleConfig> {
19
- readonly type = "responsive";
20
- readonly priority = 250;
21
- private generatedCSS;
22
- private elementSelector;
23
- private _config;
24
- constructor(config: ResponsiveStyleConfig);
25
- get config(): ResponsiveStyleConfig;
26
- /**
27
- * Apply responsive styles to the element
28
- */
29
- apply(node: DOMNode, _context: ModifierContext): DOMNode | undefined;
30
- /**
31
- * Generate and inject responsive CSS
32
- */
33
- private generateAndInjectCSS;
34
- /**
35
- * Set up reactive updates for dynamic responsive values
36
- */
37
- private setupReactiveUpdates;
38
- /**
39
- * Track reactive dependencies by accessing all reactive values
40
- */
41
- private trackReactiveDependencies;
42
- /**
43
- * Update configuration and regenerate CSS
44
- */
45
- private updateConfig;
46
- /**
47
- * Generate unique CSS selector for this element
48
- */
49
- private generateUniqueSelector;
50
- /**
51
- * Extract class name from CSS selector
52
- */
53
- private getClassFromSelector;
54
- /**
55
- * Generate unique ID for CSS class names
56
- */
57
- private generateUniqueId;
58
- /**
59
- * Check if configuration contains reactive values (signals)
60
- */
61
- private hasReactiveValues;
62
- /**
63
- * Check if a value is a reactive signal, computed, or Asset
64
- */
65
- private isReactiveValue;
66
- /**
67
- * Check if a value is an Asset object
68
- */
69
- private isAsset;
70
- /**
71
- * Resolve configuration with current signal values
72
- */
73
- private resolveReactiveConfig;
74
- /**
75
- * Get generated CSS information (for debugging)
76
- */
77
- getGeneratedCSS(): ResponsiveModifierResult | null;
78
- /**
79
- * Get configuration (for debugging)
80
- */
81
- getConfig(): ResponsiveStyleConfig;
82
- }
83
- /**
84
- * Factory function to create responsive modifiers
85
- */
86
- export declare function createResponsiveModifier(config: ResponsiveStyleConfig): ResponsiveModifier;
87
- /**
88
- * Media query modifier for custom media queries
89
- */
90
- export declare class MediaQueryModifier extends BaseModifier<{
91
- query: string;
92
- styles: Record<string, any>;
93
- }> {
94
- readonly type = "media-query";
95
- readonly priority: number;
96
- private elementSelector;
97
- constructor(query: string, styles: Record<string, any>);
98
- get query(): string;
99
- get styles(): Record<string, any>;
100
- apply(node: DOMNode, _context: ModifierContext): DOMNode | undefined;
101
- private generateMediaQueryCSS;
102
- private generateUniqueSelector;
103
- private getClassFromSelector;
104
- }
105
- /**
106
- * Factory function to create media query modifiers
107
- */
108
- export declare function createMediaQueryModifier(query: string, styles: Record<string, any>): MediaQueryModifier;
109
- /**
110
- * Utility to create responsive property modifier
111
- */
112
- export declare function createResponsivePropertyModifier<T>(property: string, value: ResponsiveValue<T>): ResponsiveModifier;
113
- /**
114
- * Create a responsive layout modifier
115
- */
116
- export declare function createResponsiveLayoutModifier(config: {
117
- direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
118
- wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
119
- justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
120
- align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
121
- gap?: ResponsiveValue<number | string>;
122
- }): ResponsiveModifier;
123
- //# sourceMappingURL=responsive-modifier.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"responsive-modifier.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/responsive-modifier.ts"],"names":[],"mappings":"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"}
@@ -1,183 +0,0 @@
1
- /**
2
- * Responsive Design System Types
3
- *
4
- * CSS-Native media query and responsive design type definitions for tachUI.
5
- * Provides comprehensive type safety for responsive modifiers while maintaining
6
- * backward compatibility with existing modifier system.
7
- */
8
- /**
9
- * Standard breakpoint identifiers following Tailwind conventions
10
- */
11
- export type BreakpointKey = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
12
- /**
13
- * Breakpoint configuration mapping breakpoint keys to CSS values
14
- */
15
- export interface BreakpointConfig {
16
- base?: string;
17
- sm?: string;
18
- md?: string;
19
- lg?: string;
20
- xl?: string;
21
- '2xl'?: string;
22
- }
23
- /**
24
- * Default breakpoint values (Tailwind-inspired)
25
- */
26
- export declare const DEFAULT_BREAKPOINTS: Required<BreakpointConfig>;
27
- /**
28
- * Responsive value type that accepts either a single value or breakpoint-specific values
29
- */
30
- export type ResponsiveValue<T> = T | Partial<Record<BreakpointKey, T>>;
31
- /**
32
- * CSS property values that can be responsive
33
- */
34
- export type ResponsiveCSSValue = ResponsiveValue<string | number>;
35
- /**
36
- * Advanced media query configuration for custom responsive behavior
37
- */
38
- export interface MediaQueryConfig {
39
- query: string;
40
- styles: Record<string, string | number>;
41
- }
42
- /**
43
- * Responsive modifier configuration combining breakpoints and custom media queries
44
- */
45
- export interface ResponsiveModifierConfig<T = any> {
46
- breakpoints?: Partial<Record<BreakpointKey, T>>;
47
- mediaQueries?: MediaQueryConfig[];
48
- fallback?: T;
49
- }
50
- /**
51
- * Responsive layout configuration for common responsive patterns
52
- */
53
- export interface ResponsiveLayoutConfig {
54
- direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
55
- wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
56
- justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
57
- align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
58
- gap?: ResponsiveValue<number | string>;
59
- }
60
- /**
61
- * Responsive typography configuration
62
- */
63
- export interface ResponsiveTypographyConfig {
64
- fontSize?: ResponsiveValue<number | string>;
65
- lineHeight?: ResponsiveValue<number | string>;
66
- letterSpacing?: ResponsiveValue<number | string>;
67
- fontWeight?: ResponsiveValue<number | string>;
68
- textAlign?: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>;
69
- textTransform?: ResponsiveValue<'none' | 'uppercase' | 'lowercase' | 'capitalize'>;
70
- }
71
- /**
72
- * Responsive spacing configuration
73
- */
74
- export interface ResponsiveSpacingConfig {
75
- top?: ResponsiveValue<number | string>;
76
- right?: ResponsiveValue<number | string>;
77
- bottom?: ResponsiveValue<number | string>;
78
- left?: ResponsiveValue<number | string>;
79
- horizontal?: ResponsiveValue<number | string>;
80
- vertical?: ResponsiveValue<number | string>;
81
- all?: ResponsiveValue<number | string>;
82
- }
83
- /**
84
- * Responsive dimension configuration
85
- */
86
- export interface ResponsiveDimensionConfig {
87
- width?: ResponsiveValue<number | string>;
88
- height?: ResponsiveValue<number | string>;
89
- minWidth?: ResponsiveValue<number | string>;
90
- maxWidth?: ResponsiveValue<number | string>;
91
- minHeight?: ResponsiveValue<number | string>;
92
- maxHeight?: ResponsiveValue<number | string>;
93
- }
94
- /**
95
- * Responsive visibility configuration
96
- */
97
- export interface ResponsiveVisibilityConfig {
98
- display?: ResponsiveValue<'none' | 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid'>;
99
- visibility?: ResponsiveValue<'visible' | 'hidden' | 'collapse'>;
100
- opacity?: ResponsiveValue<number>;
101
- }
102
- /**
103
- * Comprehensive responsive style configuration
104
- */
105
- export interface ResponsiveStyleConfig extends ResponsiveLayoutConfig, ResponsiveTypographyConfig, ResponsiveDimensionConfig, ResponsiveVisibilityConfig {
106
- backgroundColor?: ResponsiveValue<string>;
107
- color?: ResponsiveValue<string>;
108
- border?: ResponsiveValue<string>;
109
- borderRadius?: ResponsiveValue<number | string>;
110
- boxShadow?: ResponsiveValue<string>;
111
- transform?: ResponsiveValue<string>;
112
- transition?: ResponsiveValue<string>;
113
- padding?: ResponsiveSpacingConfig | ResponsiveValue<number | string>;
114
- margin?: ResponsiveSpacingConfig | ResponsiveValue<number | string>;
115
- [key: string]: any;
116
- }
117
- /**
118
- * Breakpoint context information for responsive utilities
119
- */
120
- export interface BreakpointContext {
121
- current: BreakpointKey;
122
- width: number;
123
- height: number;
124
- isAbove: (breakpoint: BreakpointKey) => boolean;
125
- isBelow: (breakpoint: BreakpointKey) => boolean;
126
- isBetween: (min: BreakpointKey, max: BreakpointKey) => boolean;
127
- matches: (query: string) => boolean;
128
- }
129
- /**
130
- * Responsive modifier factory configuration
131
- */
132
- export interface ResponsiveModifierFactoryConfig {
133
- breakpoints?: BreakpointConfig;
134
- generateCSS?: boolean;
135
- fallbackToJS?: boolean;
136
- optimizeOutput?: boolean;
137
- debugMode?: boolean;
138
- }
139
- /**
140
- * CSS media query generation result
141
- */
142
- export interface GeneratedMediaQuery {
143
- breakpoint: BreakpointKey;
144
- query: string;
145
- styles: Record<string, string | number>;
146
- selector: string;
147
- }
148
- /**
149
- * Responsive modifier application result
150
- */
151
- export interface ResponsiveModifierResult {
152
- cssRules: string[];
153
- mediaQueries: GeneratedMediaQuery[];
154
- fallbackStyles: Record<string, string | number>;
155
- hasResponsiveStyles: boolean;
156
- }
157
- /**
158
- * Type guard to check if a value is responsive
159
- */
160
- export declare function isResponsiveValue<T>(value: ResponsiveValue<T>): value is Partial<Record<BreakpointKey, T>>;
161
- /**
162
- * Type guard to check if a breakpoint key is valid
163
- */
164
- export declare function isValidBreakpointKey(key: string): key is BreakpointKey;
165
- /**
166
- * Utility type to make any property responsive
167
- */
168
- export type MakeResponsive<T> = {
169
- [K in keyof T]: ResponsiveValue<T[K]>;
170
- };
171
- /**
172
- * Extract responsive properties from a configuration object
173
- */
174
- export type ResponsiveProperties<T> = {
175
- [K in keyof T as T[K] extends ResponsiveValue<any> ? K : never]: T[K];
176
- };
177
- /**
178
- * Extract non-responsive properties from a configuration object
179
- */
180
- export type NonResponsiveProperties<T> = {
181
- [K in keyof T as T[K] extends ResponsiveValue<any> ? never : K]: T[K];
182
- };
183
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/types.ts"],"names":[],"mappings":"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"}
@@ -1,149 +0,0 @@
1
- /**
2
- * Responsive Design Utilities
3
- *
4
- * Provides utility functions and hooks for working with responsive design
5
- * in tachUI applications. Includes breakpoint detection, media query helpers,
6
- * and responsive value resolution.
7
- */
8
- import { BreakpointKey, BreakpointContext, ResponsiveValue } from './types';
9
- import { Signal } from '../../reactive';
10
- /**
11
- * Hook to get current breakpoint information
12
- */
13
- export declare function useBreakpoint(): {
14
- current: Signal<BreakpointKey>;
15
- context: Signal<BreakpointContext>;
16
- isAbove: (breakpoint: BreakpointKey) => Signal<boolean>;
17
- isBelow: (breakpoint: BreakpointKey) => Signal<boolean>;
18
- isBetween: (min: BreakpointKey, max: BreakpointKey) => Signal<boolean>;
19
- matches: (query: string) => Signal<boolean>;
20
- };
21
- /**
22
- * Hook to create a reactive media query
23
- */
24
- export declare function useMediaQuery(query: string): Signal<boolean>;
25
- /**
26
- * Resolve a responsive value to its current value based on the current breakpoint
27
- */
28
- export declare function useResponsiveValue<T>(value: ResponsiveValue<T>): Signal<T>;
29
- /**
30
- * Create a responsive value resolver for static resolution
31
- */
32
- export declare function resolveResponsiveValue<T>(value: ResponsiveValue<T>, targetBreakpoint?: BreakpointKey): T;
33
- /**
34
- * Create responsive CSS custom properties (CSS variables)
35
- */
36
- export declare function createResponsiveCSSVariables(prefix: string, values: Record<string, ResponsiveValue<string | number>>): Record<string, string>;
37
- /**
38
- * Generate CSS media query string for common patterns
39
- */
40
- export declare const MediaQueries: {
41
- readonly mobile: "(max-width: 767px)";
42
- readonly tablet: "(min-width: 768px) and (max-width: 1023px)";
43
- readonly desktop: "(min-width: 1024px)";
44
- readonly landscape: "(orientation: landscape)";
45
- readonly portrait: "(orientation: portrait)";
46
- readonly highDPI: "(min-resolution: 2dppx)";
47
- readonly lowDPI: "(max-resolution: 1dppx)";
48
- readonly retinaDisplay: "(min-resolution: 2dppx)";
49
- readonly standardDisplay: "(max-resolution: 1.9dppx)";
50
- readonly darkMode: "(prefers-color-scheme: dark)";
51
- readonly lightMode: "(prefers-color-scheme: light)";
52
- readonly noColorSchemePreference: "(prefers-color-scheme: no-preference)";
53
- readonly reducedMotion: "(prefers-reduced-motion: reduce)";
54
- readonly allowMotion: "(prefers-reduced-motion: no-preference)";
55
- readonly highContrast: "(prefers-contrast: high)";
56
- readonly lowContrast: "(prefers-contrast: low)";
57
- readonly normalContrast: "(prefers-contrast: no-preference)";
58
- readonly reduceData: "(prefers-reduced-data: reduce)";
59
- readonly allowData: "(prefers-reduced-data: no-preference)";
60
- readonly reduceTransparency: "(prefers-reduced-transparency: reduce)";
61
- readonly allowTransparency: "(prefers-reduced-transparency: no-preference)";
62
- readonly canHover: "(hover: hover)";
63
- readonly noHover: "(hover: none)";
64
- readonly finePointer: "(pointer: fine)";
65
- readonly coarsePointer: "(pointer: coarse)";
66
- readonly anyCanHover: "(any-hover: hover)";
67
- readonly anyNoHover: "(any-hover: none)";
68
- readonly anyFinePointer: "(any-pointer: fine)";
69
- readonly anyCoarsePointer: "(any-pointer: coarse)";
70
- readonly slowUpdate: "(update: slow)";
71
- readonly fastUpdate: "(update: fast)";
72
- readonly blockScrolling: "(overflow-block: scroll)";
73
- readonly blockPaged: "(overflow-block: paged)";
74
- readonly inlineScrolling: "(overflow-inline: scroll)";
75
- readonly forcedColors: "(forced-colors: active)";
76
- readonly normalColors: "(forced-colors: none)";
77
- readonly invertedColors: "(inverted-colors: inverted)";
78
- readonly normalInvertedColors: "(inverted-colors: none)";
79
- readonly scriptingEnabled: "(scripting: enabled)";
80
- readonly scriptingDisabled: "(scripting: none)";
81
- readonly scriptingInitialOnly: "(scripting: initial-only)";
82
- readonly containerSmall: "(max-width: 400px)";
83
- readonly containerMedium: "(min-width: 401px) and (max-width: 800px)";
84
- readonly containerLarge: "(min-width: 801px)";
85
- readonly minWidth: (width: number | string) => string;
86
- readonly maxWidth: (width: number | string) => string;
87
- readonly between: (min: number | string, max: number | string) => string;
88
- readonly minHeight: (height: number | string) => string;
89
- readonly maxHeight: (height: number | string) => string;
90
- readonly heightBetween: (min: number | string, max: number | string) => string;
91
- readonly square: "(aspect-ratio: 1/1)";
92
- readonly landscape16_9: "(aspect-ratio: 16/9)";
93
- readonly portrait9_16: "(aspect-ratio: 9/16)";
94
- readonly widescreen: "(min-aspect-ratio: 16/9)";
95
- readonly tallscreen: "(max-aspect-ratio: 9/16)";
96
- readonly customAspectRatio: (ratio: string) => string;
97
- readonly minAspectRatio: (ratio: string) => string;
98
- readonly maxAspectRatio: (ratio: string) => string;
99
- readonly lowRes: "(max-resolution: 120dpi)";
100
- readonly standardRes: "(min-resolution: 120dpi) and (max-resolution: 192dpi)";
101
- readonly highRes: "(min-resolution: 192dpi)";
102
- readonly customResolution: (dpi: number) => string;
103
- readonly print: "print";
104
- readonly screen: "screen";
105
- readonly speech: "speech";
106
- readonly iPhone: "(max-width: 428px)";
107
- readonly iPad: "(min-width: 768px) and (max-width: 1024px)";
108
- readonly desktopSmall: "(min-width: 1024px) and (max-width: 1440px)";
109
- readonly desktopLarge: "(min-width: 1440px)";
110
- readonly touchDevice: "(pointer: coarse)";
111
- readonly mouseDevice: "(pointer: fine)";
112
- readonly keyboardNavigation: "(hover: none) and (pointer: coarse)";
113
- readonly wideColorGamut: "(color-gamut: p3)";
114
- readonly standardColorGamut: "(color-gamut: srgb)";
115
- readonly hdr: "(dynamic-range: high)";
116
- readonly sdr: "(dynamic-range: standard)";
117
- };
118
- /**
119
- * Utility to combine multiple media queries
120
- */
121
- export declare function combineMediaQueries(...queries: string[]): string;
122
- /**
123
- * Utility to create OR media queries
124
- */
125
- export declare function orMediaQueries(...queries: string[]): string;
126
- /**
127
- * Create a responsive show/hide utility
128
- */
129
- export declare function createResponsiveVisibility(config: {
130
- showOn?: BreakpointKey[];
131
- hideOn?: BreakpointKey[];
132
- }): Signal<boolean>;
133
- /**
134
- * Debug utility to log current responsive state
135
- */
136
- export declare function logResponsiveState(): void;
137
- /**
138
- * Utility function to wrap existing modifier builder with responsive capabilities
139
- */
140
- export declare function withResponsive<T>(value: T): T;
141
- /**
142
- * Development-only responsive debugging overlay
143
- */
144
- export declare function enableResponsiveDebugOverlay(options?: {
145
- position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
146
- showDimensions?: boolean;
147
- showBreakpoint?: boolean;
148
- }): void;
149
- //# sourceMappingURL=utilities.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/utilities.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EAEhB,MAAM,SAAS,CAAA;AAMhB,OAAO,EAAgC,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAErE;;GAEG;AACH,wBAAgB,aAAa,IAAI;IAC/B,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC,CAAA;IAC9B,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAA;IAClC,OAAO,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,MAAM,CAAC,OAAO,CAAC,CAAA;IACvD,OAAO,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,MAAM,CAAC,OAAO,CAAC,CAAA;IACvD,SAAS,EAAE,CAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,KAAK,MAAM,CAAC,OAAO,CAAC,CAAA;IACtE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,OAAO,CAAC,CAAA;CAC5C,CA2CA;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAc5D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAiC1E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,gBAAgB,CAAC,EAAE,aAAa,GAC/B,CAAC,CA4BH;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,GACvD,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAsBxB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAoFL,MAAM,GAAG,MAAM;+BACf,MAAM,GAAG,MAAM;4BAClB,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,MAAM;iCAIhC,MAAM,GAAG,MAAM;iCACf,MAAM,GAAG,MAAM;kCACd,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,MAAM;;;;;;wCAS/B,MAAM;qCACT,MAAM;qCACN,MAAM;;;;qCAMN,MAAM;;;;;;;;;;;;;;;CAuBtB,CAAA;AAEV;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAEhE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAE3D;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE;IACjD,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;IACxB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;CACzB,GAAG,MAAM,CAAC,OAAO,CAAC,CAgBlB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CA0BzC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAI7C;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,GAAE;IACpD,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,IAAI,CAwDZ"}