@urbicon-ui/blocks 6.8.1 → 6.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/i18n/index.d.ts +20 -0
  2. package/dist/primitives/JourneyTimeline/JourneyTimeline.svelte +455 -0
  3. package/dist/primitives/JourneyTimeline/JourneyTimeline.svelte.d.ts +4 -0
  4. package/dist/primitives/JourneyTimeline/index.d.ts +149 -0
  5. package/dist/primitives/JourneyTimeline/index.js +2 -0
  6. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +397 -0
  7. package/dist/primitives/JourneyTimeline/journey-timeline.variants.js +329 -0
  8. package/dist/primitives/Stepper/index.d.ts +1 -0
  9. package/dist/primitives/Tab/tab.variants.d.ts +8 -8
  10. package/dist/primitives/index.d.ts +2 -0
  11. package/dist/primitives/index.js +1 -0
  12. package/dist/translations/de.d.ts +10 -0
  13. package/dist/translations/de.js +10 -0
  14. package/dist/translations/en.d.ts +10 -0
  15. package/dist/translations/en.js +10 -0
  16. package/package.json +3 -3
package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts ADDED
@@ -0,0 +1,397 @@
1
+ import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
+ export declare const journeyTimelineVariants: (props?: import("../../utils/variants.js").TVProps<{
3
+ orientation: {
4
+ vertical: {
5
+ rail: string;
6
+ node: string;
7
+ markerColumn: string;
8
+ connector: string;
9
+ segment: string;
10
+ };
11
+ horizontal: {
12
+ base: string;
13
+ rail: string;
14
+ node: string;
15
+ metaColumn: string;
16
+ markerColumn: string;
17
+ trigger: string;
18
+ connector: string;
19
+ segment: string;
20
+ panel: string;
21
+ };
22
+ };
23
+ size: {
24
+ sm: {
25
+ meta: string;
26
+ marker: string;
27
+ node: string;
28
+ card: string;
29
+ title: string;
30
+ subtitle: string;
31
+ segment: string;
32
+ content: string;
33
+ detailContent: string;
34
+ panel: string;
35
+ };
36
+ md: {
37
+ meta: string;
38
+ marker: string;
39
+ node: string;
40
+ card: string;
41
+ title: string;
42
+ subtitle: string;
43
+ segment: string;
44
+ content: string;
45
+ detailContent: string;
46
+ panel: string;
47
+ };
48
+ lg: {
49
+ meta: string;
50
+ marker: string;
51
+ node: string;
52
+ card: string;
53
+ title: string;
54
+ subtitle: string;
55
+ segment: string;
56
+ content: string;
57
+ detailContent: string;
58
+ panel: string;
59
+ };
60
+ };
61
+ status: {
62
+ complete: {
63
+ marker: string;
64
+ title: string;
65
+ };
66
+ active: {
67
+ marker: string;
68
+ title: string;
69
+ };
70
+ pending: {
71
+ marker: string;
72
+ title: string;
73
+ };
74
+ blocked: {
75
+ marker: string;
76
+ title: string;
77
+ };
78
+ skipped: {
79
+ marker: string;
80
+ title: string;
81
+ };
82
+ };
83
+ focused: {
84
+ true: {
85
+ meta: string;
86
+ title: string;
87
+ };
88
+ false: {};
89
+ };
90
+ interactive: {
91
+ true: {
92
+ trigger: string;
93
+ };
94
+ false: {
95
+ trigger: string;
96
+ };
97
+ };
98
+ travelled: {
99
+ true: {
100
+ connector: string;
101
+ };
102
+ false: {};
103
+ };
104
+ connectorStyle: {
105
+ solid: {
106
+ connector: string;
107
+ };
108
+ dashed: {
109
+ connector: string;
110
+ };
111
+ dotted: {
112
+ connector: string;
113
+ };
114
+ };
115
+ detail: {
116
+ inline: {};
117
+ panel: {};
118
+ };
119
+ withMeta: {
120
+ true: {
121
+ node: string;
122
+ };
123
+ false: {
124
+ node: string;
125
+ };
126
+ };
127
+ }> | undefined) => {
128
+ base: (props?: ({
129
+ orientation?: "horizontal" | "vertical" | undefined;
130
+ size?: "sm" | "md" | "lg" | undefined;
131
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
132
+ focused?: boolean | undefined;
133
+ interactive?: boolean | undefined;
134
+ travelled?: boolean | undefined;
135
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
136
+ detail?: "inline" | "panel" | undefined;
137
+ withMeta?: boolean | undefined;
138
+ } & {
139
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
140
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
141
+ }) | undefined) => string;
142
+ rail: (props?: ({
143
+ orientation?: "horizontal" | "vertical" | undefined;
144
+ size?: "sm" | "md" | "lg" | undefined;
145
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
146
+ focused?: boolean | undefined;
147
+ interactive?: boolean | undefined;
148
+ travelled?: boolean | undefined;
149
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
150
+ detail?: "inline" | "panel" | undefined;
151
+ withMeta?: boolean | undefined;
152
+ } & {
153
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
154
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
155
+ }) | undefined) => string;
156
+ node: (props?: ({
157
+ orientation?: "horizontal" | "vertical" | undefined;
158
+ size?: "sm" | "md" | "lg" | undefined;
159
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
160
+ focused?: boolean | undefined;
161
+ interactive?: boolean | undefined;
162
+ travelled?: boolean | undefined;
163
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
164
+ detail?: "inline" | "panel" | undefined;
165
+ withMeta?: boolean | undefined;
166
+ } & {
167
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
168
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
169
+ }) | undefined) => string;
170
+ metaColumn: (props?: ({
171
+ orientation?: "horizontal" | "vertical" | undefined;
172
+ size?: "sm" | "md" | "lg" | undefined;
173
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
174
+ focused?: boolean | undefined;
175
+ interactive?: boolean | undefined;
176
+ travelled?: boolean | undefined;
177
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
178
+ detail?: "inline" | "panel" | undefined;
179
+ withMeta?: boolean | undefined;
180
+ } & {
181
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
182
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
183
+ }) | undefined) => string;
184
+ meta: (props?: ({
185
+ orientation?: "horizontal" | "vertical" | undefined;
186
+ size?: "sm" | "md" | "lg" | undefined;
187
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
188
+ focused?: boolean | undefined;
189
+ interactive?: boolean | undefined;
190
+ travelled?: boolean | undefined;
191
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
192
+ detail?: "inline" | "panel" | undefined;
193
+ withMeta?: boolean | undefined;
194
+ } & {
195
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
196
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
197
+ }) | undefined) => string;
198
+ markerColumn: (props?: ({
199
+ orientation?: "horizontal" | "vertical" | undefined;
200
+ size?: "sm" | "md" | "lg" | undefined;
201
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
202
+ focused?: boolean | undefined;
203
+ interactive?: boolean | undefined;
204
+ travelled?: boolean | undefined;
205
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
206
+ detail?: "inline" | "panel" | undefined;
207
+ withMeta?: boolean | undefined;
208
+ } & {
209
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
210
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
211
+ }) | undefined) => string;
212
+ marker: (props?: ({
213
+ orientation?: "horizontal" | "vertical" | undefined;
214
+ size?: "sm" | "md" | "lg" | undefined;
215
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
216
+ focused?: boolean | undefined;
217
+ interactive?: boolean | undefined;
218
+ travelled?: boolean | undefined;
219
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
220
+ detail?: "inline" | "panel" | undefined;
221
+ withMeta?: boolean | undefined;
222
+ } & {
223
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
224
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
225
+ }) | undefined) => string;
226
+ connector: (props?: ({
227
+ orientation?: "horizontal" | "vertical" | undefined;
228
+ size?: "sm" | "md" | "lg" | undefined;
229
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
230
+ focused?: boolean | undefined;
231
+ interactive?: boolean | undefined;
232
+ travelled?: boolean | undefined;
233
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
234
+ detail?: "inline" | "panel" | undefined;
235
+ withMeta?: boolean | undefined;
236
+ } & {
237
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
238
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
239
+ }) | undefined) => string;
240
+ content: (props?: ({
241
+ orientation?: "horizontal" | "vertical" | undefined;
242
+ size?: "sm" | "md" | "lg" | undefined;
243
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
244
+ focused?: boolean | undefined;
245
+ interactive?: boolean | undefined;
246
+ travelled?: boolean | undefined;
247
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
248
+ detail?: "inline" | "panel" | undefined;
249
+ withMeta?: boolean | undefined;
250
+ } & {
251
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
252
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
253
+ }) | undefined) => string;
254
+ card: (props?: ({
255
+ orientation?: "horizontal" | "vertical" | undefined;
256
+ size?: "sm" | "md" | "lg" | undefined;
257
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
258
+ focused?: boolean | undefined;
259
+ interactive?: boolean | undefined;
260
+ travelled?: boolean | undefined;
261
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
262
+ detail?: "inline" | "panel" | undefined;
263
+ withMeta?: boolean | undefined;
264
+ } & {
265
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
266
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
267
+ }) | undefined) => string;
268
+ trigger: (props?: ({
269
+ orientation?: "horizontal" | "vertical" | undefined;
270
+ size?: "sm" | "md" | "lg" | undefined;
271
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
272
+ focused?: boolean | undefined;
273
+ interactive?: boolean | undefined;
274
+ travelled?: boolean | undefined;
275
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
276
+ detail?: "inline" | "panel" | undefined;
277
+ withMeta?: boolean | undefined;
278
+ } & {
279
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
280
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
281
+ }) | undefined) => string;
282
+ labelGroup: (props?: ({
283
+ orientation?: "horizontal" | "vertical" | undefined;
284
+ size?: "sm" | "md" | "lg" | undefined;
285
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
286
+ focused?: boolean | undefined;
287
+ interactive?: boolean | undefined;
288
+ travelled?: boolean | undefined;
289
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
290
+ detail?: "inline" | "panel" | undefined;
291
+ withMeta?: boolean | undefined;
292
+ } & {
293
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
294
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
295
+ }) | undefined) => string;
296
+ title: (props?: ({
297
+ orientation?: "horizontal" | "vertical" | undefined;
298
+ size?: "sm" | "md" | "lg" | undefined;
299
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
300
+ focused?: boolean | undefined;
301
+ interactive?: boolean | undefined;
302
+ travelled?: boolean | undefined;
303
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
304
+ detail?: "inline" | "panel" | undefined;
305
+ withMeta?: boolean | undefined;
306
+ } & {
307
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
308
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
309
+ }) | undefined) => string;
310
+ subtitle: (props?: ({
311
+ orientation?: "horizontal" | "vertical" | undefined;
312
+ size?: "sm" | "md" | "lg" | undefined;
313
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
314
+ focused?: boolean | undefined;
315
+ interactive?: boolean | undefined;
316
+ travelled?: boolean | undefined;
317
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
318
+ detail?: "inline" | "panel" | undefined;
319
+ withMeta?: boolean | undefined;
320
+ } & {
321
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
322
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
323
+ }) | undefined) => string;
324
+ segment: (props?: ({
325
+ orientation?: "horizontal" | "vertical" | undefined;
326
+ size?: "sm" | "md" | "lg" | undefined;
327
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
328
+ focused?: boolean | undefined;
329
+ interactive?: boolean | undefined;
330
+ travelled?: boolean | undefined;
331
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
332
+ detail?: "inline" | "panel" | undefined;
333
+ withMeta?: boolean | undefined;
334
+ } & {
335
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
336
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
337
+ }) | undefined) => string;
338
+ detail: (props?: ({
339
+ orientation?: "horizontal" | "vertical" | undefined;
340
+ size?: "sm" | "md" | "lg" | undefined;
341
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
342
+ focused?: boolean | undefined;
343
+ interactive?: boolean | undefined;
344
+ travelled?: boolean | undefined;
345
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
346
+ detail?: "inline" | "panel" | undefined;
347
+ withMeta?: boolean | undefined;
348
+ } & {
349
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
350
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
351
+ }) | undefined) => string;
352
+ detailInner: (props?: ({
353
+ orientation?: "horizontal" | "vertical" | undefined;
354
+ size?: "sm" | "md" | "lg" | undefined;
355
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
356
+ focused?: boolean | undefined;
357
+ interactive?: boolean | undefined;
358
+ travelled?: boolean | undefined;
359
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
360
+ detail?: "inline" | "panel" | undefined;
361
+ withMeta?: boolean | undefined;
362
+ } & {
363
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
364
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
365
+ }) | undefined) => string;
366
+ detailContent: (props?: ({
367
+ orientation?: "horizontal" | "vertical" | undefined;
368
+ size?: "sm" | "md" | "lg" | undefined;
369
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
370
+ focused?: boolean | undefined;
371
+ interactive?: boolean | undefined;
372
+ travelled?: boolean | undefined;
373
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
374
+ detail?: "inline" | "panel" | undefined;
375
+ withMeta?: boolean | undefined;
376
+ } & {
377
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
378
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
379
+ }) | undefined) => string;
380
+ panel: (props?: ({
381
+ orientation?: "horizontal" | "vertical" | undefined;
382
+ size?: "sm" | "md" | "lg" | undefined;
383
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
384
+ focused?: boolean | undefined;
385
+ interactive?: boolean | undefined;
386
+ travelled?: boolean | undefined;
387
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
388
+ detail?: "inline" | "panel" | undefined;
389
+ withMeta?: boolean | undefined;
390
+ } & {
391
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
392
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
393
+ }) | undefined) => string;
394
+ };
395
+ export type JourneyTimelineVariants = VariantProps<typeof journeyTimelineVariants>;
396
+ /** Slot names derived from the tv() config — single source of truth for slotClasses. */
397
+ export type JourneyTimelineSlots = SlotNames<typeof journeyTimelineVariants>;