@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,329 +0,0 @@
1
- /**
2
- * Transformation Modifiers - CSS Transform System
3
- *
4
- * Provides comprehensive 2D and 3D transform capabilities including
5
- * scale, rotate, translate, skew, perspective, and matrix transforms.
6
- */
7
- import type { DOMNode } from '../runtime/types';
8
- import { BaseModifier } from './base';
9
- import type { ModifierContext, ReactiveModifierProps } from './types';
10
- export interface TransformConfig {
11
- scale?: number | {
12
- x?: number;
13
- y?: number;
14
- };
15
- rotate?: string;
16
- translate?: {
17
- x?: number | string;
18
- y?: number | string;
19
- };
20
- skew?: {
21
- x?: string;
22
- y?: string;
23
- };
24
- perspective?: number;
25
- }
26
- export interface Transform3DConfig extends TransformConfig {
27
- rotateX?: string;
28
- rotateY?: string;
29
- rotateZ?: string;
30
- translate?: {
31
- x?: number | string;
32
- y?: number | string;
33
- z?: number | string;
34
- };
35
- translateZ?: number | string;
36
- scaleZ?: number;
37
- }
38
- export interface ModifierTransformOptions {
39
- transform?: TransformConfig | Transform3DConfig;
40
- transformOrigin?: string;
41
- backfaceVisibility?: 'visible' | 'hidden';
42
- transformStyle?: 'flat' | 'preserve-3d';
43
- }
44
- export type ReactiveTransformOptions = ReactiveModifierProps<ModifierTransformOptions>;
45
- export declare class TransformModifier extends BaseModifier<ModifierTransformOptions> {
46
- readonly type = "transform";
47
- readonly priority = 45;
48
- constructor(options: ReactiveTransformOptions);
49
- apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
50
- private computeTransformStyles;
51
- private generateTransformCSS;
52
- private formatLength;
53
- }
54
- export interface MatrixTransformConfig {
55
- matrix?: [number, number, number, number, number, number];
56
- matrix3d?: [
57
- number,
58
- number,
59
- number,
60
- number,
61
- number,
62
- number,
63
- number,
64
- number,
65
- number,
66
- number,
67
- number,
68
- number,
69
- number,
70
- number,
71
- number,
72
- number
73
- ];
74
- }
75
- export interface Advanced3DTransformConfig {
76
- rotate3d?: {
77
- x: number;
78
- y: number;
79
- z: number;
80
- angle: string;
81
- };
82
- scale3d?: {
83
- x: number;
84
- y: number;
85
- z: number;
86
- };
87
- translate3d?: {
88
- x?: number | string;
89
- y?: number | string;
90
- z?: number | string;
91
- };
92
- scaleX?: number;
93
- scaleY?: number;
94
- scaleZ?: number;
95
- translateX?: number | string;
96
- translateY?: number | string;
97
- translateZ?: number | string;
98
- }
99
- export interface ModifierAdvancedTransformOptions {
100
- transform?: TransformConfig | Transform3DConfig | MatrixTransformConfig | Advanced3DTransformConfig;
101
- transformOrigin?: string;
102
- perspectiveOrigin?: string;
103
- transformStyle?: 'flat' | 'preserve-3d';
104
- backfaceVisibility?: 'visible' | 'hidden';
105
- }
106
- export type ReactiveAdvancedTransformOptions = ReactiveModifierProps<ModifierAdvancedTransformOptions>;
107
- export declare class AdvancedTransformModifier extends BaseModifier<ModifierAdvancedTransformOptions> {
108
- readonly type = "advancedTransform";
109
- readonly priority = 45;
110
- constructor(options: ReactiveAdvancedTransformOptions);
111
- apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
112
- private computeAdvancedTransformStyles;
113
- private generateAdvancedTransformCSS;
114
- private generateTransformCSS;
115
- private formatLength;
116
- }
117
- /**
118
- * General transform modifier with flexible configuration
119
- *
120
- * @example
121
- * ```typescript
122
- * .transform({
123
- * scale: 1.1,
124
- * rotate: '45deg',
125
- * translate: { x: 10, y: 20 }
126
- * })
127
- * ```
128
- */
129
- export declare function transform(config: TransformConfig | Transform3DConfig): TransformModifier;
130
- /**
131
- * Scale transformation
132
- *
133
- * @example
134
- * ```typescript
135
- * .scale(1.2) // Uniform scale
136
- * .scale({ x: 1.5, y: 0.8 }) // Non-uniform scale
137
- * ```
138
- */
139
- export declare function scale(value: number | {
140
- x?: number;
141
- y?: number;
142
- }): TransformModifier;
143
- /**
144
- * 2D rotation transformation
145
- *
146
- * @example
147
- * ```typescript
148
- * .rotate('45deg')
149
- * .rotate('-90deg')
150
- * .rotate('0.5turn')
151
- * ```
152
- */
153
- export declare function rotate(angle: string): TransformModifier;
154
- /**
155
- * Translation transformation
156
- *
157
- * @example
158
- * ```typescript
159
- * .translate({ x: 10, y: 20 })
160
- * .translate({ x: '50%', y: '-10px' })
161
- * ```
162
- */
163
- export declare function translate(offset: {
164
- x?: number | string;
165
- y?: number | string;
166
- }): TransformModifier;
167
- /**
168
- * Skew transformation
169
- *
170
- * @example
171
- * ```typescript
172
- * .skew({ x: '15deg', y: '10deg' })
173
- * .skew({ x: '20deg' }) // Only X axis
174
- * ```
175
- */
176
- export declare function skew(angles: {
177
- x?: string;
178
- y?: string;
179
- }): TransformModifier;
180
- /**
181
- * X-axis rotation (3D)
182
- *
183
- * @example
184
- * ```typescript
185
- * .rotateX('45deg')
186
- * .rotateX('1rad')
187
- * ```
188
- */
189
- export declare function rotateX(angle: string): TransformModifier;
190
- /**
191
- * Y-axis rotation (3D)
192
- *
193
- * @example
194
- * ```typescript
195
- * .rotateY('90deg')
196
- * .rotateY('-45deg')
197
- * ```
198
- */
199
- export declare function rotateY(angle: string): TransformModifier;
200
- /**
201
- * Z-axis rotation (3D)
202
- *
203
- * @example
204
- * ```typescript
205
- * .rotateZ('180deg')
206
- * .rotateZ('0.25turn')
207
- * ```
208
- */
209
- export declare function rotateZ(angle: string): TransformModifier;
210
- /**
211
- * 3D perspective
212
- *
213
- * @example
214
- * ```typescript
215
- * .perspective(1000) // 1000px perspective
216
- * .perspective(500) // Closer perspective
217
- * ```
218
- */
219
- export declare function perspective(value: number): TransformModifier;
220
- /**
221
- * Advanced transform modifier with matrix and extended 3D support
222
- *
223
- * @example
224
- * ```typescript
225
- * .advancedTransform({
226
- * rotate3d: { x: 1, y: 1, z: 0, angle: '45deg' },
227
- * scale3d: { x: 1.2, y: 1.2, z: 1 }
228
- * })
229
- * ```
230
- */
231
- export declare function advancedTransform(config: Advanced3DTransformConfig | MatrixTransformConfig): AdvancedTransformModifier;
232
- /**
233
- * 2D matrix transformation
234
- *
235
- * @example
236
- * ```typescript
237
- * .matrix([1, 0, 0, 1, 50, 100]) // Translate(50, 100)
238
- * ```
239
- */
240
- export declare function matrix(values: [number, number, number, number, number, number]): AdvancedTransformModifier;
241
- /**
242
- * 3D matrix transformation
243
- *
244
- * @example
245
- * ```typescript
246
- * .matrix3d([1,0,0,0, 0,1,0,0, 0,0,1,0, 50,100,0,1])
247
- * ```
248
- */
249
- export declare function matrix3d(values: [
250
- number,
251
- number,
252
- number,
253
- number,
254
- number,
255
- number,
256
- number,
257
- number,
258
- number,
259
- number,
260
- number,
261
- number,
262
- number,
263
- number,
264
- number,
265
- number
266
- ]): AdvancedTransformModifier;
267
- /**
268
- * 3D rotation around arbitrary axis
269
- *
270
- * @example
271
- * ```typescript
272
- * .rotate3d(1, 1, 0, '45deg') // Rotate around X and Y axis
273
- * ```
274
- */
275
- export declare function rotate3d(x: number, y: number, z: number, angle: string): AdvancedTransformModifier;
276
- /**
277
- * 3D scale transformation
278
- *
279
- * @example
280
- * ```typescript
281
- * .scale3d(1.2, 1.2, 0.8) // Scale XY up, Z down
282
- * ```
283
- */
284
- export declare function scale3d(x: number, y: number, z: number): AdvancedTransformModifier;
285
- /**
286
- * 3D translation transformation
287
- *
288
- * @example
289
- * ```typescript
290
- * .translate3d(10, 20, 30) // Hardware accelerated
291
- * .translate3d('50%', 0, 0) // Percentage values
292
- * ```
293
- */
294
- export declare function translate3d(x?: number | string, y?: number | string, z?: number | string): AdvancedTransformModifier;
295
- export declare function scaleX(value: number): AdvancedTransformModifier;
296
- export declare function scaleY(value: number): AdvancedTransformModifier;
297
- export declare function scaleZ(value: number): AdvancedTransformModifier;
298
- export declare function translateX(value: number | string): AdvancedTransformModifier;
299
- export declare function translateY(value: number | string): AdvancedTransformModifier;
300
- export declare function translateZ(value: number | string): AdvancedTransformModifier;
301
- export declare function perspectiveOrigin(value: string): AdvancedTransformModifier;
302
- export declare function transformStyle(value: 'flat' | 'preserve-3d'): AdvancedTransformModifier;
303
- export declare function backfaceVisibility(value: 'visible' | 'hidden'): AdvancedTransformModifier;
304
- type AnchorPoint = 'center' | 'top' | 'bottom' | 'leading' | 'trailing' | 'topLeading' | 'topTrailing' | 'bottomLeading' | 'bottomTrailing';
305
- /**
306
- * SwiftUI-compatible scaleEffect modifier
307
- *
308
- * @example
309
- * ```typescript
310
- * .scaleEffect(1.5) // Uniform scale
311
- * .scaleEffect(1.5, 2.0) // Non-uniform scale
312
- * .scaleEffect(1.2, undefined, 'topLeading') // Scale from top-leading corner
313
- * ```
314
- */
315
- export declare function scaleEffect(x: number, y?: number, anchor?: AnchorPoint): AdvancedTransformModifier;
316
- /**
317
- * SwiftUI-compatible offset modifier (relative positioning via transform)
318
- *
319
- * Note: SwiftUI's .position() sets absolute coordinates, but in web context
320
- * we use .offset() for relative positioning which is more common.
321
- *
322
- * @example
323
- * ```typescript
324
- * .offset(100, 50) // Offset by x=100, y=50 relative to current position
325
- * ```
326
- */
327
- export declare function offset(x: number, y: number): AdvancedTransformModifier;
328
- export {};
329
- //# sourceMappingURL=transformations.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/modifiers/transformations.ts"],"names":[],"mappings":"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"}
@@ -1,98 +0,0 @@
1
- /**
2
- * Transition Modifiers - CSS transition system
3
- *
4
- * Provides comprehensive CSS transition capabilities with support for
5
- * individual property transitions and complex multi-property animations.
6
- */
7
- import type { DOMNode } from '../runtime/types';
8
- import { BaseModifier } from './base';
9
- import type { ModifierContext, ReactiveModifierProps } from './types';
10
- export interface TransitionConfig {
11
- property?: string;
12
- duration?: number;
13
- easing?: string;
14
- delay?: number;
15
- }
16
- export interface TransitionsConfig {
17
- [property: string]: TransitionConfig;
18
- }
19
- export interface ModifierTransitionOptions {
20
- transition?: string;
21
- transitions?: TransitionsConfig;
22
- }
23
- export type ReactiveTransitionOptions = ReactiveModifierProps<ModifierTransitionOptions>;
24
- export declare class TransitionModifier extends BaseModifier<ModifierTransitionOptions> {
25
- readonly type = "transition";
26
- readonly priority = 25;
27
- constructor(options: ReactiveTransitionOptions);
28
- apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
29
- private computeTransitionStyles;
30
- private generateTransitionsCSS;
31
- }
32
- /**
33
- * Simple transition modifier with sensible defaults
34
- *
35
- * @example
36
- * ```typescript
37
- * .transition() // All properties, 300ms, ease
38
- * .transition('opacity') // Just opacity
39
- * .transition('all', 200) // All properties, 200ms
40
- * .transition('transform', 300, 'ease-out') // Transform with custom easing
41
- * .transition('opacity', 150, 'ease-in', 50) // With delay
42
- * ```
43
- */
44
- export declare function transition(property?: string, duration?: number, easing?: string, delay?: number): TransitionModifier;
45
- /**
46
- * Complex transitions with multiple properties
47
- *
48
- * @example
49
- * ```typescript
50
- * .transitions({
51
- * opacity: { duration: 200, easing: 'ease-out' },
52
- * transform: { duration: 300, easing: 'ease-in-out', delay: 100 },
53
- * backgroundColor: { duration: 150 }
54
- * })
55
- * ```
56
- */
57
- export declare function transitions(config: TransitionsConfig): TransitionModifier;
58
- /**
59
- * Quick fade transition
60
- */
61
- export declare function fadeTransition(duration?: number): TransitionModifier;
62
- /**
63
- * Smooth transform transition
64
- */
65
- export declare function transformTransition(duration?: number): TransitionModifier;
66
- /**
67
- * Color change transition
68
- */
69
- export declare function colorTransition(duration?: number): TransitionModifier;
70
- /**
71
- * Layout transition for size changes
72
- */
73
- export declare function layoutTransition(duration?: number): TransitionModifier;
74
- /**
75
- * Button hover transition
76
- */
77
- export declare function buttonTransition(): TransitionModifier;
78
- /**
79
- * Card hover transition
80
- */
81
- export declare function cardTransition(): TransitionModifier;
82
- /**
83
- * Modal/dialog transition
84
- */
85
- export declare function modalTransition(): TransitionModifier;
86
- /**
87
- * Smooth all-properties transition
88
- */
89
- export declare function smoothTransition(duration?: number): TransitionModifier;
90
- /**
91
- * Quick transition for interactive elements
92
- */
93
- export declare function quickTransition(duration?: number): TransitionModifier;
94
- /**
95
- * Slow transition for dramatic effects
96
- */
97
- export declare function slowTransition(duration?: number): TransitionModifier;
98
- //# sourceMappingURL=transitions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../src/modifiers/transitions.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAErE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,CAAA;CACrC;AAED,MAAM,WAAW,yBAAyB;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;CAChC;AAED,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,CAAC,yBAAyB,CAAC,CAAA;AAExF,qBAAa,kBAAmB,SAAQ,YAAY,CAAC,yBAAyB,CAAC;IAC7E,QAAQ,CAAC,IAAI,gBAAe;IAC5B,QAAQ,CAAC,QAAQ,MAAK;gBAEV,OAAO,EAAE,yBAAyB;IAY9C,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,uBAAuB;IAe/B,OAAO,CAAC,sBAAsB;CAY/B;AAMD;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CACxB,QAAQ,GAAE,MAAc,EACxB,QAAQ,GAAE,MAAY,EACtB,MAAM,GAAE,MAAe,EACvB,KAAK,GAAE,MAAU,GAChB,kBAAkB,CAGpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,kBAAkB,CAEzE;AAMD;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,GAAE,MAAY,GAAG,kBAAkB,CAEzE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,GAAE,MAAY,GAAG,kBAAkB,CAE9E;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,GAAE,MAAY,GAAG,kBAAkB,CAM1E;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,GAAE,MAAY,GAAG,kBAAkB,CAO3E;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,kBAAkB,CAMnD;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,kBAAkB,CAKpD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,GAAE,MAAY,GAAG,kBAAkB,CAE3E;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,GAAE,MAAY,GAAG,kBAAkB,CAE1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,GAAE,MAAY,GAAG,kBAAkB,CAEzE"}
@@ -1,192 +0,0 @@
1
- /**
2
- * Typography Modifier - comprehensive text styling
3
- *
4
- * Provides a unified interface for text styling properties
5
- * including size, weight, alignment, transformation, and more.
6
- */
7
- import type { DOMNode } from '../runtime/types';
8
- import { BaseModifier } from './base';
9
- import type { ModifierContext, ReactiveModifierProps } from './types';
10
- import type { FontAsset } from '../assets/FontAsset';
11
- export interface TypographyOptions {
12
- size?: number | string;
13
- weight?: FontWeight | number;
14
- family?: string | FontAsset;
15
- lineHeight?: number | string;
16
- letterSpacing?: number | string;
17
- wordSpacing?: number | string;
18
- align?: TextAlign;
19
- transform?: TextTransform;
20
- decoration?: TextDecoration;
21
- variant?: FontVariant;
22
- style?: FontStyle;
23
- color?: string;
24
- textOverflow?: 'clip' | 'ellipsis' | 'fade' | string;
25
- whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces';
26
- overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
27
- }
28
- export type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
29
- export type TextAlign = 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
30
- export type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
31
- export type TextDecoration = 'none' | 'underline' | 'overline' | 'line-through';
32
- export type FontVariant = 'normal' | 'small-caps';
33
- export type FontStyle = 'normal' | 'italic' | 'oblique';
34
- export type ReactiveTypographyOptions = ReactiveModifierProps<TypographyOptions>;
35
- export declare class TypographyModifier extends BaseModifier<TypographyOptions> {
36
- readonly type = "typography";
37
- readonly priority = 30;
38
- constructor(options: ReactiveTypographyOptions);
39
- apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
40
- private computeTypographyStyles;
41
- }
42
- /**
43
- * Create a typography modifier with comprehensive text styling
44
- *
45
- * @example
46
- * ```typescript
47
- * // Complete text styling
48
- * .typography({
49
- * size: 18,
50
- * weight: '600',
51
- * align: 'center',
52
- * transform: 'uppercase',
53
- * letterSpacing: '0.5px'
54
- * })
55
- *
56
- * // Font family and sizing
57
- * .typography({
58
- * family: 'Inter, sans-serif',
59
- * size: 16,
60
- * lineHeight: 1.5
61
- * })
62
- * ```
63
- */
64
- export declare function typography(options: ReactiveTypographyOptions): TypographyModifier;
65
- /**
66
- * Convenience function for text alignment
67
- *
68
- * @example
69
- * ```typescript
70
- * .textAlign('center')
71
- * .textAlign('right')
72
- * ```
73
- */
74
- export declare function textAlign(value: TextAlign): TypographyModifier;
75
- /**
76
- * Convenience function for text transformation
77
- *
78
- * @example
79
- * ```typescript
80
- * .textTransform('uppercase')
81
- * .textTransform('capitalize')
82
- * ```
83
- */
84
- export declare function textTransform(value: TextTransform): TypographyModifier;
85
- /**
86
- * Convenience function for text decoration
87
- *
88
- * @example
89
- * ```typescript
90
- * .textDecoration('underline')
91
- * .textDecoration('line-through')
92
- * .textDecoration('overline')
93
- * .textDecoration('none')
94
- * ```
95
- */
96
- export declare function textDecoration(value: TextDecoration): TypographyModifier;
97
- /**
98
- * Convenience function for font size
99
- *
100
- * @example
101
- * ```typescript
102
- * .fontSize(16)
103
- * .fontSize('1.2rem')
104
- * ```
105
- */
106
- export declare function fontSize(value: number | string): TypographyModifier;
107
- /**
108
- * Convenience function for font weight
109
- *
110
- * @example
111
- * ```typescript
112
- * .fontWeight('600')
113
- * .fontWeight('bold')
114
- * .fontWeight(700)
115
- * ```
116
- */
117
- export declare function fontWeight(value: FontWeight | number): TypographyModifier;
118
- /**
119
- * Convenience function for line height
120
- *
121
- * @example
122
- * ```typescript
123
- * .lineHeight(1.5)
124
- * .lineHeight('1.4rem')
125
- * ```
126
- */
127
- export declare function lineHeight(value: number | string): TypographyModifier;
128
- /**
129
- * Convenience function for letter spacing
130
- *
131
- * @example
132
- * ```typescript
133
- * .letterSpacing('0.5px')
134
- * .letterSpacing(2)
135
- * ```
136
- */
137
- export declare function letterSpacing(value: number | string): TypographyModifier;
138
- /**
139
- * Convenience function for text overflow
140
- *
141
- * @example
142
- * ```typescript
143
- * .textOverflow('ellipsis')
144
- * .textOverflow('clip')
145
- * ```
146
- */
147
- export declare function textOverflow(value: 'clip' | 'ellipsis' | 'fade' | string): TypographyModifier;
148
- /**
149
- * Convenience function for white space handling
150
- *
151
- * @example
152
- * ```typescript
153
- * .whiteSpace('nowrap')
154
- * .whiteSpace('pre-wrap')
155
- * ```
156
- */
157
- export declare function whiteSpace(value: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'): TypographyModifier;
158
- /**
159
- * Convenience function for overflow behavior
160
- *
161
- * @example
162
- * ```typescript
163
- * .overflow('hidden')
164
- * .overflow('scroll')
165
- * ```
166
- */
167
- export declare function overflow(value: 'visible' | 'hidden' | 'scroll' | 'auto'): TypographyModifier;
168
- /**
169
- * Convenience function for text case transformation (alias for textTransform)
170
- *
171
- * @example
172
- * ```typescript
173
- * .textCase('uppercase')
174
- * .textCase('capitalize')
175
- * ```
176
- */
177
- export declare function textCase(value: TextTransform): TypographyModifier;
178
- /**
179
- * Convenience function for font family
180
- *
181
- * @example
182
- * ```typescript
183
- * // With string
184
- * .fontFamily('Inter, sans-serif')
185
- *
186
- * // With FontAsset
187
- * import { Assets } from '@tachui/core'
188
- * .fontFamily(Assets.bodyFont)
189
- * ```
190
- */
191
- export declare function fontFamily(value: string | FontAsset): TypographyModifier;
192
- //# sourceMappingURL=typography.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/modifiers/typography.ts"],"names":[],"mappings":"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"}