@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,116 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* BasicInput Component (Phase 1)
|
|
3
|
-
*
|
|
4
|
-
* Lightweight text input component for Core-only applications.
|
|
5
|
-
* Provides SwiftUI-style reactive binding without the complexity
|
|
6
|
-
* of the Forms plugin validation and formatting system.
|
|
7
|
-
*/
|
|
8
|
-
import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
|
|
9
|
-
import type { Signal } from '../reactive/types';
|
|
10
|
-
import type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types';
|
|
11
|
-
import { ComponentWithCSSClasses, type CSSClassesProps } from '../css-classes';
|
|
12
|
-
/**
|
|
13
|
-
* BasicInput supported input types
|
|
14
|
-
*/
|
|
15
|
-
export type BasicInputType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
|
|
16
|
-
/**
|
|
17
|
-
* BasicInput component properties with CSS classes support
|
|
18
|
-
*/
|
|
19
|
-
export interface BasicInputProps extends ComponentProps, CSSClassesProps {
|
|
20
|
-
text: Signal<string>;
|
|
21
|
-
setText?: (value: string) => void;
|
|
22
|
-
placeholder?: string | Signal<string>;
|
|
23
|
-
inputType?: BasicInputType | Signal<BasicInputType>;
|
|
24
|
-
disabled?: boolean | Signal<boolean>;
|
|
25
|
-
readonly?: boolean | Signal<boolean>;
|
|
26
|
-
onChange?: (text: string) => void;
|
|
27
|
-
onSubmit?: (text: string) => void;
|
|
28
|
-
onFocus?: () => void;
|
|
29
|
-
onBlur?: () => void;
|
|
30
|
-
accessibilityLabel?: string;
|
|
31
|
-
accessibilityHint?: string;
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* BasicInput theme configuration
|
|
35
|
-
*/
|
|
36
|
-
export interface BasicInputTheme {
|
|
37
|
-
colors: {
|
|
38
|
-
background: string;
|
|
39
|
-
border: string;
|
|
40
|
-
text: string;
|
|
41
|
-
placeholder: string;
|
|
42
|
-
focusBorder: string;
|
|
43
|
-
disabledBackground: string;
|
|
44
|
-
disabledText: string;
|
|
45
|
-
};
|
|
46
|
-
spacing: {
|
|
47
|
-
padding: number;
|
|
48
|
-
borderWidth: number;
|
|
49
|
-
};
|
|
50
|
-
borderRadius: number;
|
|
51
|
-
fontSize: number;
|
|
52
|
-
fontFamily: string;
|
|
53
|
-
transition: string;
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* BasicInput component implementation with CSS classes support
|
|
57
|
-
*/
|
|
58
|
-
export declare class BasicInputComponent extends ComponentWithCSSClasses implements ComponentInstance<BasicInputProps> {
|
|
59
|
-
readonly type: "component";
|
|
60
|
-
readonly id: string;
|
|
61
|
-
readonly props: BasicInputProps;
|
|
62
|
-
private theme;
|
|
63
|
-
private inputElement;
|
|
64
|
-
constructor(props: BasicInputProps);
|
|
65
|
-
private resolveValue;
|
|
66
|
-
private getText;
|
|
67
|
-
private setText;
|
|
68
|
-
private getPlaceholder;
|
|
69
|
-
private getInputType;
|
|
70
|
-
private isDisabled;
|
|
71
|
-
private isReadonly;
|
|
72
|
-
private handleInput;
|
|
73
|
-
private handleKeyDown;
|
|
74
|
-
private handleFocus;
|
|
75
|
-
private handleBlur;
|
|
76
|
-
private getInputStyles;
|
|
77
|
-
render(): DOMNode[];
|
|
78
|
-
}
|
|
79
|
-
/**
|
|
80
|
-
* Create a BasicInput component
|
|
81
|
-
*/
|
|
82
|
-
export declare function BasicInput(props: BasicInputProps): ModifiableComponent<BasicInputProps> & {
|
|
83
|
-
modifier: ModifierBuilder<ModifiableComponent<BasicInputProps>>;
|
|
84
|
-
};
|
|
85
|
-
/**
|
|
86
|
-
* BasicInput utility functions and presets
|
|
87
|
-
*/
|
|
88
|
-
export declare const BasicInputUtils: {
|
|
89
|
-
/**
|
|
90
|
-
* Create a search input
|
|
91
|
-
*/
|
|
92
|
-
search(text: Signal<string>, setText: (value: string) => void, onSearch?: (query: string) => void): BasicInputProps;
|
|
93
|
-
/**
|
|
94
|
-
* Create an email input
|
|
95
|
-
*/
|
|
96
|
-
email(text: Signal<string>, setText: (value: string) => void): BasicInputProps;
|
|
97
|
-
/**
|
|
98
|
-
* Create a password input
|
|
99
|
-
*/
|
|
100
|
-
password(text: Signal<string>, setText: (value: string) => void): BasicInputProps;
|
|
101
|
-
/**
|
|
102
|
-
* Create a phone number input
|
|
103
|
-
*/
|
|
104
|
-
phone(text: Signal<string>, setText: (value: string) => void): BasicInputProps;
|
|
105
|
-
};
|
|
106
|
-
/**
|
|
107
|
-
* BasicInput styles and theming
|
|
108
|
-
*/
|
|
109
|
-
export declare const BasicInputStyles: {
|
|
110
|
-
theme: BasicInputTheme;
|
|
111
|
-
/**
|
|
112
|
-
* Create a custom theme
|
|
113
|
-
*/
|
|
114
|
-
createTheme(overrides: Partial<BasicInputTheme>): BasicInputTheme;
|
|
115
|
-
};
|
|
116
|
-
//# sourceMappingURL=BasicInput.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BasicInput.d.ts","sourceRoot":"","sources":["../../src/components/BasicInput.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,252 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Enhanced Button Component (Phase 5.2)
|
|
3
|
-
*
|
|
4
|
-
* SwiftUI-inspired Button component with press states, variants,
|
|
5
|
-
* and advanced interaction handling.
|
|
6
|
-
*/
|
|
7
|
-
import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
|
|
8
|
-
import type { Signal } from '../reactive/types';
|
|
9
|
-
import type { ComponentInstance, ComponentProps } from '../runtime/types';
|
|
10
|
-
import { ColorAsset } from '../assets/ColorAsset';
|
|
11
|
-
import type { Concatenatable, ComponentSegment } from '../concatenation/types';
|
|
12
|
-
import { ConcatenatedComponent } from '../concatenation/concatenated-component';
|
|
13
|
-
import { ComponentWithCSSClasses, type CSSClassesProps } from '../css-classes';
|
|
14
|
-
/**
|
|
15
|
-
* Button role types following SwiftUI patterns
|
|
16
|
-
*/
|
|
17
|
-
export type ButtonRole = 'destructive' | 'cancel' | 'none';
|
|
18
|
-
/**
|
|
19
|
-
* Button variants
|
|
20
|
-
*/
|
|
21
|
-
export type ButtonVariant = 'filled' | 'outlined' | 'plain' | 'bordered' | 'borderedProminent';
|
|
22
|
-
/**
|
|
23
|
-
* Button size presets
|
|
24
|
-
*/
|
|
25
|
-
export type ButtonSize = 'small' | 'medium' | 'large';
|
|
26
|
-
/**
|
|
27
|
-
* Button state
|
|
28
|
-
*/
|
|
29
|
-
export type ButtonState = 'normal' | 'pressed' | 'disabled' | 'focused';
|
|
30
|
-
/**
|
|
31
|
-
* Button component properties with CSS classes support
|
|
32
|
-
*/
|
|
33
|
-
export interface ButtonProps extends ComponentProps, CSSClassesProps {
|
|
34
|
-
title?: string | (() => string) | Signal<string>;
|
|
35
|
-
systemImage?: string;
|
|
36
|
-
action?: () => void | Promise<void>;
|
|
37
|
-
role?: ButtonRole;
|
|
38
|
-
isEnabled?: boolean | Signal<boolean>;
|
|
39
|
-
variant?: ButtonVariant;
|
|
40
|
-
size?: ButtonSize;
|
|
41
|
-
tint?: string | Signal<string> | ColorAsset;
|
|
42
|
-
backgroundColor?: string | Signal<string> | ColorAsset;
|
|
43
|
-
foregroundColor?: string | Signal<string> | ColorAsset;
|
|
44
|
-
isPressed?: Signal<boolean>;
|
|
45
|
-
isLoading?: boolean | Signal<boolean>;
|
|
46
|
-
accessibilityLabel?: string;
|
|
47
|
-
accessibilityHint?: string;
|
|
48
|
-
controlSize?: ButtonSize;
|
|
49
|
-
hapticFeedback?: boolean;
|
|
50
|
-
}
|
|
51
|
-
/**
|
|
52
|
-
* Button theme configuration
|
|
53
|
-
*/
|
|
54
|
-
export interface ButtonTheme {
|
|
55
|
-
colors: {
|
|
56
|
-
primary: string;
|
|
57
|
-
secondary: string;
|
|
58
|
-
destructive: string;
|
|
59
|
-
background: string;
|
|
60
|
-
surface: string;
|
|
61
|
-
onPrimary: string;
|
|
62
|
-
onSecondary: string;
|
|
63
|
-
onSurface: string;
|
|
64
|
-
border: string;
|
|
65
|
-
disabled: string;
|
|
66
|
-
};
|
|
67
|
-
spacing: {
|
|
68
|
-
small: number;
|
|
69
|
-
medium: number;
|
|
70
|
-
large: number;
|
|
71
|
-
};
|
|
72
|
-
borderRadius: {
|
|
73
|
-
small: number;
|
|
74
|
-
medium: number;
|
|
75
|
-
large: number;
|
|
76
|
-
};
|
|
77
|
-
typography: {
|
|
78
|
-
small: {
|
|
79
|
-
size: number;
|
|
80
|
-
weight: string;
|
|
81
|
-
};
|
|
82
|
-
medium: {
|
|
83
|
-
size: number;
|
|
84
|
-
weight: string;
|
|
85
|
-
};
|
|
86
|
-
large: {
|
|
87
|
-
size: number;
|
|
88
|
-
weight: string;
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
}
|
|
92
|
-
/**
|
|
93
|
-
* Default button theme
|
|
94
|
-
*/
|
|
95
|
-
export declare const defaultButtonTheme: ButtonTheme;
|
|
96
|
-
/**
|
|
97
|
-
* Enhanced Button component class with CSS classes support
|
|
98
|
-
*/
|
|
99
|
-
export declare class EnhancedButton extends ComponentWithCSSClasses implements ComponentInstance<ButtonProps>, Concatenatable<ButtonProps> {
|
|
100
|
-
props: ButtonProps;
|
|
101
|
-
readonly type: "component";
|
|
102
|
-
readonly id: string;
|
|
103
|
-
mounted: boolean;
|
|
104
|
-
cleanup: (() => void)[];
|
|
105
|
-
stateSignal: () => ButtonState;
|
|
106
|
-
private setState;
|
|
107
|
-
theme: ButtonTheme;
|
|
108
|
-
constructor(props: ButtonProps, theme?: ButtonTheme);
|
|
109
|
-
/**
|
|
110
|
-
* Set up DOM event listeners for button interactions
|
|
111
|
-
*/
|
|
112
|
-
private setupDOMEventListeners;
|
|
113
|
-
/**
|
|
114
|
-
* Set up reactive style updates based on state changes
|
|
115
|
-
*/
|
|
116
|
-
private setupReactiveStyles;
|
|
117
|
-
/**
|
|
118
|
-
* Apply computed styles to the button element, respecting modifier-applied styles
|
|
119
|
-
*/
|
|
120
|
-
private applyStylesToElement;
|
|
121
|
-
/**
|
|
122
|
-
* Convert camelCase to kebab-case for CSS properties
|
|
123
|
-
*/
|
|
124
|
-
private camelToKebabCase;
|
|
125
|
-
/**
|
|
126
|
-
* Resolve color value from string, signal, or asset
|
|
127
|
-
*/
|
|
128
|
-
private resolveColorValue;
|
|
129
|
-
/**
|
|
130
|
-
* Attach interaction event listeners to the button element
|
|
131
|
-
*/
|
|
132
|
-
private attachInteractionEvents;
|
|
133
|
-
/**
|
|
134
|
-
* Check if button is enabled
|
|
135
|
-
*/
|
|
136
|
-
isEnabled(): boolean | (() => boolean);
|
|
137
|
-
/**
|
|
138
|
-
* Render the button component
|
|
139
|
-
*/
|
|
140
|
-
render(): {
|
|
141
|
-
type: "element";
|
|
142
|
-
tag: string;
|
|
143
|
-
props: {
|
|
144
|
-
debugLabel?: string | undefined;
|
|
145
|
-
className: string | Signal<string>;
|
|
146
|
-
type: string;
|
|
147
|
-
disabled: boolean | (() => boolean);
|
|
148
|
-
onClick: (() => void) | undefined;
|
|
149
|
-
};
|
|
150
|
-
children: import("../runtime/types").DOMNode[];
|
|
151
|
-
componentMetadata: {
|
|
152
|
-
id: string;
|
|
153
|
-
type: string;
|
|
154
|
-
};
|
|
155
|
-
}[];
|
|
156
|
-
/**
|
|
157
|
-
* Check if button is in loading state
|
|
158
|
-
*/
|
|
159
|
-
isLoading(): boolean;
|
|
160
|
-
/**
|
|
161
|
-
* Check if the button has color-related modifiers applied
|
|
162
|
-
*/
|
|
163
|
-
private hasColorModifiers;
|
|
164
|
-
/**
|
|
165
|
-
* Check if the button has typography-related modifiers applied
|
|
166
|
-
*/
|
|
167
|
-
private hasTypographyModifiers;
|
|
168
|
-
/**
|
|
169
|
-
* Get computed button styles based on variant, size, role, and state
|
|
170
|
-
*/
|
|
171
|
-
getButtonStyles(): Record<string, any>;
|
|
172
|
-
/**
|
|
173
|
-
* Handle button press with proper state management
|
|
174
|
-
*/
|
|
175
|
-
handlePress(): Promise<void>;
|
|
176
|
-
/**
|
|
177
|
-
* Trigger haptic feedback (mobile Safari support)
|
|
178
|
-
*/
|
|
179
|
-
private triggerHapticFeedback;
|
|
180
|
-
/**
|
|
181
|
-
* Helper to darken a color for pressed states
|
|
182
|
-
*/
|
|
183
|
-
private darkenColor;
|
|
184
|
-
/**
|
|
185
|
-
* Concatenate this button with another concatenatable component
|
|
186
|
-
*/
|
|
187
|
-
concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<ButtonProps | U>;
|
|
188
|
-
/**
|
|
189
|
-
* Convert this button to a segment for concatenation
|
|
190
|
-
*/
|
|
191
|
-
toSegment(): ComponentSegment;
|
|
192
|
-
/**
|
|
193
|
-
* Check if this component supports concatenation
|
|
194
|
-
*/
|
|
195
|
-
isConcatenatable(): boolean;
|
|
196
|
-
/**
|
|
197
|
-
* Determine accessibility role for concatenation
|
|
198
|
-
*/
|
|
199
|
-
private determineAccessibilityRole;
|
|
200
|
-
/**
|
|
201
|
-
* Merge accessibility roles when combining components
|
|
202
|
-
*/
|
|
203
|
-
private mergeAccessibilityRoles;
|
|
204
|
-
}
|
|
205
|
-
/**
|
|
206
|
-
* Create enhanced Button component with modifier support
|
|
207
|
-
*/
|
|
208
|
-
export declare function Button(title: string | (() => string) | Signal<string>, action?: () => void | Promise<void>, props?: Omit<ButtonProps, 'title' | 'action'>): ModifiableComponent<ButtonProps> & {
|
|
209
|
-
modifier: ModifierBuilder<ModifiableComponent<ButtonProps>>;
|
|
210
|
-
};
|
|
211
|
-
/**
|
|
212
|
-
* Button variant shortcuts
|
|
213
|
-
*/
|
|
214
|
-
export declare const ButtonStyles: {
|
|
215
|
-
/**
|
|
216
|
-
* Filled button (primary)
|
|
217
|
-
*/
|
|
218
|
-
Filled: (title: string | (() => string) | Signal<string>, action?: () => void | Promise<void>, props?: Omit<ButtonProps, "title" | "action" | "variant">) => ModifiableComponent<ButtonProps> & {
|
|
219
|
-
modifier: ModifierBuilder<ModifiableComponent<ButtonProps>>;
|
|
220
|
-
};
|
|
221
|
-
/**
|
|
222
|
-
* Outlined button
|
|
223
|
-
*/
|
|
224
|
-
Outlined: (title: string | (() => string) | Signal<string>, action?: () => void | Promise<void>, props?: Omit<ButtonProps, "title" | "action" | "variant">) => ModifiableComponent<ButtonProps> & {
|
|
225
|
-
modifier: ModifierBuilder<ModifiableComponent<ButtonProps>>;
|
|
226
|
-
};
|
|
227
|
-
/**
|
|
228
|
-
* Plain button (text only)
|
|
229
|
-
*/
|
|
230
|
-
Plain: (title: string | (() => string) | Signal<string>, action?: () => void | Promise<void>, props?: Omit<ButtonProps, "title" | "action" | "variant">) => ModifiableComponent<ButtonProps> & {
|
|
231
|
-
modifier: ModifierBuilder<ModifiableComponent<ButtonProps>>;
|
|
232
|
-
};
|
|
233
|
-
/**
|
|
234
|
-
* Bordered button
|
|
235
|
-
*/
|
|
236
|
-
Bordered: (title: string | (() => string) | Signal<string>, action?: () => void | Promise<void>, props?: Omit<ButtonProps, "title" | "action" | "variant">) => ModifiableComponent<ButtonProps> & {
|
|
237
|
-
modifier: ModifierBuilder<ModifiableComponent<ButtonProps>>;
|
|
238
|
-
};
|
|
239
|
-
/**
|
|
240
|
-
* Destructive button
|
|
241
|
-
*/
|
|
242
|
-
Destructive: (title: string | (() => string) | Signal<string>, action?: () => void | Promise<void>, props?: Omit<ButtonProps, "title" | "action" | "role">) => ModifiableComponent<ButtonProps> & {
|
|
243
|
-
modifier: ModifierBuilder<ModifiableComponent<ButtonProps>>;
|
|
244
|
-
};
|
|
245
|
-
/**
|
|
246
|
-
* Cancel button
|
|
247
|
-
*/
|
|
248
|
-
Cancel: (title: string | (() => string) | Signal<string>, action?: () => void | Promise<void>, props?: Omit<ButtonProps, "title" | "action" | "role">) => ModifiableComponent<ButtonProps> & {
|
|
249
|
-
modifier: ModifierBuilder<ModifiableComponent<ButtonProps>>;
|
|
250
|
-
};
|
|
251
|
-
};
|
|
252
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Divider Component
|
|
3
|
-
*
|
|
4
|
-
* SwiftUI-inspired Divider component for visual separation between content.
|
|
5
|
-
* Simple, clean line separator with customizable styling.
|
|
6
|
-
*/
|
|
7
|
-
import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
|
|
8
|
-
import type { Signal } from '../reactive/types';
|
|
9
|
-
import type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types';
|
|
10
|
-
/**
|
|
11
|
-
* Divider component properties
|
|
12
|
-
*/
|
|
13
|
-
export interface DividerProps extends ComponentProps {
|
|
14
|
-
color?: string | Signal<string>;
|
|
15
|
-
thickness?: number | Signal<number>;
|
|
16
|
-
length?: number | string | Signal<number | string>;
|
|
17
|
-
orientation?: 'horizontal' | 'vertical';
|
|
18
|
-
margin?: number | Signal<number>;
|
|
19
|
-
style?: 'solid' | 'dashed' | 'dotted';
|
|
20
|
-
opacity?: number | Signal<number>;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Default divider theme
|
|
24
|
-
*/
|
|
25
|
-
export interface DividerTheme {
|
|
26
|
-
colors: {
|
|
27
|
-
default: string;
|
|
28
|
-
light: string;
|
|
29
|
-
medium: string;
|
|
30
|
-
heavy: string;
|
|
31
|
-
};
|
|
32
|
-
thickness: {
|
|
33
|
-
thin: number;
|
|
34
|
-
medium: number;
|
|
35
|
-
thick: number;
|
|
36
|
-
};
|
|
37
|
-
spacing: {
|
|
38
|
-
small: number;
|
|
39
|
-
medium: number;
|
|
40
|
-
large: number;
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
export declare const defaultDividerTheme: DividerTheme;
|
|
44
|
-
/**
|
|
45
|
-
* Divider component implementation
|
|
46
|
-
*/
|
|
47
|
-
export declare class DividerComponent implements ComponentInstance<DividerProps> {
|
|
48
|
-
readonly type: "component";
|
|
49
|
-
readonly id: string;
|
|
50
|
-
readonly props: DividerProps;
|
|
51
|
-
private theme;
|
|
52
|
-
constructor(props: DividerProps);
|
|
53
|
-
private resolveValue;
|
|
54
|
-
private getBaseStyles;
|
|
55
|
-
render(): DOMNode;
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Create a Divider component
|
|
59
|
-
*/
|
|
60
|
-
export declare function Divider(props?: DividerProps): ModifiableComponent<DividerProps> & {
|
|
61
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
62
|
-
};
|
|
63
|
-
export declare function Divider(): ModifiableComponent<DividerProps> & {
|
|
64
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* Divider utility functions and presets
|
|
68
|
-
*/
|
|
69
|
-
export declare const DividerUtils: {
|
|
70
|
-
/**
|
|
71
|
-
* Create a thin horizontal divider
|
|
72
|
-
*/
|
|
73
|
-
thin(color?: string): ModifiableComponent<DividerProps> & {
|
|
74
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
75
|
-
};
|
|
76
|
-
/**
|
|
77
|
-
* Create a medium horizontal divider
|
|
78
|
-
*/
|
|
79
|
-
medium(color?: string): ModifiableComponent<DividerProps> & {
|
|
80
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
81
|
-
};
|
|
82
|
-
/**
|
|
83
|
-
* Create a thick horizontal divider
|
|
84
|
-
*/
|
|
85
|
-
thick(color?: string): ModifiableComponent<DividerProps> & {
|
|
86
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
87
|
-
};
|
|
88
|
-
/**
|
|
89
|
-
* Create a vertical divider
|
|
90
|
-
*/
|
|
91
|
-
vertical(height?: number | string, thickness?: number): ModifiableComponent<DividerProps> & {
|
|
92
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
93
|
-
};
|
|
94
|
-
/**
|
|
95
|
-
* Create a dashed divider
|
|
96
|
-
*/
|
|
97
|
-
dashed(color?: string, thickness?: number): ModifiableComponent<DividerProps> & {
|
|
98
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
99
|
-
};
|
|
100
|
-
/**
|
|
101
|
-
* Create a dotted divider
|
|
102
|
-
*/
|
|
103
|
-
dotted(color?: string, thickness?: number): ModifiableComponent<DividerProps> & {
|
|
104
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
105
|
-
};
|
|
106
|
-
/**
|
|
107
|
-
* Create a subtle divider with light color
|
|
108
|
-
*/
|
|
109
|
-
subtle(): ModifiableComponent<DividerProps> & {
|
|
110
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
111
|
-
};
|
|
112
|
-
/**
|
|
113
|
-
* Create a prominent divider with heavier color
|
|
114
|
-
*/
|
|
115
|
-
prominent(): ModifiableComponent<DividerProps> & {
|
|
116
|
-
modifier: ModifierBuilder<ModifiableComponent<DividerProps>>;
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
/**
|
|
120
|
-
* Divider styles and theming
|
|
121
|
-
*/
|
|
122
|
-
export declare const DividerStyles: {
|
|
123
|
-
theme: DividerTheme;
|
|
124
|
-
/**
|
|
125
|
-
* Create a custom divider theme
|
|
126
|
-
*/
|
|
127
|
-
createTheme(overrides: Partial<DividerTheme>): DividerTheme;
|
|
128
|
-
/**
|
|
129
|
-
* Preset color schemes
|
|
130
|
-
*/
|
|
131
|
-
colors: {
|
|
132
|
-
light: string;
|
|
133
|
-
medium: string;
|
|
134
|
-
heavy: string;
|
|
135
|
-
primary: string;
|
|
136
|
-
success: string;
|
|
137
|
-
warning: string;
|
|
138
|
-
danger: string;
|
|
139
|
-
};
|
|
140
|
-
};
|
|
141
|
-
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/components/Divider.ts"],"names":[],"mappings":"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"}
|