@urbicon-ui/blocks 6.21.0 → 6.21.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 (95) hide show
  1. package/dist/components/Calendar/calendar.variants.d.ts +132 -419
  2. package/dist/components/CommandPalette/commandPalette.variants.d.ts +24 -51
  3. package/dist/components/CompositionBar/CompositionBar.svelte +6 -1
  4. package/dist/components/CompositionBar/composition-bar.variants.d.ts +23 -83
  5. package/dist/components/CompositionBar/composition-bar.variants.js +9 -3
  6. package/dist/components/EmptyState/emptyState.variants.d.ts +11 -27
  7. package/dist/components/FileUpload/fileUpload.variants.d.ts +24 -93
  8. package/dist/components/Guide/GuidePanel.svelte +38 -0
  9. package/dist/components/Guide/guide.variants.d.ts +69 -124
  10. package/dist/components/Guide/guide.variants.js +6 -1
  11. package/dist/components/Planner/planner.variants.d.ts +23 -94
  12. package/dist/components/Sankey/sankey.variants.d.ts +15 -48
  13. package/dist/components/SidebarLayout/sidebar-layout.variants.d.ts +10 -38
  14. package/dist/components/SidebarLayout/sidebar-layout.variants.js +12 -2
  15. package/dist/components/ThemeSwitcher/themeSwitcher.variants.d.ts +9 -36
  16. package/dist/i18n/index.d.ts +2 -372
  17. package/dist/internal/charts/variants.d.ts +18 -31
  18. package/dist/primitives/Accordion/Accordion.svelte +11 -0
  19. package/dist/primitives/Accordion/AccordionItem.svelte +9 -3
  20. package/dist/primitives/Accordion/accordion.variants.d.ts +12 -43
  21. package/dist/primitives/Accordion/accordion.variants.js +6 -2
  22. package/dist/primitives/Accordion/index.d.ts +12 -0
  23. package/dist/primitives/Alert/alert.variants.d.ts +21 -62
  24. package/dist/primitives/Avatar/avatar.variants.d.ts +18 -138
  25. package/dist/primitives/Badge/badge.variants.d.ts +19 -92
  26. package/dist/primitives/Badge/badge.variants.js +11 -4
  27. package/dist/primitives/Breadcrumb/breadcrumb.variants.d.ts +13 -40
  28. package/dist/primitives/Button/button.variants.d.ts +19 -98
  29. package/dist/primitives/Button/button.variants.js +13 -9
  30. package/dist/primitives/ButtonGroup/buttongroup.variants.d.ts +9 -29
  31. package/dist/primitives/ButtonGroup/buttongroup.variants.js +3 -1
  32. package/dist/primitives/Card/card.variants.d.ts +14 -81
  33. package/dist/primitives/Checkbox/checkbox.variants.d.ts +18 -77
  34. package/dist/primitives/Collapsible/Collapsible.svelte +10 -0
  35. package/dist/primitives/Collapsible/collapsible.variants.d.ts +11 -40
  36. package/dist/primitives/Collapsible/collapsible.variants.js +7 -2
  37. package/dist/primitives/Collapsible/index.d.ts +16 -0
  38. package/dist/primitives/Combobox/combobox.variants.d.ts +24 -78
  39. package/dist/primitives/Dialog/Dialog.svelte +21 -10
  40. package/dist/primitives/Dialog/dialog.variants.d.ts +15 -54
  41. package/dist/primitives/Drawer/Drawer.svelte +21 -10
  42. package/dist/primitives/Drawer/drawer.variants.d.ts +14 -49
  43. package/dist/primitives/Input/input.variants.d.ts +32 -139
  44. package/dist/primitives/Input/input.variants.js +12 -10
  45. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +55 -197
  46. package/dist/primitives/JourneyTimeline/journey-timeline.variants.js +4 -1
  47. package/dist/primitives/Menu/menu.variants.d.ts +29 -93
  48. package/dist/primitives/Pagination/pagination.variants.d.ts +16 -54
  49. package/dist/primitives/Pagination/pagination.variants.js +16 -14
  50. package/dist/primitives/Popover/Popover.svelte +1 -1
  51. package/dist/primitives/Popover/popover.variants.d.ts +4 -2
  52. package/dist/primitives/Progress/progress.variants.d.ts +19 -83
  53. package/dist/primitives/Progress/progress.variants.js +2 -1
  54. package/dist/primitives/RadioGroup/radioGroup.variants.d.ts +28 -109
  55. package/dist/primitives/SegmentGroup/SegmentGroup.svelte +14 -6
  56. package/dist/primitives/SegmentGroup/segmentgroup.variants.d.ts +12 -53
  57. package/dist/primitives/SegmentGroup/segmentgroup.variants.js +10 -10
  58. package/dist/primitives/Select/select.variants.d.ts +45 -134
  59. package/dist/primitives/Select/select.variants.js +6 -4
  60. package/dist/primitives/Separator/separator.variants.d.ts +4 -2
  61. package/dist/primitives/Sidebar/Sidebar.svelte +10 -15
  62. package/dist/primitives/Sidebar/sidebar.variants.d.ts +11 -29
  63. package/dist/primitives/Skeleton/skeleton.variants.d.ts +9 -36
  64. package/dist/primitives/Slider/slider.variants.d.ts +37 -136
  65. package/dist/primitives/Slider/slider.variants.js +8 -5
  66. package/dist/primitives/Spinner/spinner.variants.d.ts +38 -135
  67. package/dist/primitives/Stepper/stepper.variants.d.ts +32 -130
  68. package/dist/primitives/Tab/Tab.svelte +14 -6
  69. package/dist/primitives/Tab/tab.variants.d.ts +17 -78
  70. package/dist/primitives/Textarea/textarea.variants.d.ts +27 -112
  71. package/dist/primitives/Textarea/textarea.variants.js +12 -10
  72. package/dist/primitives/Toast/Toaster.svelte +16 -3
  73. package/dist/primitives/Toast/index.d.ts +9 -0
  74. package/dist/primitives/Toast/toast.variants.d.ts +22 -78
  75. package/dist/primitives/Toggle/toggle.variants.d.ts +17 -71
  76. package/dist/primitives/Toolbar/toolbar.variants.d.ts +9 -60
  77. package/dist/primitives/Tooltip/Tooltip.svelte +11 -0
  78. package/dist/primitives/Tooltip/index.d.ts +14 -0
  79. package/dist/primitives/Tooltip/tooltip.variants.d.ts +11 -50
  80. package/dist/primitives/Tooltip/tooltip.variants.js +7 -1
  81. package/dist/style/foundation.css +4 -1
  82. package/dist/style/interaction.css +39 -11
  83. package/dist/style/semantic.css +2 -2
  84. package/dist/style/themes/index.css +1 -1
  85. package/dist/utils/index.d.ts +2 -1
  86. package/dist/utils/index.js +5 -0
  87. package/dist/utils/overlay.d.ts +33 -4
  88. package/dist/utils/overlay.js +61 -18
  89. package/dist/utils/roving.d.ts +15 -0
  90. package/dist/utils/roving.js +44 -0
  91. package/dist/utils/use-floating-panel.svelte.d.ts +4 -1
  92. package/dist/utils/use-floating-panel.svelte.js +23 -1
  93. package/dist/utils/variants.d.ts +60 -16
  94. package/dist/utils/variants.js +424 -123
  95. package/package.json +9 -6
package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts CHANGED
@@ -1,142 +1,19 @@
1
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
- header: string;
10
- trigger: string;
11
- trailing: string;
12
- segment: string;
13
- };
14
- horizontal: {
15
- base: string;
16
- rail: string;
17
- node: string;
18
- metaColumn: string;
19
- markerColumn: string;
20
- header: string;
21
- trigger: string;
22
- connector: string;
23
- segment: string;
24
- panel: string;
25
- };
26
- };
27
- size: {
28
- sm: {
29
- meta: string;
30
- marker: string;
31
- node: string;
32
- card: string;
33
- title: string;
34
- subtitle: string;
35
- segment: string;
36
- content: string;
37
- detailContent: string;
38
- panel: string;
39
- };
40
- md: {
41
- meta: string;
42
- marker: string;
43
- node: string;
44
- card: string;
45
- title: string;
46
- subtitle: string;
47
- segment: string;
48
- content: string;
49
- detailContent: string;
50
- panel: string;
51
- };
52
- lg: {
53
- meta: string;
54
- marker: string;
55
- node: string;
56
- card: string;
57
- title: string;
58
- subtitle: string;
59
- segment: string;
60
- content: string;
61
- detailContent: string;
62
- panel: string;
63
- };
64
- };
65
- status: {
66
- complete: {
67
- marker: string;
68
- title: string;
69
- };
70
- active: {
71
- marker: string;
72
- title: string;
73
- };
74
- pending: {
75
- marker: string;
76
- title: string;
77
- };
78
- attention: {
79
- marker: string;
80
- title: string;
81
- };
82
- blocked: {
83
- marker: string;
84
- title: string;
85
- };
86
- skipped: {
87
- marker: string;
88
- title: string;
89
- };
90
- };
91
- focused: {
92
- true: {
93
- meta: string;
94
- title: string;
95
- };
96
- false: {};
97
- };
98
- interactive: {
99
- true: {
100
- trigger: string;
101
- };
102
- false: {
103
- trigger: string;
104
- };
105
- };
106
- travelled: {
107
- true: {
108
- connector: string;
109
- };
110
- false: {};
111
- };
112
- connectorStyle: {
113
- solid: {
114
- connector: string;
115
- };
116
- dashed: {
117
- connector: string;
118
- };
119
- dotted: {
120
- connector: string;
121
- };
122
- };
123
- detail: {
124
- inline: {};
125
- panel: {};
126
- };
127
- withMeta: {
128
- true: {
129
- node: string;
130
- };
131
- false: {
132
- node: string;
133
- };
134
- };
135
- }> | undefined) => {
2
+ export declare const journeyTimelineVariants: ((props?: {
3
+ orientation?: "horizontal" | "vertical" | undefined;
4
+ size?: "sm" | "md" | "lg" | undefined;
5
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
6
+ focused?: boolean | undefined;
7
+ interactive?: boolean | undefined;
8
+ travelled?: boolean | undefined;
9
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
10
+ detail?: "inline" | "panel" | undefined;
11
+ withMeta?: boolean | undefined;
12
+ } | undefined) => {
136
13
  base: (props?: ({
137
14
  orientation?: "horizontal" | "vertical" | undefined;
138
15
  size?: "sm" | "md" | "lg" | undefined;
139
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
16
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
140
17
  focused?: boolean | undefined;
141
18
  interactive?: boolean | undefined;
142
19
  travelled?: boolean | undefined;
@@ -144,13 +21,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
144
21
  detail?: "inline" | "panel" | undefined;
145
22
  withMeta?: boolean | undefined;
146
23
  } & {
147
- 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;
148
- 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;
24
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
149
25
  }) | undefined) => string;
150
26
  rail: (props?: ({
151
27
  orientation?: "horizontal" | "vertical" | undefined;
152
28
  size?: "sm" | "md" | "lg" | undefined;
153
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
29
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
154
30
  focused?: boolean | undefined;
155
31
  interactive?: boolean | undefined;
156
32
  travelled?: boolean | undefined;
@@ -158,13 +34,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
158
34
  detail?: "inline" | "panel" | undefined;
159
35
  withMeta?: boolean | undefined;
160
36
  } & {
161
- 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;
162
- 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;
37
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
163
38
  }) | undefined) => string;
164
39
  node: (props?: ({
165
40
  orientation?: "horizontal" | "vertical" | undefined;
166
41
  size?: "sm" | "md" | "lg" | undefined;
167
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
42
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
168
43
  focused?: boolean | undefined;
169
44
  interactive?: boolean | undefined;
170
45
  travelled?: boolean | undefined;
@@ -172,13 +47,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
172
47
  detail?: "inline" | "panel" | undefined;
173
48
  withMeta?: boolean | undefined;
174
49
  } & {
175
- 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;
176
- 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;
50
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
177
51
  }) | undefined) => string;
178
52
  metaColumn: (props?: ({
179
53
  orientation?: "horizontal" | "vertical" | undefined;
180
54
  size?: "sm" | "md" | "lg" | undefined;
181
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
55
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
182
56
  focused?: boolean | undefined;
183
57
  interactive?: boolean | undefined;
184
58
  travelled?: boolean | undefined;
@@ -186,13 +60,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
186
60
  detail?: "inline" | "panel" | undefined;
187
61
  withMeta?: boolean | undefined;
188
62
  } & {
189
- 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;
190
- 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;
63
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
191
64
  }) | undefined) => string;
192
65
  meta: (props?: ({
193
66
  orientation?: "horizontal" | "vertical" | undefined;
194
67
  size?: "sm" | "md" | "lg" | undefined;
195
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
68
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
196
69
  focused?: boolean | undefined;
197
70
  interactive?: boolean | undefined;
198
71
  travelled?: boolean | undefined;
@@ -200,13 +73,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
200
73
  detail?: "inline" | "panel" | undefined;
201
74
  withMeta?: boolean | undefined;
202
75
  } & {
203
- 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;
204
- 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;
76
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
205
77
  }) | undefined) => string;
206
78
  markerColumn: (props?: ({
207
79
  orientation?: "horizontal" | "vertical" | undefined;
208
80
  size?: "sm" | "md" | "lg" | undefined;
209
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
81
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
210
82
  focused?: boolean | undefined;
211
83
  interactive?: boolean | undefined;
212
84
  travelled?: boolean | undefined;
@@ -214,13 +86,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
214
86
  detail?: "inline" | "panel" | undefined;
215
87
  withMeta?: boolean | undefined;
216
88
  } & {
217
- 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;
218
- 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;
89
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
219
90
  }) | undefined) => string;
220
91
  marker: (props?: ({
221
92
  orientation?: "horizontal" | "vertical" | undefined;
222
93
  size?: "sm" | "md" | "lg" | undefined;
223
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
94
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
224
95
  focused?: boolean | undefined;
225
96
  interactive?: boolean | undefined;
226
97
  travelled?: boolean | undefined;
@@ -228,13 +99,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
228
99
  detail?: "inline" | "panel" | undefined;
229
100
  withMeta?: boolean | undefined;
230
101
  } & {
231
- 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;
232
- 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;
102
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
233
103
  }) | undefined) => string;
234
104
  connector: (props?: ({
235
105
  orientation?: "horizontal" | "vertical" | undefined;
236
106
  size?: "sm" | "md" | "lg" | undefined;
237
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
107
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
238
108
  focused?: boolean | undefined;
239
109
  interactive?: boolean | undefined;
240
110
  travelled?: boolean | undefined;
@@ -242,13 +112,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
242
112
  detail?: "inline" | "panel" | undefined;
243
113
  withMeta?: boolean | undefined;
244
114
  } & {
245
- 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;
246
- 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;
115
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
247
116
  }) | undefined) => string;
248
117
  content: (props?: ({
249
118
  orientation?: "horizontal" | "vertical" | undefined;
250
119
  size?: "sm" | "md" | "lg" | undefined;
251
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
120
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
252
121
  focused?: boolean | undefined;
253
122
  interactive?: boolean | undefined;
254
123
  travelled?: boolean | undefined;
@@ -256,13 +125,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
256
125
  detail?: "inline" | "panel" | undefined;
257
126
  withMeta?: boolean | undefined;
258
127
  } & {
259
- 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;
260
- 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;
128
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
261
129
  }) | undefined) => string;
262
130
  card: (props?: ({
263
131
  orientation?: "horizontal" | "vertical" | undefined;
264
132
  size?: "sm" | "md" | "lg" | undefined;
265
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
133
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
266
134
  focused?: boolean | undefined;
267
135
  interactive?: boolean | undefined;
268
136
  travelled?: boolean | undefined;
@@ -270,13 +138,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
270
138
  detail?: "inline" | "panel" | undefined;
271
139
  withMeta?: boolean | undefined;
272
140
  } & {
273
- 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;
274
- 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
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
275
142
  }) | undefined) => string;
276
143
  header: (props?: ({
277
144
  orientation?: "horizontal" | "vertical" | undefined;
278
145
  size?: "sm" | "md" | "lg" | undefined;
279
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
146
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
280
147
  focused?: boolean | undefined;
281
148
  interactive?: boolean | undefined;
282
149
  travelled?: boolean | undefined;
@@ -284,13 +151,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
284
151
  detail?: "inline" | "panel" | undefined;
285
152
  withMeta?: boolean | undefined;
286
153
  } & {
287
- 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;
288
- 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;
154
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
289
155
  }) | undefined) => string;
290
156
  trigger: (props?: ({
291
157
  orientation?: "horizontal" | "vertical" | undefined;
292
158
  size?: "sm" | "md" | "lg" | undefined;
293
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
159
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
294
160
  focused?: boolean | undefined;
295
161
  interactive?: boolean | undefined;
296
162
  travelled?: boolean | undefined;
@@ -298,13 +164,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
298
164
  detail?: "inline" | "panel" | undefined;
299
165
  withMeta?: boolean | undefined;
300
166
  } & {
301
- 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;
302
- 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;
167
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
303
168
  }) | undefined) => string;
304
169
  trailing: (props?: ({
305
170
  orientation?: "horizontal" | "vertical" | undefined;
306
171
  size?: "sm" | "md" | "lg" | undefined;
307
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
172
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
308
173
  focused?: boolean | undefined;
309
174
  interactive?: boolean | undefined;
310
175
  travelled?: boolean | undefined;
@@ -312,13 +177,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
312
177
  detail?: "inline" | "panel" | undefined;
313
178
  withMeta?: boolean | undefined;
314
179
  } & {
315
- 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;
316
- 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;
180
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
317
181
  }) | undefined) => string;
318
182
  labelGroup: (props?: ({
319
183
  orientation?: "horizontal" | "vertical" | undefined;
320
184
  size?: "sm" | "md" | "lg" | undefined;
321
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
185
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
322
186
  focused?: boolean | undefined;
323
187
  interactive?: boolean | undefined;
324
188
  travelled?: boolean | undefined;
@@ -326,13 +190,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
326
190
  detail?: "inline" | "panel" | undefined;
327
191
  withMeta?: boolean | undefined;
328
192
  } & {
329
- 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;
330
- 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;
193
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
331
194
  }) | undefined) => string;
332
195
  title: (props?: ({
333
196
  orientation?: "horizontal" | "vertical" | undefined;
334
197
  size?: "sm" | "md" | "lg" | undefined;
335
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
198
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
336
199
  focused?: boolean | undefined;
337
200
  interactive?: boolean | undefined;
338
201
  travelled?: boolean | undefined;
@@ -340,13 +203,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
340
203
  detail?: "inline" | "panel" | undefined;
341
204
  withMeta?: boolean | undefined;
342
205
  } & {
343
- 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;
344
- 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;
206
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
345
207
  }) | undefined) => string;
346
208
  subtitle: (props?: ({
347
209
  orientation?: "horizontal" | "vertical" | undefined;
348
210
  size?: "sm" | "md" | "lg" | undefined;
349
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
211
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
350
212
  focused?: boolean | undefined;
351
213
  interactive?: boolean | undefined;
352
214
  travelled?: boolean | undefined;
@@ -354,13 +216,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
354
216
  detail?: "inline" | "panel" | undefined;
355
217
  withMeta?: boolean | undefined;
356
218
  } & {
357
- 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;
358
- 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;
219
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
359
220
  }) | undefined) => string;
360
221
  segment: (props?: ({
361
222
  orientation?: "horizontal" | "vertical" | undefined;
362
223
  size?: "sm" | "md" | "lg" | undefined;
363
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
224
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
364
225
  focused?: boolean | undefined;
365
226
  interactive?: boolean | undefined;
366
227
  travelled?: boolean | undefined;
@@ -368,13 +229,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
368
229
  detail?: "inline" | "panel" | undefined;
369
230
  withMeta?: boolean | undefined;
370
231
  } & {
371
- 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;
372
- 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;
232
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
373
233
  }) | undefined) => string;
374
234
  detail: (props?: ({
375
235
  orientation?: "horizontal" | "vertical" | undefined;
376
236
  size?: "sm" | "md" | "lg" | undefined;
377
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
237
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
378
238
  focused?: boolean | undefined;
379
239
  interactive?: boolean | undefined;
380
240
  travelled?: boolean | undefined;
@@ -382,13 +242,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
382
242
  detail?: "inline" | "panel" | undefined;
383
243
  withMeta?: boolean | undefined;
384
244
  } & {
385
- 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;
386
- 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;
245
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
387
246
  }) | undefined) => string;
388
247
  detailInner: (props?: ({
389
248
  orientation?: "horizontal" | "vertical" | undefined;
390
249
  size?: "sm" | "md" | "lg" | undefined;
391
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
250
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
392
251
  focused?: boolean | undefined;
393
252
  interactive?: boolean | undefined;
394
253
  travelled?: boolean | undefined;
@@ -396,13 +255,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
396
255
  detail?: "inline" | "panel" | undefined;
397
256
  withMeta?: boolean | undefined;
398
257
  } & {
399
- 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;
400
- 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;
258
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
401
259
  }) | undefined) => string;
402
260
  detailContent: (props?: ({
403
261
  orientation?: "horizontal" | "vertical" | undefined;
404
262
  size?: "sm" | "md" | "lg" | undefined;
405
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
263
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
406
264
  focused?: boolean | undefined;
407
265
  interactive?: boolean | undefined;
408
266
  travelled?: boolean | undefined;
@@ -410,13 +268,12 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
410
268
  detail?: "inline" | "panel" | undefined;
411
269
  withMeta?: boolean | undefined;
412
270
  } & {
413
- 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;
414
- 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;
271
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
415
272
  }) | undefined) => string;
416
273
  panel: (props?: ({
417
274
  orientation?: "horizontal" | "vertical" | undefined;
418
275
  size?: "sm" | "md" | "lg" | undefined;
419
- status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
276
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
420
277
  focused?: boolean | undefined;
421
278
  interactive?: boolean | undefined;
422
279
  travelled?: boolean | undefined;
@@ -424,9 +281,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
424
281
  detail?: "inline" | "panel" | undefined;
425
282
  withMeta?: boolean | undefined;
426
283
  } & {
427
- 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;
428
- 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;
284
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
429
285
  }) | undefined) => string;
286
+ }) & {
287
+ readonly config: import("../../utils/variants.js").TVConfig;
430
288
  };
431
289
  export type JourneyTimelineVariants = VariantProps<typeof journeyTimelineVariants>;
432
290
  /** Slot names derived from the tv() config — single source of truth for slotClasses. */
package/dist/primitives/JourneyTimeline/journey-timeline.variants.js CHANGED
@@ -179,10 +179,13 @@ export const journeyTimelineVariants = tv({
179
179
  }
180
180
  },
181
181
  // The currently focused node. Distinct from DOM focus (focus-visible ring).
182
+ // Only the weight changes on the title — every status supplies a title
183
+ // tone (declared above, so it would win the color bucket anyway), and the
184
+ // semantic tone (attention/blocked/…) must survive focus.
182
185
  focused: {
183
186
  true: {
184
187
  meta: 'text-text-primary',
185
- title: 'font-semibold text-text-primary'
188
+ title: 'font-semibold'
186
189
  },
187
190
  false: {}
188
191
  },