@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.
- package/README.md +2 -2
- package/dist/bundles/common.d.ts +1 -1
- package/dist/bundles/common.d.ts.map +1 -1
- package/dist/bundles/minimal.d.ts +2 -16
- package/dist/bundles/minimal.d.ts.map +1 -1
- package/dist/bundles/production-minimal.d.ts +2 -16
- package/dist/bundles/production-minimal.d.ts.map +1 -1
- package/dist/common.js +403 -827
- package/dist/compiler/advanced-parser.d.ts.map +1 -1
- package/dist/compiler/index.js +14 -8
- package/dist/component-XAzF1xqs.js +487 -0
- package/dist/component-base-x2XmHFjy.js +255 -0
- package/dist/components/index.d.ts +4 -38
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +7 -4167
- package/dist/components/wrapper.d.ts +5 -152
- package/dist/components/wrapper.d.ts.map +1 -1
- package/dist/concatenated-component-ByPl3_FF.js +2933 -0
- package/dist/constants/index.d.ts +1 -1
- package/dist/constants/layout.d.ts +47 -4
- package/dist/constants/layout.d.ts.map +1 -1
- package/dist/constants/layout.js +84 -0
- package/dist/css-classes/index.js +176 -0
- package/dist/{dom-bridge-Cx-s6Ihx.js → dom-bridge-CAa1N2zX.js} +28 -28
- package/dist/{effect-CytAc9em.js → effect-B9Knft0b.js} +3 -3
- package/dist/essential.js +395 -825
- package/dist/index-DCPJFUm9.js +1407 -0
- package/dist/index-DIvMCJQO.js +268 -0
- package/dist/index-vdsiw6gQ.js +777 -0
- package/dist/index.d.ts +9 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +395 -825
- package/dist/minimal-prod.js +101 -155
- package/dist/minimal.js +104 -170
- package/dist/modifiers/background.d.ts +41 -11
- package/dist/modifiers/background.d.ts.map +1 -1
- package/dist/modifiers/base.d.ts +6 -33
- package/dist/modifiers/base.d.ts.map +1 -1
- package/dist/modifiers/base.js +487 -0
- package/dist/modifiers/builder.d.ts +103 -195
- package/dist/modifiers/builder.d.ts.map +1 -1
- package/dist/modifiers/builder.js +9 -0
- package/dist/modifiers/core.d.ts +9 -401
- package/dist/modifiers/core.d.ts.map +1 -1
- package/dist/modifiers/{utils.d.ts → factories.d.ts} +18 -5
- package/dist/modifiers/factories.d.ts.map +1 -0
- package/dist/modifiers/index.d.ts +8 -52
- package/dist/modifiers/index.d.ts.map +1 -1
- package/dist/modifiers/index.js +38 -0
- package/dist/modifiers/presets.d.ts +368 -0
- package/dist/modifiers/presets.d.ts.map +1 -0
- package/dist/modifiers/registry.js +10 -0
- package/dist/modifiers/types.d.ts +39 -211
- package/dist/modifiers/types.d.ts.map +1 -1
- package/dist/modifiers/types.js +4 -0
- package/dist/performance-optimizer-stub-CtfXUwl4.js +38 -0
- package/dist/plugins/index.d.ts +5 -6
- package/dist/plugins/index.d.ts.map +1 -1
- package/dist/plugins/index.js +147 -297
- package/dist/plugins/simplified-index.d.ts +5 -6
- package/dist/plugins/simplified-index.d.ts.map +1 -1
- package/dist/production-minimal-BY_gMc-l.js +2532 -0
- package/dist/reactive/index.js +96 -95
- package/dist/reactive/types.js +4 -0
- package/dist/runtime/dom-bridge.js +5 -5
- package/dist/runtime/element-override.d.ts.map +1 -1
- package/dist/runtime/index.d.ts +0 -7
- package/dist/runtime/index.d.ts.map +1 -1
- package/dist/runtime/renderer.d.ts.map +1 -1
- package/dist/runtime/renderer.js +7 -8
- package/dist/runtime/semantic-role-manager.d.ts.map +1 -1
- package/dist/runtime/types.js +1 -0
- package/dist/{scheduler-7SvC3a21.js → scheduler-BKeqwrYE.js} +130 -130
- package/dist/validation/build-time-stub.d.ts +33 -0
- package/dist/validation/build-time-stub.d.ts.map +1 -0
- package/dist/validation/debug-tools-stub.d.ts +67 -0
- package/dist/validation/debug-tools-stub.d.ts.map +1 -0
- package/dist/validation/index.d.ts +23 -78
- package/dist/validation/index.d.ts.map +1 -1
- package/dist/validation/index.js +609 -6470
- package/dist/validation/lifecycle-validation.d.ts.map +1 -1
- package/dist/validation/performance-optimizer-stub.d.ts +50 -0
- package/dist/validation/performance-optimizer-stub.d.ts.map +1 -0
- package/dist/validation/plugin-registration.d.ts +5 -1
- package/dist/validation/plugin-registration.d.ts.map +1 -1
- package/dist/validation/production-bypass-core.d.ts +69 -0
- package/dist/validation/production-bypass-core.d.ts.map +1 -0
- package/package.json +41 -5
- package/dist/ScrollView-h-6wYMAm.js +0 -515
- package/dist/Spacer-BbteDQ9I.js +0 -5337
- package/dist/binding-CmdpowkI.js +0 -2276
- package/dist/components/BasicInput.d.ts +0 -116
- package/dist/components/BasicInput.d.ts.map +0 -1
- package/dist/components/Button.d.ts +0 -252
- package/dist/components/Button.d.ts.map +0 -1
- package/dist/components/Divider.d.ts +0 -141
- package/dist/components/Divider.d.ts.map +0 -1
- package/dist/components/EnhancedLink.d.ts +0 -365
- package/dist/components/EnhancedLink.d.ts.map +0 -1
- package/dist/components/Form.d.ts +0 -141
- package/dist/components/Form.d.ts.map +0 -1
- package/dist/components/Grid.d.ts +0 -698
- package/dist/components/Grid.d.ts.map +0 -1
- package/dist/components/GridResponsive.d.ts +0 -214
- package/dist/components/GridResponsive.d.ts.map +0 -1
- package/dist/components/Image.d.ts +0 -162
- package/dist/components/Image.d.ts.map +0 -1
- package/dist/components/List.d.ts +0 -287
- package/dist/components/List.d.ts.map +0 -1
- package/dist/components/Menu.d.ts +0 -159
- package/dist/components/Menu.d.ts.map +0 -1
- package/dist/components/Picker.d.ts +0 -153
- package/dist/components/Picker.d.ts.map +0 -1
- package/dist/components/ScrollView.d.ts +0 -222
- package/dist/components/ScrollView.d.ts.map +0 -1
- package/dist/components/Section.d.ts +0 -153
- package/dist/components/Section.d.ts.map +0 -1
- package/dist/components/Show.d.ts +0 -64
- package/dist/components/Show.d.ts.map +0 -1
- package/dist/components/Spacer.d.ts +0 -35
- package/dist/components/Spacer.d.ts.map +0 -1
- package/dist/components/Text.d.ts +0 -242
- package/dist/components/Text.d.ts.map +0 -1
- package/dist/components/Toggle.d.ts +0 -207
- package/dist/components/Toggle.d.ts.map +0 -1
- package/dist/concatenated-component-DPcl2TEO.js +0 -6779
- package/dist/context--zQFIImS.js +0 -283
- package/dist/debug/index.d.ts +0 -61
- package/dist/debug/index.d.ts.map +0 -1
- package/dist/debug.js +0 -178
- package/dist/developer-experience/enhanced-errors.d.ts +0 -128
- package/dist/developer-experience/enhanced-errors.d.ts.map +0 -1
- package/dist/developer-experience/enhanced-types.d.ts +0 -281
- package/dist/developer-experience/enhanced-types.d.ts.map +0 -1
- package/dist/developer-experience/index.d.ts +0 -44
- package/dist/developer-experience/index.d.ts.map +0 -1
- package/dist/index-Nfi2SBQh.js +0 -3268
- package/dist/modifiers/attributes.d.ts +0 -203
- package/dist/modifiers/attributes.d.ts.map +0 -1
- package/dist/modifiers/backdrop.d.ts +0 -59
- package/dist/modifiers/backdrop.d.ts.map +0 -1
- package/dist/modifiers/border.d.ts +0 -217
- package/dist/modifiers/border.d.ts.map +0 -1
- package/dist/modifiers/effects.d.ts +0 -159
- package/dist/modifiers/effects.d.ts.map +0 -1
- package/dist/modifiers/elements.d.ts +0 -240
- package/dist/modifiers/elements.d.ts.map +0 -1
- package/dist/modifiers/filters.d.ts +0 -275
- package/dist/modifiers/filters.d.ts.map +0 -1
- package/dist/modifiers/flexbox.d.ts +0 -82
- package/dist/modifiers/flexbox.d.ts.map +0 -1
- package/dist/modifiers/font.d.ts +0 -71
- package/dist/modifiers/font.d.ts.map +0 -1
- package/dist/modifiers/grid.d.ts +0 -92
- package/dist/modifiers/grid.d.ts.map +0 -1
- package/dist/modifiers/margin.d.ts +0 -128
- package/dist/modifiers/margin.d.ts.map +0 -1
- package/dist/modifiers/padding.d.ts +0 -204
- package/dist/modifiers/padding.d.ts.map +0 -1
- package/dist/modifiers/responsive/advanced-utilities.d.ts +0 -118
- package/dist/modifiers/responsive/advanced-utilities.d.ts.map +0 -1
- package/dist/modifiers/responsive/breakpoints.d.ts +0 -81
- package/dist/modifiers/responsive/breakpoints.d.ts.map +0 -1
- package/dist/modifiers/responsive/css-generator.d.ts +0 -100
- package/dist/modifiers/responsive/css-generator.d.ts.map +0 -1
- package/dist/modifiers/responsive/dev-tools.d.ts +0 -107
- package/dist/modifiers/responsive/dev-tools.d.ts.map +0 -1
- package/dist/modifiers/responsive/index.d.ts +0 -29
- package/dist/modifiers/responsive/index.d.ts.map +0 -1
- package/dist/modifiers/responsive/layout-patterns.d.ts +0 -230
- package/dist/modifiers/responsive/layout-patterns.d.ts.map +0 -1
- package/dist/modifiers/responsive/performance.d.ts +0 -130
- package/dist/modifiers/responsive/performance.d.ts.map +0 -1
- package/dist/modifiers/responsive/responsive-builder.d.ts +0 -133
- package/dist/modifiers/responsive/responsive-builder.d.ts.map +0 -1
- package/dist/modifiers/responsive/responsive-modifier.d.ts +0 -123
- package/dist/modifiers/responsive/responsive-modifier.d.ts.map +0 -1
- package/dist/modifiers/responsive/types.d.ts +0 -183
- package/dist/modifiers/responsive/types.d.ts.map +0 -1
- package/dist/modifiers/responsive/utilities.d.ts +0 -149
- package/dist/modifiers/responsive/utilities.d.ts.map +0 -1
- package/dist/modifiers/scroll.d.ts +0 -143
- package/dist/modifiers/scroll.d.ts.map +0 -1
- package/dist/modifiers/shadows.d.ts +0 -114
- package/dist/modifiers/shadows.d.ts.map +0 -1
- package/dist/modifiers/size.d.ts +0 -113
- package/dist/modifiers/size.d.ts.map +0 -1
- package/dist/modifiers/text.d.ts +0 -147
- package/dist/modifiers/text.d.ts.map +0 -1
- package/dist/modifiers/transformations.d.ts +0 -329
- package/dist/modifiers/transformations.d.ts.map +0 -1
- package/dist/modifiers/transitions.d.ts +0 -98
- package/dist/modifiers/transitions.d.ts.map +0 -1
- package/dist/modifiers/typography.d.ts +0 -192
- package/dist/modifiers/typography.d.ts.map +0 -1
- package/dist/modifiers/utility.d.ts +0 -69
- package/dist/modifiers/utility.d.ts.map +0 -1
- package/dist/modifiers/utils.d.ts.map +0 -1
- package/dist/plugins/simplified-error-handler.d.ts +0 -83
- package/dist/plugins/simplified-error-handler.d.ts.map +0 -1
- package/dist/runtime/dev-tools.d.ts +0 -240
- package/dist/runtime/dev-tools.d.ts.map +0 -1
- package/dist/runtime/development-warnings.d.ts +0 -42
- package/dist/runtime/development-warnings.d.ts.map +0 -1
- package/dist/runtime/error-boundary.d.ts +0 -302
- package/dist/runtime/error-boundary.d.ts.map +0 -1
- package/dist/runtime/error-recovery.d.ts +0 -267
- package/dist/runtime/error-recovery.d.ts.map +0 -1
- package/dist/runtime/error-reporting.d.ts +0 -287
- package/dist/runtime/error-reporting.d.ts.map +0 -1
- package/dist/runtime/error-utils.d.ts +0 -204
- package/dist/runtime/error-utils.d.ts.map +0 -1
- package/dist/runtime/performance.d.ts +0 -217
- package/dist/runtime/performance.d.ts.map +0 -1
- package/dist/sui-compat.d.ts +0 -110
- package/dist/sui-compat.d.ts.map +0 -1
- package/dist/validation/advanced-debugging.d.ts +0 -319
- package/dist/validation/advanced-debugging.d.ts.map +0 -1
- package/dist/validation/build-time/detection.d.ts +0 -32
- package/dist/validation/build-time/detection.d.ts.map +0 -1
- package/dist/validation/build-time/index.d.ts +0 -84
- package/dist/validation/build-time/index.d.ts.map +0 -1
- package/dist/validation/build-time/plugins.d.ts +0 -75
- package/dist/validation/build-time/plugins.d.ts.map +0 -1
- package/dist/validation/build-time/rules.d.ts +0 -73
- package/dist/validation/build-time/rules.d.ts.map +0 -1
- package/dist/validation/build-time/transformer.d.ts +0 -23
- package/dist/validation/build-time/transformer.d.ts.map +0 -1
- package/dist/validation/build-time/types.d.ts +0 -212
- package/dist/validation/build-time/types.d.ts.map +0 -1
- package/dist/validation/comprehensive.d.ts +0 -160
- package/dist/validation/comprehensive.d.ts.map +0 -1
- package/dist/validation/debug-tools.d.ts +0 -251
- package/dist/validation/debug-tools.d.ts.map +0 -1
- package/dist/validation/developer-experience.d.ts +0 -243
- package/dist/validation/developer-experience.d.ts.map +0 -1
- package/dist/validation/documentation-integration.d.ts +0 -269
- package/dist/validation/documentation-integration.d.ts.map +0 -1
- package/dist/validation/enhanced-runtime.d.ts +0 -279
- package/dist/validation/enhanced-runtime.d.ts.map +0 -1
- package/dist/validation/error-reporting.d.ts +0 -186
- package/dist/validation/error-reporting.d.ts.map +0 -1
- package/dist/validation/ide-integration.d.ts +0 -328
- package/dist/validation/ide-integration.d.ts.map +0 -1
- package/dist/validation/performance-optimizer.d.ts +0 -218
- package/dist/validation/performance-optimizer.d.ts.map +0 -1
- package/dist/validation/production-bypass.d.ts +0 -175
- package/dist/validation/production-bypass.d.ts.map +0 -1
- package/dist/validation/simple.d.ts +0 -111
- package/dist/validation/simple.d.ts.map +0 -1
- package/dist/viewport/adapters/web-adapter.d.ts +0 -227
- package/dist/viewport/adapters/web-adapter.d.ts.map +0 -1
- package/dist/viewport/components.d.ts +0 -131
- package/dist/viewport/components.d.ts.map +0 -1
- package/dist/viewport/environment.d.ts +0 -75
- package/dist/viewport/environment.d.ts.map +0 -1
- package/dist/viewport/index.d.ts +0 -138
- package/dist/viewport/index.d.ts.map +0 -1
- package/dist/viewport/index.js +0 -2085
- package/dist/viewport/platform-detection.d.ts +0 -59
- package/dist/viewport/platform-detection.d.ts.map +0 -1
- package/dist/viewport/types.d.ts +0 -301
- package/dist/viewport/types.d.ts.map +0 -1
- package/dist/viewport/viewport-manager.d.ts +0 -118
- 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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"}
|