@urbicon-ui/blocks 6.19.1 → 6.19.3

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 (20) hide show
  1. package/dist/components/Calendar/Calendar.svelte +5 -0
  2. package/dist/components/Calendar/CalendarGrid.svelte +19 -77
  3. package/dist/components/Calendar/calendar.context.d.ts +2 -0
  4. package/dist/components/Calendar/calendar.variants.d.ts +62 -62
  5. package/dist/components/CurrencyInput/CurrencyInput.svelte +10 -4
  6. package/dist/components/CurrencyInput/index.d.ts +13 -11
  7. package/dist/i18n/index.d.ts +372 -2
  8. package/dist/primitives/Alert/alert.variants.d.ts +7 -7
  9. package/dist/primitives/Checkbox/Checkbox.svelte +7 -4
  10. package/dist/primitives/Combobox/Combobox.svelte +8 -1
  11. package/dist/primitives/Combobox/combobox.variants.d.ts +29 -0
  12. package/dist/primitives/Combobox/combobox.variants.js +22 -7
  13. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +21 -21
  14. package/dist/primitives/Select/Select.svelte +0 -1
  15. package/dist/primitives/Spinner/spinner.variants.d.ts +15 -15
  16. package/dist/primitives/Stepper/stepper.variants.d.ts +10 -10
  17. package/dist/primitives/Toast/toast.variants.d.ts +8 -8
  18. package/dist/primitives/Toggle/Toggle.svelte +7 -4
  19. package/dist/primitives/Tooltip/tooltip.variants.d.ts +2 -2
  20. package/package.json +3 -3
package/dist/primitives/Combobox/combobox.variants.d.ts CHANGED
@@ -8,6 +8,20 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
8
8
  input: string;
9
9
  };
10
10
  };
11
+ variant: {
12
+ outlined: {
13
+ input: string;
14
+ };
15
+ filled: {
16
+ input: string;
17
+ };
18
+ ghost: {
19
+ input: string;
20
+ };
21
+ underline: {
22
+ input: string;
23
+ };
24
+ };
11
25
  size: {
12
26
  sm: {
13
27
  input: string;
@@ -35,6 +49,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
35
49
  }> | undefined) => {
36
50
  base: (props?: ({
37
51
  tier?: "commit" | "modify" | undefined;
52
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
38
53
  size?: "sm" | "md" | "lg" | undefined;
39
54
  open?: boolean | undefined;
40
55
  disabled?: boolean | undefined;
@@ -44,6 +59,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
44
59
  }) | undefined) => string;
45
60
  label: (props?: ({
46
61
  tier?: "commit" | "modify" | undefined;
62
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
47
63
  size?: "sm" | "md" | "lg" | undefined;
48
64
  open?: boolean | undefined;
49
65
  disabled?: boolean | undefined;
@@ -53,6 +69,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
53
69
  }) | undefined) => string;
54
70
  requiredMark: (props?: ({
55
71
  tier?: "commit" | "modify" | undefined;
72
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
56
73
  size?: "sm" | "md" | "lg" | undefined;
57
74
  open?: boolean | undefined;
58
75
  disabled?: boolean | undefined;
@@ -62,6 +79,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
62
79
  }) | undefined) => string;
63
80
  inputWrapper: (props?: ({
64
81
  tier?: "commit" | "modify" | undefined;
82
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
65
83
  size?: "sm" | "md" | "lg" | undefined;
66
84
  open?: boolean | undefined;
67
85
  disabled?: boolean | undefined;
@@ -71,6 +89,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
71
89
  }) | undefined) => string;
72
90
  input: (props?: ({
73
91
  tier?: "commit" | "modify" | undefined;
92
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
74
93
  size?: "sm" | "md" | "lg" | undefined;
75
94
  open?: boolean | undefined;
76
95
  disabled?: boolean | undefined;
@@ -80,6 +99,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
80
99
  }) | undefined) => string;
81
100
  message: (props?: ({
82
101
  tier?: "commit" | "modify" | undefined;
102
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
83
103
  size?: "sm" | "md" | "lg" | undefined;
84
104
  open?: boolean | undefined;
85
105
  disabled?: boolean | undefined;
@@ -89,6 +109,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
89
109
  }) | undefined) => string;
90
110
  hint: (props?: ({
91
111
  tier?: "commit" | "modify" | undefined;
112
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
92
113
  size?: "sm" | "md" | "lg" | undefined;
93
114
  open?: boolean | undefined;
94
115
  disabled?: boolean | undefined;
@@ -98,6 +119,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
98
119
  }) | undefined) => string;
99
120
  listbox: (props?: ({
100
121
  tier?: "commit" | "modify" | undefined;
122
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
101
123
  size?: "sm" | "md" | "lg" | undefined;
102
124
  open?: boolean | undefined;
103
125
  disabled?: boolean | undefined;
@@ -107,6 +129,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
107
129
  }) | undefined) => string;
108
130
  option: (props?: ({
109
131
  tier?: "commit" | "modify" | undefined;
132
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
110
133
  size?: "sm" | "md" | "lg" | undefined;
111
134
  open?: boolean | undefined;
112
135
  disabled?: boolean | undefined;
@@ -116,6 +139,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
116
139
  }) | undefined) => string;
117
140
  optionActive: (props?: ({
118
141
  tier?: "commit" | "modify" | undefined;
142
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
119
143
  size?: "sm" | "md" | "lg" | undefined;
120
144
  open?: boolean | undefined;
121
145
  disabled?: boolean | undefined;
@@ -125,6 +149,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
125
149
  }) | undefined) => string;
126
150
  optionSelected: (props?: ({
127
151
  tier?: "commit" | "modify" | undefined;
152
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
128
153
  size?: "sm" | "md" | "lg" | undefined;
129
154
  open?: boolean | undefined;
130
155
  disabled?: boolean | undefined;
@@ -134,6 +159,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
134
159
  }) | undefined) => string;
135
160
  noResults: (props?: ({
136
161
  tier?: "commit" | "modify" | undefined;
162
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
137
163
  size?: "sm" | "md" | "lg" | undefined;
138
164
  open?: boolean | undefined;
139
165
  disabled?: boolean | undefined;
@@ -143,6 +169,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
143
169
  }) | undefined) => string;
144
170
  clear: (props?: ({
145
171
  tier?: "commit" | "modify" | undefined;
172
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
146
173
  size?: "sm" | "md" | "lg" | undefined;
147
174
  open?: boolean | undefined;
148
175
  disabled?: boolean | undefined;
@@ -152,6 +179,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
152
179
  }) | undefined) => string;
153
180
  chevronButton: (props?: ({
154
181
  tier?: "commit" | "modify" | undefined;
182
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
155
183
  size?: "sm" | "md" | "lg" | undefined;
156
184
  open?: boolean | undefined;
157
185
  disabled?: boolean | undefined;
@@ -161,6 +189,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
161
189
  }) | undefined) => string;
162
190
  chevron: (props?: ({
163
191
  tier?: "commit" | "modify" | undefined;
192
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
164
193
  size?: "sm" | "md" | "lg" | undefined;
165
194
  open?: boolean | undefined;
166
195
  disabled?: boolean | undefined;
package/dist/primitives/Combobox/combobox.variants.js CHANGED
@@ -6,13 +6,10 @@ export const comboboxVariants = tv({
6
6
  requiredMark: 'text-danger ml-0.5',
7
7
  inputWrapper: 'relative w-full',
8
8
  input: [
9
- // Radius driven by `tier` axis below.
10
- 'w-full border bg-surface-base text-text-primary',
11
- // Surface-family border, consistent with Input / Textarea / Select.
12
- // Form-control frames stay quiet (`border-subtle`); the
13
- // `border-neutral` intent token is reserved for Action surfaces
14
- // (Outline-Button, Menu) where the border needs to read as clickable.
15
- 'border-border-subtle hover:border-border-default placeholder:text-text-tertiary',
9
+ // Radius driven by `tier` axis below; the `underline` variant overrides
10
+ // it to `rounded-none`. Border color and background come from the
11
+ // `variant` axis (default `outlined` keeps the historical look).
12
+ 'w-full border bg-surface-base text-text-primary placeholder:text-text-tertiary',
16
13
  'transition-colors duration-[var(--blocks-duration-fast)]',
17
14
  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:border-primary',
18
15
  'disabled:opacity-50 disabled:cursor-not-allowed'
@@ -70,6 +67,23 @@ export const comboboxVariants = tv({
70
67
  modify: { input: 'rounded-modify' },
71
68
  commit: { input: 'rounded-commit' }
72
69
  },
70
+ // Visual style, at parity with Input / Textarea / Select. Default
71
+ // `outlined` reproduces the historical Combobox frame exactly.
72
+ variant: {
73
+ // Surface-family border: form-control frames stay quiet (`border-subtle`);
74
+ // the `border-neutral` intent token is reserved for Action surfaces
75
+ // (Outline-Button, Menu) where the border must read as clickable.
76
+ outlined: { input: 'border-border-subtle hover:border-border-default' },
77
+ filled: {
78
+ input: 'bg-surface-interactive border-transparent hover:bg-surface-hover focus-visible:bg-surface-base'
79
+ },
80
+ ghost: {
81
+ input: 'bg-transparent border-transparent hover:bg-surface-subtle focus-visible:bg-surface-base focus-visible:border-border-subtle'
82
+ },
83
+ underline: {
84
+ input: 'bg-transparent border-0 border-b-2 border-border-subtle rounded-none focus-visible:ring-0'
85
+ }
86
+ },
73
87
  size: {
74
88
  sm: {
75
89
  // `pointer-coarse:text-base` floors the input to 16px on touch-primary
@@ -95,6 +109,7 @@ export const comboboxVariants = tv({
95
109
  },
96
110
  defaultVariants: {
97
111
  tier: 'modify',
112
+ variant: 'outlined',
98
113
  size: 'md',
99
114
  open: false,
100
115
  disabled: false
package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts CHANGED
@@ -136,7 +136,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
136
136
  base: (props?: ({
137
137
  orientation?: "horizontal" | "vertical" | undefined;
138
138
  size?: "sm" | "md" | "lg" | undefined;
139
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
139
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
140
140
  focused?: boolean | undefined;
141
141
  interactive?: boolean | undefined;
142
142
  travelled?: boolean | undefined;
@@ -150,7 +150,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
150
150
  rail: (props?: ({
151
151
  orientation?: "horizontal" | "vertical" | undefined;
152
152
  size?: "sm" | "md" | "lg" | undefined;
153
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
153
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
154
154
  focused?: boolean | undefined;
155
155
  interactive?: boolean | undefined;
156
156
  travelled?: boolean | undefined;
@@ -164,7 +164,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
164
164
  node: (props?: ({
165
165
  orientation?: "horizontal" | "vertical" | undefined;
166
166
  size?: "sm" | "md" | "lg" | undefined;
167
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
167
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
168
168
  focused?: boolean | undefined;
169
169
  interactive?: boolean | undefined;
170
170
  travelled?: boolean | undefined;
@@ -178,7 +178,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
178
178
  metaColumn: (props?: ({
179
179
  orientation?: "horizontal" | "vertical" | undefined;
180
180
  size?: "sm" | "md" | "lg" | undefined;
181
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
181
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
182
182
  focused?: boolean | undefined;
183
183
  interactive?: boolean | undefined;
184
184
  travelled?: boolean | undefined;
@@ -192,7 +192,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
192
192
  meta: (props?: ({
193
193
  orientation?: "horizontal" | "vertical" | undefined;
194
194
  size?: "sm" | "md" | "lg" | undefined;
195
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
195
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
196
196
  focused?: boolean | undefined;
197
197
  interactive?: boolean | undefined;
198
198
  travelled?: boolean | undefined;
@@ -206,7 +206,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
206
206
  markerColumn: (props?: ({
207
207
  orientation?: "horizontal" | "vertical" | undefined;
208
208
  size?: "sm" | "md" | "lg" | undefined;
209
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
209
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
210
210
  focused?: boolean | undefined;
211
211
  interactive?: boolean | undefined;
212
212
  travelled?: boolean | undefined;
@@ -220,7 +220,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
220
220
  marker: (props?: ({
221
221
  orientation?: "horizontal" | "vertical" | undefined;
222
222
  size?: "sm" | "md" | "lg" | undefined;
223
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
223
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
224
224
  focused?: boolean | undefined;
225
225
  interactive?: boolean | undefined;
226
226
  travelled?: boolean | undefined;
@@ -234,7 +234,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
234
234
  connector: (props?: ({
235
235
  orientation?: "horizontal" | "vertical" | undefined;
236
236
  size?: "sm" | "md" | "lg" | undefined;
237
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
237
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
238
238
  focused?: boolean | undefined;
239
239
  interactive?: boolean | undefined;
240
240
  travelled?: boolean | undefined;
@@ -248,7 +248,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
248
248
  content: (props?: ({
249
249
  orientation?: "horizontal" | "vertical" | undefined;
250
250
  size?: "sm" | "md" | "lg" | undefined;
251
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
251
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
252
252
  focused?: boolean | undefined;
253
253
  interactive?: boolean | undefined;
254
254
  travelled?: boolean | undefined;
@@ -262,7 +262,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
262
262
  card: (props?: ({
263
263
  orientation?: "horizontal" | "vertical" | undefined;
264
264
  size?: "sm" | "md" | "lg" | undefined;
265
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
265
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
266
266
  focused?: boolean | undefined;
267
267
  interactive?: boolean | undefined;
268
268
  travelled?: boolean | undefined;
@@ -276,7 +276,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
276
276
  header: (props?: ({
277
277
  orientation?: "horizontal" | "vertical" | undefined;
278
278
  size?: "sm" | "md" | "lg" | undefined;
279
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
279
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
280
280
  focused?: boolean | undefined;
281
281
  interactive?: boolean | undefined;
282
282
  travelled?: boolean | undefined;
@@ -290,7 +290,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
290
290
  trigger: (props?: ({
291
291
  orientation?: "horizontal" | "vertical" | undefined;
292
292
  size?: "sm" | "md" | "lg" | undefined;
293
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
293
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
294
294
  focused?: boolean | undefined;
295
295
  interactive?: boolean | undefined;
296
296
  travelled?: boolean | undefined;
@@ -304,7 +304,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
304
304
  trailing: (props?: ({
305
305
  orientation?: "horizontal" | "vertical" | undefined;
306
306
  size?: "sm" | "md" | "lg" | undefined;
307
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
307
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
308
308
  focused?: boolean | undefined;
309
309
  interactive?: boolean | undefined;
310
310
  travelled?: boolean | undefined;
@@ -318,7 +318,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
318
318
  labelGroup: (props?: ({
319
319
  orientation?: "horizontal" | "vertical" | undefined;
320
320
  size?: "sm" | "md" | "lg" | undefined;
321
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
321
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
322
322
  focused?: boolean | undefined;
323
323
  interactive?: boolean | undefined;
324
324
  travelled?: boolean | undefined;
@@ -332,7 +332,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
332
332
  title: (props?: ({
333
333
  orientation?: "horizontal" | "vertical" | undefined;
334
334
  size?: "sm" | "md" | "lg" | undefined;
335
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
335
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
336
336
  focused?: boolean | undefined;
337
337
  interactive?: boolean | undefined;
338
338
  travelled?: boolean | undefined;
@@ -346,7 +346,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
346
346
  subtitle: (props?: ({
347
347
  orientation?: "horizontal" | "vertical" | undefined;
348
348
  size?: "sm" | "md" | "lg" | undefined;
349
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
349
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
350
350
  focused?: boolean | undefined;
351
351
  interactive?: boolean | undefined;
352
352
  travelled?: boolean | undefined;
@@ -360,7 +360,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
360
360
  segment: (props?: ({
361
361
  orientation?: "horizontal" | "vertical" | undefined;
362
362
  size?: "sm" | "md" | "lg" | undefined;
363
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
363
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
364
364
  focused?: boolean | undefined;
365
365
  interactive?: boolean | undefined;
366
366
  travelled?: boolean | undefined;
@@ -374,7 +374,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
374
374
  detail: (props?: ({
375
375
  orientation?: "horizontal" | "vertical" | undefined;
376
376
  size?: "sm" | "md" | "lg" | undefined;
377
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
377
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
378
378
  focused?: boolean | undefined;
379
379
  interactive?: boolean | undefined;
380
380
  travelled?: boolean | undefined;
@@ -388,7 +388,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
388
388
  detailInner: (props?: ({
389
389
  orientation?: "horizontal" | "vertical" | undefined;
390
390
  size?: "sm" | "md" | "lg" | undefined;
391
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
391
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
392
392
  focused?: boolean | undefined;
393
393
  interactive?: boolean | undefined;
394
394
  travelled?: boolean | undefined;
@@ -402,7 +402,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
402
402
  detailContent: (props?: ({
403
403
  orientation?: "horizontal" | "vertical" | undefined;
404
404
  size?: "sm" | "md" | "lg" | undefined;
405
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
405
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
406
406
  focused?: boolean | undefined;
407
407
  interactive?: boolean | undefined;
408
408
  travelled?: boolean | undefined;
@@ -416,7 +416,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
416
416
  panel: (props?: ({
417
417
  orientation?: "horizontal" | "vertical" | undefined;
418
418
  size?: "sm" | "md" | "lg" | undefined;
419
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
419
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
420
420
  focused?: boolean | undefined;
421
421
  interactive?: boolean | undefined;
422
422
  travelled?: boolean | undefined;
package/dist/primitives/Select/Select.svelte CHANGED
@@ -63,7 +63,6 @@
63
63
  // `<Select bind:value={x: T | null}>` narrow correctly. Internally we
64
64
  // dispatch through a loose alias so the component code can hand either
65
65
  // shape into `onValueChange` without per-branch casts at every call site.
66
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- internal dispatch escape hatch (see comment above)
67
66
  const dispatchValueChange = onValueChange as ((v: any) => void) | undefined;
68
67
 
69
68
  /** Resolved null option config — `null` when prop is unset or `groups` is in use. */
package/dist/primitives/Spinner/spinner.variants.d.ts CHANGED
@@ -92,7 +92,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
92
92
  base: (props?: ({
93
93
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
94
94
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
95
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
95
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
96
96
  speed?: "fast" | "slow" | "normal" | undefined;
97
97
  } & {
98
98
  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;
@@ -101,7 +101,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
101
101
  svg: (props?: ({
102
102
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
103
103
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
104
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
104
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
105
105
  speed?: "fast" | "slow" | "normal" | undefined;
106
106
  } & {
107
107
  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;
@@ -110,7 +110,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
110
110
  svgCircle: (props?: ({
111
111
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
112
112
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
113
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
113
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
114
114
  speed?: "fast" | "slow" | "normal" | undefined;
115
115
  } & {
116
116
  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;
@@ -119,7 +119,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
119
119
  svgPath: (props?: ({
120
120
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
121
121
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
122
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
122
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
123
123
  speed?: "fast" | "slow" | "normal" | undefined;
124
124
  } & {
125
125
  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;
@@ -128,7 +128,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
128
128
  dots: (props?: ({
129
129
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
130
130
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
131
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
131
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
132
132
  speed?: "fast" | "slow" | "normal" | undefined;
133
133
  } & {
134
134
  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;
@@ -137,7 +137,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
137
137
  dot: (props?: ({
138
138
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
139
139
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
140
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
140
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
141
141
  speed?: "fast" | "slow" | "normal" | undefined;
142
142
  } & {
143
143
  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;
@@ -146,7 +146,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
146
146
  pulse: (props?: ({
147
147
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
148
148
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
149
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
149
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
150
150
  speed?: "fast" | "slow" | "normal" | undefined;
151
151
  } & {
152
152
  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;
@@ -155,7 +155,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
155
155
  pulseCenter: (props?: ({
156
156
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
157
157
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
158
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
158
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
159
159
  speed?: "fast" | "slow" | "normal" | undefined;
160
160
  } & {
161
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;
@@ -164,7 +164,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
164
164
  pulseRing: (props?: ({
165
165
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
166
166
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
167
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
167
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
168
168
  speed?: "fast" | "slow" | "normal" | undefined;
169
169
  } & {
170
170
  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;
@@ -173,7 +173,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
173
173
  ring: (props?: ({
174
174
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
175
175
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
176
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
176
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
177
177
  speed?: "fast" | "slow" | "normal" | undefined;
178
178
  } & {
179
179
  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,7 +182,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
182
182
  ringElement: (props?: ({
183
183
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
184
184
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
185
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
185
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
186
186
  speed?: "fast" | "slow" | "normal" | undefined;
187
187
  } & {
188
188
  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;
@@ -191,7 +191,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
191
191
  bars: (props?: ({
192
192
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
193
193
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
194
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
194
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
195
195
  speed?: "fast" | "slow" | "normal" | undefined;
196
196
  } & {
197
197
  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;
@@ -200,7 +200,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
200
200
  bar: (props?: ({
201
201
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
202
202
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
203
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
203
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
204
204
  speed?: "fast" | "slow" | "normal" | undefined;
205
205
  } & {
206
206
  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;
@@ -209,7 +209,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
209
209
  content: (props?: ({
210
210
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
211
211
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
212
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
212
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
213
213
  speed?: "fast" | "slow" | "normal" | undefined;
214
214
  } & {
215
215
  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,7 +218,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
218
218
  srOnly: (props?: ({
219
219
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
220
220
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
221
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
221
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
222
222
  speed?: "fast" | "slow" | "normal" | undefined;
223
223
  } & {
224
224
  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;
package/dist/primitives/Stepper/stepper.variants.d.ts CHANGED
@@ -104,7 +104,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
104
104
  orientation?: "horizontal" | "vertical" | undefined;
105
105
  size?: "sm" | "md" | "lg" | undefined;
106
106
  variant?: "default" | "outlined" | "minimal" | undefined;
107
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
107
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
108
108
  clickable?: boolean | undefined;
109
109
  stepDisabled?: boolean | undefined;
110
110
  separatorComplete?: boolean | undefined;
@@ -117,7 +117,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
117
117
  orientation?: "horizontal" | "vertical" | undefined;
118
118
  size?: "sm" | "md" | "lg" | undefined;
119
119
  variant?: "default" | "outlined" | "minimal" | undefined;
120
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
120
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
121
121
  clickable?: boolean | undefined;
122
122
  stepDisabled?: boolean | undefined;
123
123
  separatorComplete?: boolean | undefined;
@@ -130,7 +130,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
130
130
  orientation?: "horizontal" | "vertical" | undefined;
131
131
  size?: "sm" | "md" | "lg" | undefined;
132
132
  variant?: "default" | "outlined" | "minimal" | undefined;
133
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
133
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
134
134
  clickable?: boolean | undefined;
135
135
  stepDisabled?: boolean | undefined;
136
136
  separatorComplete?: boolean | undefined;
@@ -143,7 +143,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
143
143
  orientation?: "horizontal" | "vertical" | undefined;
144
144
  size?: "sm" | "md" | "lg" | undefined;
145
145
  variant?: "default" | "outlined" | "minimal" | undefined;
146
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
146
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
147
147
  clickable?: boolean | undefined;
148
148
  stepDisabled?: boolean | undefined;
149
149
  separatorComplete?: boolean | undefined;
@@ -156,7 +156,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
156
156
  orientation?: "horizontal" | "vertical" | undefined;
157
157
  size?: "sm" | "md" | "lg" | undefined;
158
158
  variant?: "default" | "outlined" | "minimal" | undefined;
159
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
159
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
160
160
  clickable?: boolean | undefined;
161
161
  stepDisabled?: boolean | undefined;
162
162
  separatorComplete?: boolean | undefined;
@@ -169,7 +169,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
169
169
  orientation?: "horizontal" | "vertical" | undefined;
170
170
  size?: "sm" | "md" | "lg" | undefined;
171
171
  variant?: "default" | "outlined" | "minimal" | undefined;
172
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
172
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
173
173
  clickable?: boolean | undefined;
174
174
  stepDisabled?: boolean | undefined;
175
175
  separatorComplete?: boolean | undefined;
@@ -182,7 +182,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
182
182
  orientation?: "horizontal" | "vertical" | undefined;
183
183
  size?: "sm" | "md" | "lg" | undefined;
184
184
  variant?: "default" | "outlined" | "minimal" | undefined;
185
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
185
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
186
186
  clickable?: boolean | undefined;
187
187
  stepDisabled?: boolean | undefined;
188
188
  separatorComplete?: boolean | undefined;
@@ -195,7 +195,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
195
195
  orientation?: "horizontal" | "vertical" | undefined;
196
196
  size?: "sm" | "md" | "lg" | undefined;
197
197
  variant?: "default" | "outlined" | "minimal" | undefined;
198
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
198
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
199
199
  clickable?: boolean | undefined;
200
200
  stepDisabled?: boolean | undefined;
201
201
  separatorComplete?: boolean | undefined;
@@ -208,7 +208,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
208
208
  orientation?: "horizontal" | "vertical" | undefined;
209
209
  size?: "sm" | "md" | "lg" | undefined;
210
210
  variant?: "default" | "outlined" | "minimal" | undefined;
211
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
211
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
212
212
  clickable?: boolean | undefined;
213
213
  stepDisabled?: boolean | undefined;
214
214
  separatorComplete?: boolean | undefined;
@@ -221,7 +221,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
221
221
  orientation?: "horizontal" | "vertical" | undefined;
222
222
  size?: "sm" | "md" | "lg" | undefined;
223
223
  variant?: "default" | "outlined" | "minimal" | undefined;
224
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
224
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
225
225
  clickable?: boolean | undefined;
226
226
  stepDisabled?: boolean | undefined;
227
227
  separatorComplete?: boolean | undefined;