@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,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"}