@dashforge/tw 1.1.1 → 1.2.0
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/CHANGELOG.md +113 -0
- package/README.md +45 -0
- package/dist/index.esm.js +3985 -476
- package/dist/src/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/src/components/Accordion/accordion.types.d.ts +7 -0
- package/dist/src/components/Accordion/accordion.types.d.ts.map +1 -1
- package/dist/src/components/Alert/Alert.d.ts +1 -1
- package/dist/src/components/Alert/Alert.d.ts.map +1 -1
- package/dist/src/components/Alert/alert.types.d.ts +17 -0
- package/dist/src/components/Alert/alert.types.d.ts.map +1 -1
- package/dist/src/components/AppShell/AppShell.d.ts.map +1 -1
- package/dist/src/components/AppShell/appShell.types.d.ts +7 -0
- package/dist/src/components/AppShell/appShell.types.d.ts.map +1 -1
- package/dist/src/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/src/components/Autocomplete/autocomplete.types.d.ts +47 -1
- package/dist/src/components/Autocomplete/autocomplete.types.d.ts.map +1 -1
- package/dist/src/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/src/components/Avatar/avatar.types.d.ts +17 -1
- package/dist/src/components/Avatar/avatar.types.d.ts.map +1 -1
- package/dist/src/components/Badge/Badge.d.ts.map +1 -1
- package/dist/src/components/Badge/badge.types.d.ts +27 -2
- package/dist/src/components/Badge/badge.types.d.ts.map +1 -1
- package/dist/src/components/Box/Box.d.ts.map +1 -1
- package/dist/src/components/Box/box.types.d.ts +64 -1
- package/dist/src/components/Box/box.types.d.ts.map +1 -1
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/src/components/Breadcrumbs/breadcrumbs.types.d.ts +26 -1
- package/dist/src/components/Breadcrumbs/breadcrumbs.types.d.ts.map +1 -1
- package/dist/src/components/Button/Button.d.ts.map +1 -1
- package/dist/src/components/Button/button.types.d.ts +53 -1
- package/dist/src/components/Button/button.types.d.ts.map +1 -1
- package/dist/src/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/src/components/Calendar/calendar.types.d.ts +16 -0
- package/dist/src/components/Calendar/calendar.types.d.ts.map +1 -1
- package/dist/src/components/Card/Card.d.ts.map +1 -1
- package/dist/src/components/Card/card.types.d.ts +17 -0
- package/dist/src/components/Card/card.types.d.ts.map +1 -1
- package/dist/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/src/components/Checkbox/checkbox.types.d.ts +19 -1
- package/dist/src/components/Checkbox/checkbox.types.d.ts.map +1 -1
- package/dist/src/components/Chip/Chip.d.ts.map +1 -1
- package/dist/src/components/Chip/chip.types.d.ts +40 -1
- package/dist/src/components/Chip/chip.types.d.ts.map +1 -1
- package/dist/src/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
- package/dist/src/components/ConfirmDialog/confirmDialog.types.d.ts +30 -2
- package/dist/src/components/ConfirmDialog/confirmDialog.types.d.ts.map +1 -1
- package/dist/src/components/Container/Container.d.ts.map +1 -1
- package/dist/src/components/Container/container.types.d.ts +29 -1
- package/dist/src/components/Container/container.types.d.ts.map +1 -1
- package/dist/src/components/DataGrid/DataGrid.d.ts +1 -1
- package/dist/src/components/DataGrid/DataGrid.d.ts.map +1 -1
- package/dist/src/components/DataGrid/dataGrid.types.d.ts +124 -10
- package/dist/src/components/DataGrid/dataGrid.types.d.ts.map +1 -1
- package/dist/src/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/src/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/src/components/DatePicker/datePicker.types.d.ts +18 -0
- package/dist/src/components/DatePicker/datePicker.types.d.ts.map +1 -1
- package/dist/src/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/src/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/src/components/DateRangePicker/dateRangePicker.types.d.ts +18 -0
- package/dist/src/components/DateRangePicker/dateRangePicker.types.d.ts.map +1 -1
- package/dist/src/components/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/dist/src/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/dist/src/components/DateTimePicker/dateTimePicker.types.d.ts +20 -0
- package/dist/src/components/DateTimePicker/dateTimePicker.types.d.ts.map +1 -1
- package/dist/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/src/components/Dialog/dialog.types.d.ts +25 -1
- package/dist/src/components/Dialog/dialog.types.d.ts.map +1 -1
- package/dist/src/components/Divider/Divider.d.ts.map +1 -1
- package/dist/src/components/Divider/divider.types.d.ts +37 -1
- package/dist/src/components/Divider/divider.types.d.ts.map +1 -1
- package/dist/src/components/Drawer/Drawer.d.ts +21 -0
- package/dist/src/components/Drawer/Drawer.d.ts.map +1 -0
- package/dist/src/components/Drawer/drawer.types.d.ts +311 -0
- package/dist/src/components/Drawer/drawer.types.d.ts.map +1 -0
- package/dist/src/components/Drawer/drawer.variants.d.ts +177 -0
- package/dist/src/components/Drawer/drawer.variants.d.ts.map +1 -0
- package/dist/src/components/Grid/Grid.d.ts.map +1 -1
- package/dist/src/components/Grid/grid.types.d.ts +16 -0
- package/dist/src/components/Grid/grid.types.d.ts.map +1 -1
- package/dist/src/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/src/components/IconButton/iconButton.types.d.ts +40 -1
- package/dist/src/components/IconButton/iconButton.types.d.ts.map +1 -1
- package/dist/src/components/LeftNav/LeftNav.d.ts.map +1 -1
- package/dist/src/components/LeftNav/leftNav.types.d.ts +26 -6
- package/dist/src/components/LeftNav/leftNav.types.d.ts.map +1 -1
- package/dist/src/components/Link/Link.d.ts +15 -0
- package/dist/src/components/Link/Link.d.ts.map +1 -0
- package/dist/src/components/Link/link.types.d.ts +169 -0
- package/dist/src/components/Link/link.types.d.ts.map +1 -0
- package/dist/src/components/Link/link.variants.d.ts +107 -0
- package/dist/src/components/Link/link.variants.d.ts.map +1 -0
- package/dist/src/components/Menu/Menu.d.ts +1 -1
- package/dist/src/components/Menu/Menu.d.ts.map +1 -1
- package/dist/src/components/Menu/menu.types.d.ts +20 -0
- package/dist/src/components/Menu/menu.types.d.ts.map +1 -1
- package/dist/src/components/NumberField/NumberField.d.ts.map +1 -1
- package/dist/src/components/NumberField/numberField.types.d.ts +47 -1
- package/dist/src/components/NumberField/numberField.types.d.ts.map +1 -1
- package/dist/src/components/OTPField/OTPField.d.ts.map +1 -1
- package/dist/src/components/OTPField/otpField.types.d.ts +35 -1
- package/dist/src/components/OTPField/otpField.types.d.ts.map +1 -1
- package/dist/src/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/src/components/Pagination/pagination.types.d.ts +26 -1
- package/dist/src/components/Pagination/pagination.types.d.ts.map +1 -1
- package/dist/src/components/Popover/Popover.d.ts.map +1 -1
- package/dist/src/components/Popover/popover.types.d.ts +29 -0
- package/dist/src/components/Popover/popover.types.d.ts.map +1 -1
- package/dist/src/components/Progress/Progress.d.ts +20 -0
- package/dist/src/components/Progress/Progress.d.ts.map +1 -0
- package/dist/src/components/Progress/progress.types.d.ts +200 -0
- package/dist/src/components/Progress/progress.types.d.ts.map +1 -0
- package/dist/src/components/Progress/progress.variants.d.ts +224 -0
- package/dist/src/components/Progress/progress.variants.d.ts.map +1 -0
- package/dist/src/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/src/components/RadioGroup/radioGroup.types.d.ts +25 -1
- package/dist/src/components/RadioGroup/radioGroup.types.d.ts.map +1 -1
- package/dist/src/components/Select/Select.d.ts +14 -0
- package/dist/src/components/Select/Select.d.ts.map +1 -0
- package/dist/src/components/Select/select.types.d.ts +272 -0
- package/dist/src/components/Select/select.types.d.ts.map +1 -0
- package/dist/src/components/Select/select.variants.d.ts +204 -0
- package/dist/src/components/Select/select.variants.d.ts.map +1 -0
- package/dist/src/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/src/components/Skeleton/skeleton.types.d.ts +25 -1
- package/dist/src/components/Skeleton/skeleton.types.d.ts.map +1 -1
- package/dist/src/components/Slider/Slider.d.ts +15 -0
- package/dist/src/components/Slider/Slider.d.ts.map +1 -0
- package/dist/src/components/Slider/slider.types.d.ts +268 -0
- package/dist/src/components/Slider/slider.types.d.ts.map +1 -0
- package/dist/src/components/Slider/slider.variants.d.ts +313 -0
- package/dist/src/components/Slider/slider.variants.d.ts.map +1 -0
- package/dist/src/components/Snackbar/Snackbar.d.ts.map +1 -1
- package/dist/src/components/Snackbar/snackbar.types.d.ts +29 -5
- package/dist/src/components/Snackbar/snackbar.types.d.ts.map +1 -1
- package/dist/src/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/src/components/Spinner/spinner.types.d.ts +22 -2
- package/dist/src/components/Spinner/spinner.types.d.ts.map +1 -1
- package/dist/src/components/Stack/Stack.d.ts.map +1 -1
- package/dist/src/components/Stack/stack.types.d.ts +53 -2
- package/dist/src/components/Stack/stack.types.d.ts.map +1 -1
- package/dist/src/components/Stack/stack.variants.d.ts +23 -0
- package/dist/src/components/Stack/stack.variants.d.ts.map +1 -1
- package/dist/src/components/Stepper/Step.d.ts +30 -0
- package/dist/src/components/Stepper/Step.d.ts.map +1 -0
- package/dist/src/components/Stepper/Stepper.d.ts +15 -0
- package/dist/src/components/Stepper/Stepper.d.ts.map +1 -0
- package/dist/src/components/Stepper/StepperContext.d.ts +8 -0
- package/dist/src/components/Stepper/StepperContext.d.ts.map +1 -0
- package/dist/src/components/Stepper/stepper.types.d.ts +358 -0
- package/dist/src/components/Stepper/stepper.types.d.ts.map +1 -0
- package/dist/src/components/Stepper/stepper.variants.d.ts +253 -0
- package/dist/src/components/Stepper/stepper.variants.d.ts.map +1 -0
- package/dist/src/components/Stepper/useStep.d.ts +53 -0
- package/dist/src/components/Stepper/useStep.d.ts.map +1 -0
- package/dist/src/components/Switch/Switch.d.ts.map +1 -1
- package/dist/src/components/Switch/switch.types.d.ts +44 -1
- package/dist/src/components/Switch/switch.types.d.ts.map +1 -1
- package/dist/src/components/Table/Table.d.ts +1 -1
- package/dist/src/components/Table/Table.d.ts.map +1 -1
- package/dist/src/components/Table/table.types.d.ts +103 -8
- package/dist/src/components/Table/table.types.d.ts.map +1 -1
- package/dist/src/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/src/components/Tabs/tabs.types.d.ts +26 -1
- package/dist/src/components/Tabs/tabs.types.d.ts.map +1 -1
- package/dist/src/components/TextField/TextField.d.ts.map +1 -1
- package/dist/src/components/TextField/textField.types.d.ts +30 -1
- package/dist/src/components/TextField/textField.types.d.ts.map +1 -1
- package/dist/src/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/src/components/Textarea/textarea.types.d.ts +51 -1
- package/dist/src/components/Textarea/textarea.types.d.ts.map +1 -1
- package/dist/src/components/TimePicker/TimePicker.d.ts +1 -1
- package/dist/src/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/src/components/TimePicker/timePicker.types.d.ts +18 -0
- package/dist/src/components/TimePicker/timePicker.types.d.ts.map +1 -1
- package/dist/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/src/components/Tooltip/tooltip.types.d.ts +30 -0
- package/dist/src/components/Tooltip/tooltip.types.d.ts.map +1 -1
- package/dist/src/components/TopBar/TopBar.d.ts.map +1 -1
- package/dist/src/components/TopBar/topBar.types.d.ts +25 -1
- package/dist/src/components/TopBar/topBar.types.d.ts.map +1 -1
- package/dist/src/components/Typography/Typography.d.ts.map +1 -1
- package/dist/src/components/Typography/typography.types.d.ts +47 -1
- package/dist/src/components/Typography/typography.types.d.ts.map +1 -1
- package/dist/src/components/Typography/typography.variants.d.ts +2 -2
- package/dist/src/components/Typography/typography.variants.d.ts.map +1 -1
- package/dist/src/hooks/useStandaloneFieldWarning.d.ts +38 -0
- package/dist/src/hooks/useStandaloneFieldWarning.d.ts.map +1 -0
- package/dist/src/index.d.ts +61 -41
- package/dist/src/index.d.ts.map +1 -1
- package/package.json +6 -5
|
@@ -0,0 +1,313 @@
|
|
|
1
|
+
import { type VariantProps } from 'tailwind-variants';
|
|
2
|
+
/**
|
|
3
|
+
* Tailwind-variants recipe for `<Slider>` — token-driven numeric value
|
|
4
|
+
* picker (single value or [min, max] range).
|
|
5
|
+
*
|
|
6
|
+
* Slots:
|
|
7
|
+
* - `root` — outer wrapper (label + control + helper/error)
|
|
8
|
+
* - `label` — text above the control
|
|
9
|
+
* - `requiredMark` — `*` for required
|
|
10
|
+
* - `controlWrapper` — flex container holding the Radix Slider.Root
|
|
11
|
+
* - `track` — the full horizontal bar (Radix Slider.Track)
|
|
12
|
+
* - `rangeSegment` — highlighted portion between thumbs
|
|
13
|
+
* (Radix Slider.Range — start→thumb for single,
|
|
14
|
+
* thumb1→thumb2 for range)
|
|
15
|
+
* - `thumb` — draggable handle (one per value tick)
|
|
16
|
+
* - `mark` — tick on the track for a discrete step
|
|
17
|
+
* - `markLabel` — text label under a mark
|
|
18
|
+
* - `valueLabel` — tooltip above the thumb showing current value
|
|
19
|
+
* - `helperText` — descriptive line below the control
|
|
20
|
+
* - `errorText` — semantic counterpart for error mode
|
|
21
|
+
*
|
|
22
|
+
* Color intents follow the palette convention used elsewhere in the
|
|
23
|
+
* catalog. `neutral` auto-inverts via the preset CSS-var swap; the
|
|
24
|
+
* other five carry `dark:` variants where needed for visual cohesion.
|
|
25
|
+
*/
|
|
26
|
+
export declare const sliderVariants: import("tailwind-variants").TVReturnType<{
|
|
27
|
+
color: {
|
|
28
|
+
primary: {
|
|
29
|
+
rangeSegment: string;
|
|
30
|
+
thumb: string;
|
|
31
|
+
valueLabel: string;
|
|
32
|
+
};
|
|
33
|
+
secondary: {
|
|
34
|
+
rangeSegment: string;
|
|
35
|
+
thumb: string;
|
|
36
|
+
valueLabel: string;
|
|
37
|
+
};
|
|
38
|
+
success: {
|
|
39
|
+
rangeSegment: string;
|
|
40
|
+
thumb: string;
|
|
41
|
+
valueLabel: string;
|
|
42
|
+
};
|
|
43
|
+
warning: {
|
|
44
|
+
rangeSegment: string;
|
|
45
|
+
thumb: string;
|
|
46
|
+
valueLabel: string;
|
|
47
|
+
};
|
|
48
|
+
danger: {
|
|
49
|
+
rangeSegment: string;
|
|
50
|
+
thumb: string;
|
|
51
|
+
valueLabel: string;
|
|
52
|
+
};
|
|
53
|
+
neutral: {
|
|
54
|
+
rangeSegment: string;
|
|
55
|
+
thumb: string;
|
|
56
|
+
valueLabel: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
size: {
|
|
60
|
+
sm: {
|
|
61
|
+
controlWrapper: string;
|
|
62
|
+
track: string;
|
|
63
|
+
thumb: string;
|
|
64
|
+
mark: string;
|
|
65
|
+
valueLabel: string;
|
|
66
|
+
};
|
|
67
|
+
md: {
|
|
68
|
+
controlWrapper: string;
|
|
69
|
+
track: string;
|
|
70
|
+
thumb: string;
|
|
71
|
+
mark: string;
|
|
72
|
+
valueLabel: string;
|
|
73
|
+
};
|
|
74
|
+
lg: {
|
|
75
|
+
controlWrapper: string;
|
|
76
|
+
track: string;
|
|
77
|
+
thumb: string;
|
|
78
|
+
mark: string;
|
|
79
|
+
valueLabel: string;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
layout: {
|
|
83
|
+
stacked: {
|
|
84
|
+
root: string;
|
|
85
|
+
};
|
|
86
|
+
inline: {
|
|
87
|
+
root: string;
|
|
88
|
+
label: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
error: {
|
|
92
|
+
true: {
|
|
93
|
+
thumb: string;
|
|
94
|
+
rangeSegment: string;
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
fullWidth: {
|
|
98
|
+
true: {
|
|
99
|
+
root: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
disabled: {
|
|
103
|
+
true: {
|
|
104
|
+
controlWrapper: string;
|
|
105
|
+
thumb: string;
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
}, {
|
|
109
|
+
root: string;
|
|
110
|
+
label: string;
|
|
111
|
+
requiredMark: string;
|
|
112
|
+
controlWrapper: string;
|
|
113
|
+
track: string[];
|
|
114
|
+
rangeSegment: string[];
|
|
115
|
+
thumb: string[];
|
|
116
|
+
mark: string[];
|
|
117
|
+
markLabel: string[];
|
|
118
|
+
valueLabel: string[];
|
|
119
|
+
helperText: string;
|
|
120
|
+
errorText: string;
|
|
121
|
+
}, undefined, {
|
|
122
|
+
color: {
|
|
123
|
+
primary: {
|
|
124
|
+
rangeSegment: string;
|
|
125
|
+
thumb: string;
|
|
126
|
+
valueLabel: string;
|
|
127
|
+
};
|
|
128
|
+
secondary: {
|
|
129
|
+
rangeSegment: string;
|
|
130
|
+
thumb: string;
|
|
131
|
+
valueLabel: string;
|
|
132
|
+
};
|
|
133
|
+
success: {
|
|
134
|
+
rangeSegment: string;
|
|
135
|
+
thumb: string;
|
|
136
|
+
valueLabel: string;
|
|
137
|
+
};
|
|
138
|
+
warning: {
|
|
139
|
+
rangeSegment: string;
|
|
140
|
+
thumb: string;
|
|
141
|
+
valueLabel: string;
|
|
142
|
+
};
|
|
143
|
+
danger: {
|
|
144
|
+
rangeSegment: string;
|
|
145
|
+
thumb: string;
|
|
146
|
+
valueLabel: string;
|
|
147
|
+
};
|
|
148
|
+
neutral: {
|
|
149
|
+
rangeSegment: string;
|
|
150
|
+
thumb: string;
|
|
151
|
+
valueLabel: string;
|
|
152
|
+
};
|
|
153
|
+
};
|
|
154
|
+
size: {
|
|
155
|
+
sm: {
|
|
156
|
+
controlWrapper: string;
|
|
157
|
+
track: string;
|
|
158
|
+
thumb: string;
|
|
159
|
+
mark: string;
|
|
160
|
+
valueLabel: string;
|
|
161
|
+
};
|
|
162
|
+
md: {
|
|
163
|
+
controlWrapper: string;
|
|
164
|
+
track: string;
|
|
165
|
+
thumb: string;
|
|
166
|
+
mark: string;
|
|
167
|
+
valueLabel: string;
|
|
168
|
+
};
|
|
169
|
+
lg: {
|
|
170
|
+
controlWrapper: string;
|
|
171
|
+
track: string;
|
|
172
|
+
thumb: string;
|
|
173
|
+
mark: string;
|
|
174
|
+
valueLabel: string;
|
|
175
|
+
};
|
|
176
|
+
};
|
|
177
|
+
layout: {
|
|
178
|
+
stacked: {
|
|
179
|
+
root: string;
|
|
180
|
+
};
|
|
181
|
+
inline: {
|
|
182
|
+
root: string;
|
|
183
|
+
label: string;
|
|
184
|
+
};
|
|
185
|
+
};
|
|
186
|
+
error: {
|
|
187
|
+
true: {
|
|
188
|
+
thumb: string;
|
|
189
|
+
rangeSegment: string;
|
|
190
|
+
};
|
|
191
|
+
};
|
|
192
|
+
fullWidth: {
|
|
193
|
+
true: {
|
|
194
|
+
root: string;
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
disabled: {
|
|
198
|
+
true: {
|
|
199
|
+
controlWrapper: string;
|
|
200
|
+
thumb: string;
|
|
201
|
+
};
|
|
202
|
+
};
|
|
203
|
+
}, {
|
|
204
|
+
root: string;
|
|
205
|
+
label: string;
|
|
206
|
+
requiredMark: string;
|
|
207
|
+
controlWrapper: string;
|
|
208
|
+
track: string[];
|
|
209
|
+
rangeSegment: string[];
|
|
210
|
+
thumb: string[];
|
|
211
|
+
mark: string[];
|
|
212
|
+
markLabel: string[];
|
|
213
|
+
valueLabel: string[];
|
|
214
|
+
helperText: string;
|
|
215
|
+
errorText: string;
|
|
216
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
217
|
+
color: {
|
|
218
|
+
primary: {
|
|
219
|
+
rangeSegment: string;
|
|
220
|
+
thumb: string;
|
|
221
|
+
valueLabel: string;
|
|
222
|
+
};
|
|
223
|
+
secondary: {
|
|
224
|
+
rangeSegment: string;
|
|
225
|
+
thumb: string;
|
|
226
|
+
valueLabel: string;
|
|
227
|
+
};
|
|
228
|
+
success: {
|
|
229
|
+
rangeSegment: string;
|
|
230
|
+
thumb: string;
|
|
231
|
+
valueLabel: string;
|
|
232
|
+
};
|
|
233
|
+
warning: {
|
|
234
|
+
rangeSegment: string;
|
|
235
|
+
thumb: string;
|
|
236
|
+
valueLabel: string;
|
|
237
|
+
};
|
|
238
|
+
danger: {
|
|
239
|
+
rangeSegment: string;
|
|
240
|
+
thumb: string;
|
|
241
|
+
valueLabel: string;
|
|
242
|
+
};
|
|
243
|
+
neutral: {
|
|
244
|
+
rangeSegment: string;
|
|
245
|
+
thumb: string;
|
|
246
|
+
valueLabel: string;
|
|
247
|
+
};
|
|
248
|
+
};
|
|
249
|
+
size: {
|
|
250
|
+
sm: {
|
|
251
|
+
controlWrapper: string;
|
|
252
|
+
track: string;
|
|
253
|
+
thumb: string;
|
|
254
|
+
mark: string;
|
|
255
|
+
valueLabel: string;
|
|
256
|
+
};
|
|
257
|
+
md: {
|
|
258
|
+
controlWrapper: string;
|
|
259
|
+
track: string;
|
|
260
|
+
thumb: string;
|
|
261
|
+
mark: string;
|
|
262
|
+
valueLabel: string;
|
|
263
|
+
};
|
|
264
|
+
lg: {
|
|
265
|
+
controlWrapper: string;
|
|
266
|
+
track: string;
|
|
267
|
+
thumb: string;
|
|
268
|
+
mark: string;
|
|
269
|
+
valueLabel: string;
|
|
270
|
+
};
|
|
271
|
+
};
|
|
272
|
+
layout: {
|
|
273
|
+
stacked: {
|
|
274
|
+
root: string;
|
|
275
|
+
};
|
|
276
|
+
inline: {
|
|
277
|
+
root: string;
|
|
278
|
+
label: string;
|
|
279
|
+
};
|
|
280
|
+
};
|
|
281
|
+
error: {
|
|
282
|
+
true: {
|
|
283
|
+
thumb: string;
|
|
284
|
+
rangeSegment: string;
|
|
285
|
+
};
|
|
286
|
+
};
|
|
287
|
+
fullWidth: {
|
|
288
|
+
true: {
|
|
289
|
+
root: string;
|
|
290
|
+
};
|
|
291
|
+
};
|
|
292
|
+
disabled: {
|
|
293
|
+
true: {
|
|
294
|
+
controlWrapper: string;
|
|
295
|
+
thumb: string;
|
|
296
|
+
};
|
|
297
|
+
};
|
|
298
|
+
}, {
|
|
299
|
+
root: string;
|
|
300
|
+
label: string;
|
|
301
|
+
requiredMark: string;
|
|
302
|
+
controlWrapper: string;
|
|
303
|
+
track: string[];
|
|
304
|
+
rangeSegment: string[];
|
|
305
|
+
thumb: string[];
|
|
306
|
+
mark: string[];
|
|
307
|
+
markLabel: string[];
|
|
308
|
+
valueLabel: string[];
|
|
309
|
+
helperText: string;
|
|
310
|
+
errorText: string;
|
|
311
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
312
|
+
export type SliderVariants = VariantProps<typeof sliderVariants>;
|
|
313
|
+
//# sourceMappingURL=slider.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/slider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAuIzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,WAAW,EAEX,qBAAqB,EAEtB,MAAM,qBAAqB,CAAC;AAI7B;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,WAAW,CAQzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA8P5D"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import type { SnackbarVariants } from './snackbar.variants.js';
|
|
3
2
|
import type { Severity, SeverityVariant } from '../_shared/severity/severity.types.js';
|
|
4
3
|
/**
|
|
5
4
|
* Visual severity — drives icon color + accent on the snackbar surface.
|
|
@@ -106,18 +105,43 @@ export interface SnackbarApi {
|
|
|
106
105
|
/** Dismiss every visible snackbar. */
|
|
107
106
|
dismissAll: () => void;
|
|
108
107
|
}
|
|
109
|
-
export interface SnackbarProviderProps
|
|
108
|
+
export interface SnackbarProviderProps {
|
|
109
|
+
/** App tree to wrap. Required. */
|
|
110
110
|
children: ReactNode;
|
|
111
|
-
/**
|
|
111
|
+
/**
|
|
112
|
+
* Corner the stack anchors to.
|
|
113
|
+
* @default 'bottom-right'
|
|
114
|
+
*/
|
|
112
115
|
position?: SnackbarPosition;
|
|
113
116
|
/**
|
|
114
117
|
* Hard cap on simultaneously visible snackbars. Excess enqueued
|
|
115
|
-
* items wait FIFO until a slot frees up.
|
|
118
|
+
* items wait FIFO until a slot frees up.
|
|
119
|
+
* @default 5
|
|
116
120
|
*/
|
|
117
121
|
maxVisible?: number;
|
|
118
122
|
/** Defaults merged into every enqueue. */
|
|
119
123
|
defaults?: Pick<SnackbarOptions, 'severity' | 'variant' | 'autoHideMs' | 'showClose'>;
|
|
120
|
-
/** Per-slot className overrides. */
|
|
124
|
+
/** Per-slot className overrides applied to every snackbar. */
|
|
121
125
|
slotProps?: SnackbarSlotProps;
|
|
122
126
|
}
|
|
127
|
+
/**
|
|
128
|
+
* Subset of `<SnackbarProvider>` props theme-configurable via
|
|
129
|
+
* `theme.components.Snackbar.defaults` (Option C).
|
|
130
|
+
*
|
|
131
|
+
* `enqueueDefaults` is theme-level per-enqueue defaults — merged BEFORE
|
|
132
|
+
* the provider's own `defaults` prop (which wins).
|
|
133
|
+
*/
|
|
134
|
+
export interface SnackbarVariantProps {
|
|
135
|
+
position?: SnackbarPosition;
|
|
136
|
+
maxVisible?: number;
|
|
137
|
+
enqueueDefaults?: Pick<SnackbarOptions, 'severity' | 'variant' | 'autoHideMs' | 'showClose'>;
|
|
138
|
+
}
|
|
139
|
+
declare module '@dashforge/tw-tokens' {
|
|
140
|
+
interface TWComponentDefaults {
|
|
141
|
+
Snackbar?: {
|
|
142
|
+
defaults?: Partial<SnackbarVariantProps>;
|
|
143
|
+
slotProps?: SnackbarSlotProps;
|
|
144
|
+
};
|
|
145
|
+
}
|
|
146
|
+
}
|
|
123
147
|
//# sourceMappingURL=snackbar.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/snackbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"snackbar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/snackbar.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,OAAO,0GA0GlB,CAAC"}
|
|
@@ -26,7 +26,10 @@ export type SpinnerThickness = 'thin' | 'md' | 'thick';
|
|
|
26
26
|
* under `prefers-reduced-motion`).
|
|
27
27
|
*/
|
|
28
28
|
export interface SpinnerProps {
|
|
29
|
-
/**
|
|
29
|
+
/**
|
|
30
|
+
* Diameter tier — xs:12px, sm:16px, md:20px, lg:24px, xl:32px.
|
|
31
|
+
* @default 'md'
|
|
32
|
+
*/
|
|
30
33
|
size?: SpinnerSize;
|
|
31
34
|
/**
|
|
32
35
|
* Intent color. **When omitted, inherits parent's text color via
|
|
@@ -35,7 +38,10 @@ export interface SpinnerProps {
|
|
|
35
38
|
* for standalone usage on neutral surfaces.
|
|
36
39
|
*/
|
|
37
40
|
color?: SpinnerColor;
|
|
38
|
-
/**
|
|
41
|
+
/**
|
|
42
|
+
* SVG stroke-width — thin:1.5, md:2.25, thick:3.
|
|
43
|
+
* @default 'md'
|
|
44
|
+
*/
|
|
39
45
|
thickness?: SpinnerThickness;
|
|
40
46
|
/**
|
|
41
47
|
* Renders a faint "ghost ring" behind the spinning arc (20%
|
|
@@ -83,7 +89,21 @@ export interface SpinnerProps {
|
|
|
83
89
|
* otherwise display-only.
|
|
84
90
|
*/
|
|
85
91
|
visibleWhen?: (engine: Engine) => boolean;
|
|
92
|
+
/** Standard React `className` — appended to the root via `cn()`. */
|
|
86
93
|
className?: string;
|
|
94
|
+
/** Root-element class shortcut (string or clsx-compatible value). Wins over variant classes via `tailwind-merge`. */
|
|
87
95
|
sx?: ClassValue;
|
|
88
96
|
}
|
|
97
|
+
/**
|
|
98
|
+
* Subset of `<Spinner>` props theme-configurable via
|
|
99
|
+
* `theme.components.Spinner.defaults` (Option C).
|
|
100
|
+
*/
|
|
101
|
+
export type SpinnerVariantProps = Pick<SpinnerProps, 'size' | 'color' | 'thickness' | 'withTrack'>;
|
|
102
|
+
declare module '@dashforge/tw-tokens' {
|
|
103
|
+
interface TWComponentDefaults {
|
|
104
|
+
Spinner?: {
|
|
105
|
+
defaults?: Partial<SpinnerVariantProps>;
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
}
|
|
89
109
|
//# sourceMappingURL=spinner.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D;;;;GAIG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAC;AAEX,6DAA6D;AAC7D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,YAAY;IAE3B
|
|
1
|
+
{"version":3,"file":"spinner.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D;;;;GAIG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAC;AAEX,6DAA6D;AAC7D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,YAAY;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;;;;;OAiBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAM1C,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qHAAqH;IACrH,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,YAAY,EACZ,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAC7C,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,mBAAmB;QAC3B,OAAO,CAAC,EAAE;YACR,QAAQ,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;SACzC,CAAC;KACH;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AA6CnD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,KAAK,oGAgGjB,CAAC"}
|
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
import type { ElementType, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import type { StackVariants } from './stack.variants.js';
|
|
2
|
+
import type { StackGap, StackVariants } from './stack.variants.js';
|
|
3
|
+
/**
|
|
4
|
+
* Subset of `<Stack>` props theme-configurable via
|
|
5
|
+
* `theme.components.Stack.defaults` (Option C).
|
|
6
|
+
*
|
|
7
|
+
* `gap` is deliberately overridden to the strict `StackGap` literal
|
|
8
|
+
* union rather than the `VariantProps`-widened `string` — see
|
|
9
|
+
* `stack.variants.ts` and issue #111 (G-27) for the widening bug.
|
|
10
|
+
*/
|
|
11
|
+
export type StackVariantProps = Pick<StackVariants, 'direction' | 'align' | 'justify' | 'wrap' | 'fullWidth' | 'fullHeight'> & {
|
|
12
|
+
gap?: StackGap;
|
|
13
|
+
};
|
|
14
|
+
declare module '@dashforge/tw-tokens' {
|
|
15
|
+
interface TWComponentDefaults {
|
|
16
|
+
Stack?: {
|
|
17
|
+
defaults?: Partial<StackVariantProps>;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
}
|
|
3
21
|
/**
|
|
4
22
|
* Props for `<Stack>` — flex container 1D, the layout primitive.
|
|
5
23
|
*
|
|
@@ -21,7 +39,40 @@ import type { StackVariants } from './stack.variants.js';
|
|
|
21
39
|
* • 2D layout (rows AND columns) → use <Grid>
|
|
22
40
|
* • Text styling → <Typography>
|
|
23
41
|
*/
|
|
24
|
-
export interface StackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className'
|
|
42
|
+
export interface StackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
|
|
43
|
+
/**
|
|
44
|
+
* Flex direction.
|
|
45
|
+
* @default 'col'
|
|
46
|
+
*/
|
|
47
|
+
direction?: StackVariants['direction'];
|
|
48
|
+
/** Cross-axis alignment (`items-*`). */
|
|
49
|
+
align?: StackVariants['align'];
|
|
50
|
+
/** Main-axis alignment (`justify-*`). */
|
|
51
|
+
justify?: StackVariants['justify'];
|
|
52
|
+
/**
|
|
53
|
+
* Gap between children — spacing token step. Accepts one of eleven
|
|
54
|
+
* numeric literals matching Box's spacing scale: `0 | 0.5 | 1 | 2 |
|
|
55
|
+
* 3 | 4 | 6 | 8 | 12 | 16 | 24`. Token strings (`'xs' | 'sm' | 'md'`)
|
|
56
|
+
* are **not** accepted — TypeScript rejects them at compile time,
|
|
57
|
+
* and a runtime pass through with an unknown value emits a
|
|
58
|
+
* dev-only `console.warn` (issue #111 / G-27).
|
|
59
|
+
*/
|
|
60
|
+
gap?: StackGap;
|
|
61
|
+
/**
|
|
62
|
+
* Allow children to wrap to the next line (`flex-wrap`).
|
|
63
|
+
* @default false
|
|
64
|
+
*/
|
|
65
|
+
wrap?: StackVariants['wrap'];
|
|
66
|
+
/**
|
|
67
|
+
* Stretch to fill the container's width.
|
|
68
|
+
* @default false
|
|
69
|
+
*/
|
|
70
|
+
fullWidth?: StackVariants['fullWidth'];
|
|
71
|
+
/**
|
|
72
|
+
* Stretch to fill the container's height.
|
|
73
|
+
* @default false
|
|
74
|
+
*/
|
|
75
|
+
fullHeight?: StackVariants['fullHeight'];
|
|
25
76
|
/**
|
|
26
77
|
* Node rendered N-1 times BETWEEN children — mirror of MUI Stack's
|
|
27
78
|
* divider prop. Useful for visual separators (a `<hr>`, a thin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"stack.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEnE;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,aAAa,EACb,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CACxE,GAAG;IACF,GAAG,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,mBAAmB;QAC3B,KAAK,CAAC,EAAE;YACN,QAAQ,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;SACvC,CAAC;KACH;CACF;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC;IACzD;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAEvC,wCAAwC;IACxC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAE/B,yCAAyC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAEnC;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAE7B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAEvC;;;OAGG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAEzC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}
|
|
@@ -160,4 +160,27 @@ export declare const stackVariants: import("tailwind-variants").TVReturnType<{
|
|
|
160
160
|
};
|
|
161
161
|
}, undefined, "flex", unknown, unknown, undefined>>;
|
|
162
162
|
export type StackVariants = VariantProps<typeof stackVariants>;
|
|
163
|
+
/**
|
|
164
|
+
* The 11 accepted values for `<Stack gap>` — same set as Box's spacing
|
|
165
|
+
* axes (p, m, etc.). Exported so the JSDoc, the runtime dev-warn, and
|
|
166
|
+
* the `<Stack>` prop type all speak the same list.
|
|
167
|
+
*
|
|
168
|
+
* Why re-declared instead of derived from `stackVariants.variants.gap`
|
|
169
|
+
* via `VariantProps`: `tailwind-variants` 3.x widens variant value
|
|
170
|
+
* types to `string | undefined` when the variant object has mixed-type
|
|
171
|
+
* keys (numeric literals + string literals like `'0.5'`), which is why
|
|
172
|
+
* TS silently accepted `<Stack gap="md">` before #111 — that's the
|
|
173
|
+
* whole bug this literal union closes. Keep this list in sync with
|
|
174
|
+
* the `gap` object in the `variants` block above.
|
|
175
|
+
*
|
|
176
|
+
* @see Issue #111 — silent-fail when `gap` receives a token value that
|
|
177
|
+
* isn't on the numeric scale (G-27).
|
|
178
|
+
*/
|
|
179
|
+
export type StackGap = 0 | 0.5 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 16 | 24;
|
|
180
|
+
/**
|
|
181
|
+
* Runtime allow-list, for the dev-warn to check against a passed
|
|
182
|
+
* `gap` value at render time. Same set as {@link StackGap}. Frozen
|
|
183
|
+
* so callers can't mutate the source of truth.
|
|
184
|
+
*/
|
|
185
|
+
export declare const STACK_GAP_VALUES: readonly StackGap[];
|
|
163
186
|
//# sourceMappingURL=stack.variants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/stack.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAgDxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"stack.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/stack.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAgDxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAChB,CAAC,GACD,GAAG,GACH,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,EAAE,GACF,EAAE,GACF,EAAE,CAAC;AAEP;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAAS,QAAQ,EAE9C,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { StepProps } from './stepper.types.js';
|
|
2
|
+
/**
|
|
3
|
+
* `<Step>` — a config-carrier child of `<Stepper>`.
|
|
4
|
+
*
|
|
5
|
+
* Renders NOTHING on its own — the parent `<Stepper>` walks its children
|
|
6
|
+
* with `React.Children.toArray`, extracts each `<Step>`'s props to build
|
|
7
|
+
* the visible sequence, and drives the strip + content rendering from
|
|
8
|
+
* there. This mirrors the MUI Tabs / Chakra Tabs "compound children as
|
|
9
|
+
* config" pattern.
|
|
10
|
+
*
|
|
11
|
+
* Placement rule (enforced by the parent's dev-warn): `<Step>` must be a
|
|
12
|
+
* DIRECT child of `<Stepper>`. Wrapping steps in a fragment is fine
|
|
13
|
+
* (`React.Children.toArray` flattens fragments); wrapping in an arbitrary
|
|
14
|
+
* `<div>` is not — the parent won't see the step and will skip it.
|
|
15
|
+
*
|
|
16
|
+
* @see StepProps for the full config surface.
|
|
17
|
+
*/
|
|
18
|
+
export declare function Step(_props: StepProps): null;
|
|
19
|
+
export declare namespace Step {
|
|
20
|
+
var displayName: string;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Marker used by `<Stepper>` to recognize its own compound child type
|
|
24
|
+
* without pulling in `React.ReactElement<StepProps>` machinery. The
|
|
25
|
+
* parent traverses `React.Children.toArray(children)` and matches on
|
|
26
|
+
* `child.type === Step` — matching on `displayName` would be brittle
|
|
27
|
+
* against React tree cloning.
|
|
28
|
+
*/
|
|
29
|
+
export declare const __IS_STEP: unique symbol;
|
|
30
|
+
//# sourceMappingURL=Step.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAE5C;yBAFe,IAAI;;;AAMpB;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,eAAmC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { StepperProps } from './stepper.types.js';
|
|
2
|
+
/**
|
|
3
|
+
* `<Stepper>` — declarative multi-step navigation with compound `<Step>`
|
|
4
|
+
* children. The parent walks its children, extracts each `<Step>`'s
|
|
5
|
+
* props, filters by `visibleWhen`, and drives the strip + content
|
|
6
|
+
* rendering. Consumers reach the current step state + navigation API
|
|
7
|
+
* via the `useStep()` hook.
|
|
8
|
+
*
|
|
9
|
+
* See {@link StepperProps} for the full API surface.
|
|
10
|
+
*/
|
|
11
|
+
export declare function Stepper(props: StepperProps): import("react/jsx-runtime").JSX.Element | null;
|
|
12
|
+
export declare namespace Stepper {
|
|
13
|
+
var displayName: string;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=Stepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAEV,YAAY,EAIb,MAAM,oBAAoB,CAAC;AAqC5B;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,kDAia1C;yBAjae,OAAO"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { UseStepReturn } from './stepper.types.js';
|
|
2
|
+
/**
|
|
3
|
+
* Internal context wired by `<Stepper>` and read by `useStep()`. Not
|
|
4
|
+
* exported from the package — consumers reach the state only via the
|
|
5
|
+
* `useStep()` hook.
|
|
6
|
+
*/
|
|
7
|
+
export declare const StepperContext: import("react").Context<UseStepReturn | null>;
|
|
8
|
+
//# sourceMappingURL=StepperContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepperContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/StepperContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,cAAc,+CAA4C,CAAC"}
|