@urbicon-ui/blocks 6.21.3 → 6.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/components/Calendar/Calendar.svelte +9 -0
  2. package/dist/components/Calendar/CalendarMiniMonth.svelte +10 -8
  3. package/dist/components/Calendar/calendar.context.d.ts +3 -0
  4. package/dist/components/Calendar/calendar.drag.js +19 -7
  5. package/dist/components/Calendar/calendar.variants.d.ts +63 -63
  6. package/dist/components/CompositionBar/CompositionBar.svelte +6 -2
  7. package/dist/components/Sankey/Sankey.svelte +18 -2
  8. package/dist/i18n/index.d.ts +378 -2
  9. package/dist/primitives/Alert/alert.variants.d.ts +8 -8
  10. package/dist/primitives/Checkbox/Checkbox.svelte +18 -9
  11. package/dist/primitives/Checkbox/checkbox.variants.js +58 -16
  12. package/dist/primitives/Input/Input.svelte +10 -1
  13. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +22 -22
  14. package/dist/primitives/Select/Select.svelte +10 -1
  15. package/dist/primitives/Slider/Slider.svelte +8 -5
  16. package/dist/primitives/Spinner/spinner.variants.d.ts +16 -16
  17. package/dist/primitives/Stepper/stepper.variants.d.ts +11 -11
  18. package/dist/primitives/Toast/toast.variants.d.ts +12 -12
  19. package/dist/primitives/Tooltip/tooltip.variants.d.ts +3 -3
  20. package/package.json +3 -3
package/dist/primitives/Checkbox/checkbox.variants.js CHANGED
@@ -7,12 +7,27 @@ export const checkboxVariants = tv({
7
7
  // the checkbox box is an input-tap surface.
8
8
  box: [
9
9
  'relative flex items-center justify-center shrink-0 border',
10
- 'transition-[color,background-color,border-color,box-shadow] duration-[var(--blocks-duration-fast)] ease-out',
10
+ 'transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--blocks-duration-fast)] ease-out',
11
+ // Press feedback on the control surface — same small-element press cue
12
+ // as Badge/Avatar (`scale-95`); `group-active` so pressing the label
13
+ // squeezes the box too. `scale` is in the transition list above, and
14
+ // reduced motion collapses `--blocks-duration-fast` to 1ms.
15
+ 'group-active:scale-95',
11
16
  'peer-focus-visible:ring-2 peer-focus-visible:ring-primary/50',
12
17
  'peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-base'
13
18
  ],
14
19
  icon: [
15
- 'opacity-0 scale-75 transition-[opacity,transform] duration-[var(--blocks-duration-fast)] ease-out'
20
+ // Check/minus draw in along their stroke: the paths hide behind a full
21
+ // dash offset and the checked/indeterminate variants pull it to 0.
22
+ // 22px covers both geometries (check ≈ 20.2, minus = 14 user units);
23
+ // the offset sits 1px past the dash edge so no round-cap dot can bleed
24
+ // at the path start. A fast opacity fade rides along so the un-draw on
25
+ // uncheck can't flash in the inherited text colour once the box's
26
+ // intent fill (and its `text-on-*`) has left. Both durations are
27
+ // tokens, so `prefers-reduced-motion` collapses the whole draw to 1ms.
28
+ 'opacity-0 transition-opacity duration-[var(--blocks-duration-fast)] ease-out',
29
+ '[&_path]:[stroke-dasharray:22px] [&_path]:[stroke-dashoffset:23px]',
30
+ '[&_path]:transition-[stroke-dashoffset] [&_path]:duration-[var(--blocks-duration-normal)] [&_path]:ease-out'
16
31
  ],
17
32
  label: ['text-text-primary select-none'],
18
33
  message: ['text-xs text-text-tertiary']
@@ -63,12 +78,12 @@ export const checkboxVariants = tv({
63
78
  },
64
79
  checked: {
65
80
  true: {
66
- icon: 'opacity-100 scale-100'
81
+ icon: 'opacity-100 [&_path]:[stroke-dashoffset:0]'
67
82
  }
68
83
  },
69
84
  indeterminate: {
70
85
  true: {
71
- icon: 'opacity-100 scale-100'
86
+ icon: 'opacity-100 [&_path]:[stroke-dashoffset:0]'
72
87
  }
73
88
  },
74
89
  disabled: {
@@ -103,66 +118,93 @@ export const checkboxVariants = tv({
103
118
  class: { box: 'bg-transparent border-transparent group-hover:bg-surface-subtle' }
104
119
  },
105
120
  // ── Checked intent colors (identical across all variants) ──
121
+ // Hover/active darken through the intent interaction-layer tokens —
122
+ // the same `bg-<intent>-hover` / `bg-<intent>-active` ladder Button
123
+ // uses — via `group-*` so hovering/pressing the label counts too.
106
124
  {
107
125
  checked: true,
108
126
  intent: 'primary',
109
- class: { box: 'bg-primary border-primary text-text-on-primary' }
127
+ class: {
128
+ box: 'bg-primary border-primary text-text-on-primary group-hover:bg-primary-hover group-active:bg-primary-active'
129
+ }
110
130
  },
111
131
  {
112
132
  checked: true,
113
133
  intent: 'secondary',
114
- class: { box: 'bg-secondary border-secondary text-text-on-primary' }
134
+ class: {
135
+ box: 'bg-secondary border-secondary text-text-on-primary group-hover:bg-secondary-hover group-active:bg-secondary-active'
136
+ }
115
137
  },
116
138
  {
117
139
  checked: true,
118
140
  intent: 'success',
119
- class: { box: 'bg-success border-success text-text-on-primary' }
141
+ class: {
142
+ box: 'bg-success border-success text-text-on-primary group-hover:bg-success-hover group-active:bg-success-active'
143
+ }
120
144
  },
121
145
  {
122
146
  checked: true,
123
147
  intent: 'warning',
124
- class: { box: 'bg-warning border-warning text-text-on-surface' }
148
+ class: {
149
+ box: 'bg-warning border-warning text-text-on-surface group-hover:bg-warning-hover group-active:bg-warning-active'
150
+ }
125
151
  },
126
152
  {
127
153
  checked: true,
128
154
  intent: 'danger',
129
- class: { box: 'bg-danger border-danger text-text-on-primary' }
155
+ class: {
156
+ box: 'bg-danger border-danger text-text-on-primary group-hover:bg-danger-hover group-active:bg-danger-active'
157
+ }
130
158
  },
131
159
  {
132
160
  checked: true,
133
161
  intent: 'neutral',
134
- class: { box: 'bg-neutral border-neutral text-text-on-primary' }
162
+ class: {
163
+ box: 'bg-neutral border-neutral text-text-on-primary group-hover:bg-neutral-hover group-active:bg-neutral-active'
164
+ }
135
165
  },
136
166
  // ── Indeterminate mirrors checked ──
137
167
  {
138
168
  indeterminate: true,
139
169
  intent: 'primary',
140
- class: { box: 'bg-primary border-primary text-text-on-primary' }
170
+ class: {
171
+ box: 'bg-primary border-primary text-text-on-primary group-hover:bg-primary-hover group-active:bg-primary-active'
172
+ }
141
173
  },
142
174
  {
143
175
  indeterminate: true,
144
176
  intent: 'secondary',
145
- class: { box: 'bg-secondary border-secondary text-text-on-primary' }
177
+ class: {
178
+ box: 'bg-secondary border-secondary text-text-on-primary group-hover:bg-secondary-hover group-active:bg-secondary-active'
179
+ }
146
180
  },
147
181
  {
148
182
  indeterminate: true,
149
183
  intent: 'success',
150
- class: { box: 'bg-success border-success text-text-on-primary' }
184
+ class: {
185
+ box: 'bg-success border-success text-text-on-primary group-hover:bg-success-hover group-active:bg-success-active'
186
+ }
151
187
  },
152
188
  {
153
189
  indeterminate: true,
154
190
  intent: 'warning',
155
- class: { box: 'bg-warning border-warning text-text-on-surface' }
191
+ class: {
192
+ box: 'bg-warning border-warning text-text-on-surface group-hover:bg-warning-hover group-active:bg-warning-active'
193
+ }
156
194
  },
157
195
  {
158
196
  indeterminate: true,
159
197
  intent: 'danger',
160
- class: { box: 'bg-danger border-danger text-text-on-primary' }
198
+ class: {
199
+ box: 'bg-danger border-danger text-text-on-primary group-hover:bg-danger-hover group-active:bg-danger-active'
200
+ }
161
201
  },
162
202
  {
163
203
  indeterminate: true,
164
204
  intent: 'neutral',
165
- class: { box: 'bg-neutral border-neutral text-text-on-primary' }
205
+ class: {
206
+ box: 'bg-neutral border-neutral text-text-on-primary group-hover:bg-neutral-hover group-active:bg-neutral-active'
207
+ }
166
208
  },
167
209
  // ── Error overrides unchecked border ──
168
210
  {
package/dist/primitives/Input/Input.svelte CHANGED
@@ -43,6 +43,7 @@
43
43
  persistVersion = 1,
44
44
  persistNamespace,
45
45
  onkeydown: userOnKeydown,
46
+ 'aria-describedby': ariaDescribedby,
46
47
  ...restProps
47
48
  }: InputProps = $props();
48
49
 
@@ -126,6 +127,14 @@
126
127
  disabled
127
128
  }));
128
129
 
130
+ // Consumer-supplied `aria-describedby` (e.g. an external hint rendered
131
+ // outside the component) merges with the internal error/helper chain
132
+ // instead of being clobbered by it — internal descriptions first, the
133
+ // consumer's supplemental one last.
134
+ const describedBy = $derived(
135
+ [ff.describedBy, ariaDescribedby].filter(Boolean).join(' ') || undefined
136
+ );
137
+
129
138
  $effect(() => {
130
139
  if (inputRef && mint && mint !== 'none' && !disabled) {
131
140
  return mintRegistry.apply(inputRef, mint);
@@ -222,7 +231,7 @@
222
231
  {readonly}
223
232
  {required}
224
233
  aria-invalid={ff.invalid ? 'true' : undefined}
225
- aria-describedby={ff.describedBy}
234
+ aria-describedby={describedBy}
226
235
  onkeydown={handleKeydown}
227
236
  />
228
237
 
package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
2
  export declare const journeyTimelineVariants: ((props?: {
3
3
  orientation?: "horizontal" | "vertical" | undefined;
4
4
  size?: "sm" | "md" | "lg" | undefined;
5
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
5
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
6
6
  focused?: boolean | undefined;
7
7
  interactive?: boolean | undefined;
8
8
  travelled?: boolean | undefined;
@@ -13,7 +13,7 @@ export declare const journeyTimelineVariants: ((props?: {
13
13
  base: (props?: ({
14
14
  orientation?: "horizontal" | "vertical" | undefined;
15
15
  size?: "sm" | "md" | "lg" | undefined;
16
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
16
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
17
17
  focused?: boolean | undefined;
18
18
  interactive?: boolean | undefined;
19
19
  travelled?: boolean | undefined;
@@ -26,7 +26,7 @@ export declare const journeyTimelineVariants: ((props?: {
26
26
  rail: (props?: ({
27
27
  orientation?: "horizontal" | "vertical" | undefined;
28
28
  size?: "sm" | "md" | "lg" | undefined;
29
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
29
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
30
30
  focused?: boolean | undefined;
31
31
  interactive?: boolean | undefined;
32
32
  travelled?: boolean | undefined;
@@ -39,7 +39,7 @@ export declare const journeyTimelineVariants: ((props?: {
39
39
  node: (props?: ({
40
40
  orientation?: "horizontal" | "vertical" | undefined;
41
41
  size?: "sm" | "md" | "lg" | undefined;
42
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
42
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
43
43
  focused?: boolean | undefined;
44
44
  interactive?: boolean | undefined;
45
45
  travelled?: boolean | undefined;
@@ -52,7 +52,7 @@ export declare const journeyTimelineVariants: ((props?: {
52
52
  metaColumn: (props?: ({
53
53
  orientation?: "horizontal" | "vertical" | undefined;
54
54
  size?: "sm" | "md" | "lg" | undefined;
55
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
55
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
56
56
  focused?: boolean | undefined;
57
57
  interactive?: boolean | undefined;
58
58
  travelled?: boolean | undefined;
@@ -65,7 +65,7 @@ export declare const journeyTimelineVariants: ((props?: {
65
65
  meta: (props?: ({
66
66
  orientation?: "horizontal" | "vertical" | undefined;
67
67
  size?: "sm" | "md" | "lg" | undefined;
68
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
68
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
69
69
  focused?: boolean | undefined;
70
70
  interactive?: boolean | undefined;
71
71
  travelled?: boolean | undefined;
@@ -78,7 +78,7 @@ export declare const journeyTimelineVariants: ((props?: {
78
78
  markerColumn: (props?: ({
79
79
  orientation?: "horizontal" | "vertical" | undefined;
80
80
  size?: "sm" | "md" | "lg" | undefined;
81
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
81
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
82
82
  focused?: boolean | undefined;
83
83
  interactive?: boolean | undefined;
84
84
  travelled?: boolean | undefined;
@@ -91,7 +91,7 @@ export declare const journeyTimelineVariants: ((props?: {
91
91
  marker: (props?: ({
92
92
  orientation?: "horizontal" | "vertical" | undefined;
93
93
  size?: "sm" | "md" | "lg" | undefined;
94
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
94
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
95
95
  focused?: boolean | undefined;
96
96
  interactive?: boolean | undefined;
97
97
  travelled?: boolean | undefined;
@@ -104,7 +104,7 @@ export declare const journeyTimelineVariants: ((props?: {
104
104
  connector: (props?: ({
105
105
  orientation?: "horizontal" | "vertical" | undefined;
106
106
  size?: "sm" | "md" | "lg" | undefined;
107
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
107
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
108
108
  focused?: boolean | undefined;
109
109
  interactive?: boolean | undefined;
110
110
  travelled?: boolean | undefined;
@@ -117,7 +117,7 @@ export declare const journeyTimelineVariants: ((props?: {
117
117
  content: (props?: ({
118
118
  orientation?: "horizontal" | "vertical" | undefined;
119
119
  size?: "sm" | "md" | "lg" | undefined;
120
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
120
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
121
121
  focused?: boolean | undefined;
122
122
  interactive?: boolean | undefined;
123
123
  travelled?: boolean | undefined;
@@ -130,7 +130,7 @@ export declare const journeyTimelineVariants: ((props?: {
130
130
  card: (props?: ({
131
131
  orientation?: "horizontal" | "vertical" | undefined;
132
132
  size?: "sm" | "md" | "lg" | undefined;
133
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
133
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
134
134
  focused?: boolean | undefined;
135
135
  interactive?: boolean | undefined;
136
136
  travelled?: boolean | undefined;
@@ -143,7 +143,7 @@ export declare const journeyTimelineVariants: ((props?: {
143
143
  header: (props?: ({
144
144
  orientation?: "horizontal" | "vertical" | undefined;
145
145
  size?: "sm" | "md" | "lg" | undefined;
146
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
146
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
147
147
  focused?: boolean | undefined;
148
148
  interactive?: boolean | undefined;
149
149
  travelled?: boolean | undefined;
@@ -156,7 +156,7 @@ export declare const journeyTimelineVariants: ((props?: {
156
156
  trigger: (props?: ({
157
157
  orientation?: "horizontal" | "vertical" | undefined;
158
158
  size?: "sm" | "md" | "lg" | undefined;
159
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
159
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
160
160
  focused?: boolean | undefined;
161
161
  interactive?: boolean | undefined;
162
162
  travelled?: boolean | undefined;
@@ -169,7 +169,7 @@ export declare const journeyTimelineVariants: ((props?: {
169
169
  trailing: (props?: ({
170
170
  orientation?: "horizontal" | "vertical" | undefined;
171
171
  size?: "sm" | "md" | "lg" | undefined;
172
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
172
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
173
173
  focused?: boolean | undefined;
174
174
  interactive?: boolean | undefined;
175
175
  travelled?: boolean | undefined;
@@ -182,7 +182,7 @@ export declare const journeyTimelineVariants: ((props?: {
182
182
  labelGroup: (props?: ({
183
183
  orientation?: "horizontal" | "vertical" | undefined;
184
184
  size?: "sm" | "md" | "lg" | undefined;
185
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
185
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
186
186
  focused?: boolean | undefined;
187
187
  interactive?: boolean | undefined;
188
188
  travelled?: boolean | undefined;
@@ -195,7 +195,7 @@ export declare const journeyTimelineVariants: ((props?: {
195
195
  title: (props?: ({
196
196
  orientation?: "horizontal" | "vertical" | undefined;
197
197
  size?: "sm" | "md" | "lg" | undefined;
198
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
198
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
199
199
  focused?: boolean | undefined;
200
200
  interactive?: boolean | undefined;
201
201
  travelled?: boolean | undefined;
@@ -208,7 +208,7 @@ export declare const journeyTimelineVariants: ((props?: {
208
208
  subtitle: (props?: ({
209
209
  orientation?: "horizontal" | "vertical" | undefined;
210
210
  size?: "sm" | "md" | "lg" | undefined;
211
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
211
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
212
212
  focused?: boolean | undefined;
213
213
  interactive?: boolean | undefined;
214
214
  travelled?: boolean | undefined;
@@ -221,7 +221,7 @@ export declare const journeyTimelineVariants: ((props?: {
221
221
  segment: (props?: ({
222
222
  orientation?: "horizontal" | "vertical" | undefined;
223
223
  size?: "sm" | "md" | "lg" | undefined;
224
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
224
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
225
225
  focused?: boolean | undefined;
226
226
  interactive?: boolean | undefined;
227
227
  travelled?: boolean | undefined;
@@ -234,7 +234,7 @@ export declare const journeyTimelineVariants: ((props?: {
234
234
  detail: (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;
@@ -247,7 +247,7 @@ export declare const journeyTimelineVariants: ((props?: {
247
247
  detailInner: (props?: ({
248
248
  orientation?: "horizontal" | "vertical" | undefined;
249
249
  size?: "sm" | "md" | "lg" | undefined;
250
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
250
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
251
251
  focused?: boolean | undefined;
252
252
  interactive?: boolean | undefined;
253
253
  travelled?: boolean | undefined;
@@ -260,7 +260,7 @@ export declare const journeyTimelineVariants: ((props?: {
260
260
  detailContent: (props?: ({
261
261
  orientation?: "horizontal" | "vertical" | undefined;
262
262
  size?: "sm" | "md" | "lg" | undefined;
263
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
263
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
264
264
  focused?: boolean | undefined;
265
265
  interactive?: boolean | undefined;
266
266
  travelled?: boolean | undefined;
@@ -273,7 +273,7 @@ export declare const journeyTimelineVariants: ((props?: {
273
273
  panel: (props?: ({
274
274
  orientation?: "horizontal" | "vertical" | undefined;
275
275
  size?: "sm" | "md" | "lg" | undefined;
276
- status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
276
+ status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
277
277
  focused?: boolean | undefined;
278
278
  interactive?: boolean | undefined;
279
279
  travelled?: boolean | undefined;
package/dist/primitives/Select/Select.svelte CHANGED
@@ -53,6 +53,7 @@
53
53
  slotClasses: slotClassesProp = {},
54
54
  preset,
55
55
  id: idProp,
56
+ 'aria-describedby': ariaDescribedby,
56
57
  ...restProps
57
58
  }: SelectProps<T> = $props();
58
59
 
@@ -108,6 +109,14 @@
108
109
  disabled
109
110
  }));
110
111
 
112
+ // Consumer-supplied `aria-describedby` (e.g. an external hint rendered
113
+ // outside the component) merges with the internal error/helper chain —
114
+ // restProps land on the wrapper div, so without this the description
115
+ // would never reach the focusable trigger.
116
+ const describedBy = $derived(
117
+ [ff.describedBy, ariaDescribedby].filter(Boolean).join(' ') || undefined
118
+ );
119
+
111
120
  let activeIndex = $state(-1);
112
121
  // Tracks whether the most recent open was keyboard-driven, so the initial
113
122
  // active-option highlight only defaults to the first row for keyboard users.
@@ -456,7 +465,7 @@
456
465
  aria-haspopup="listbox"
457
466
  aria-controls={listboxId}
458
467
  aria-labelledby={labelId}
459
- aria-describedby={ff.describedBy}
468
+ aria-describedby={describedBy}
460
469
  aria-invalid={ff.invalid ? 'true' : undefined}
461
470
  aria-activedescendant={activeIndex >= 0 ? getOptionId(activeIndex) : undefined}
462
471
  onclick={toggle}
package/dist/primitives/Slider/Slider.svelte CHANGED
@@ -34,6 +34,7 @@
34
34
  unstyled: unstyledProp = false,
35
35
  slotClasses: slotClassesProp = {},
36
36
  preset,
37
+ 'aria-describedby': ariaDescribedby,
37
38
  ...restProps
38
39
  }: SliderProps = $props();
39
40
 
@@ -240,12 +241,14 @@
240
241
  resolveSlotClasses(blocksConfig, 'Slider', preset, variantProps, slotClassesProp)
241
242
  );
242
243
 
243
- // aria-describedby chain: error > helper, plus rangeStatus when active.
244
- // `ff.describedBy` already handles error/hint in the canonical order;
245
- // we append the optional statusId.
244
+ // aria-describedby chain: error > helper, plus rangeStatus when active,
245
+ // plus a consumer-supplied `aria-describedby` (e.g. an external hint) —
246
+ // restProps land on the wrapper div, so without the merge the consumer's
247
+ // description would never reach the focusable thumbs.
246
248
  const describedBy = $derived(
247
- [ff.describedBy, hasRangeConstraints ? statusId : undefined].filter(Boolean).join(' ') ||
248
- undefined
249
+ [ff.describedBy, hasRangeConstraints ? statusId : undefined, ariaDescribedby]
250
+ .filter(Boolean)
251
+ .join(' ') || undefined
249
252
  );
250
253
 
251
254
  $effect(() => {
package/dist/primitives/Spinner/spinner.variants.d.ts CHANGED
@@ -2,13 +2,13 @@ import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
2
  export declare const spinnerVariants: ((props?: {
3
3
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
4
4
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
5
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
5
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
6
6
  speed?: "fast" | "slow" | "normal" | undefined;
7
7
  } | undefined) => {
8
8
  base: (props?: ({
9
9
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
10
10
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
11
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
11
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
12
12
  speed?: "fast" | "slow" | "normal" | undefined;
13
13
  } & {
14
14
  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;
@@ -16,7 +16,7 @@ export declare const spinnerVariants: ((props?: {
16
16
  svg: (props?: ({
17
17
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
18
18
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
19
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
19
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
20
20
  speed?: "fast" | "slow" | "normal" | undefined;
21
21
  } & {
22
22
  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;
@@ -24,7 +24,7 @@ export declare const spinnerVariants: ((props?: {
24
24
  svgCircle: (props?: ({
25
25
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
26
26
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
27
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
27
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
28
28
  speed?: "fast" | "slow" | "normal" | undefined;
29
29
  } & {
30
30
  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;
@@ -32,7 +32,7 @@ export declare const spinnerVariants: ((props?: {
32
32
  svgPath: (props?: ({
33
33
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
34
34
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
35
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
35
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
36
36
  speed?: "fast" | "slow" | "normal" | undefined;
37
37
  } & {
38
38
  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;
@@ -40,7 +40,7 @@ export declare const spinnerVariants: ((props?: {
40
40
  dots: (props?: ({
41
41
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
42
42
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
43
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
43
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
44
44
  speed?: "fast" | "slow" | "normal" | undefined;
45
45
  } & {
46
46
  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;
@@ -48,7 +48,7 @@ export declare const spinnerVariants: ((props?: {
48
48
  dot: (props?: ({
49
49
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
50
50
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
51
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
51
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
52
52
  speed?: "fast" | "slow" | "normal" | undefined;
53
53
  } & {
54
54
  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;
@@ -56,7 +56,7 @@ export declare const spinnerVariants: ((props?: {
56
56
  pulse: (props?: ({
57
57
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
58
58
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
59
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
59
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
60
60
  speed?: "fast" | "slow" | "normal" | undefined;
61
61
  } & {
62
62
  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;
@@ -64,7 +64,7 @@ export declare const spinnerVariants: ((props?: {
64
64
  pulseCenter: (props?: ({
65
65
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
66
66
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
67
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
67
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
68
68
  speed?: "fast" | "slow" | "normal" | undefined;
69
69
  } & {
70
70
  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;
@@ -72,7 +72,7 @@ export declare const spinnerVariants: ((props?: {
72
72
  pulseRing: (props?: ({
73
73
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
74
74
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
75
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
75
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
76
76
  speed?: "fast" | "slow" | "normal" | undefined;
77
77
  } & {
78
78
  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;
@@ -80,7 +80,7 @@ export declare const spinnerVariants: ((props?: {
80
80
  ring: (props?: ({
81
81
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
82
82
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
83
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
83
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
84
84
  speed?: "fast" | "slow" | "normal" | undefined;
85
85
  } & {
86
86
  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;
@@ -88,7 +88,7 @@ export declare const spinnerVariants: ((props?: {
88
88
  ringElement: (props?: ({
89
89
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
90
90
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
91
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
91
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
92
92
  speed?: "fast" | "slow" | "normal" | undefined;
93
93
  } & {
94
94
  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;
@@ -96,7 +96,7 @@ export declare const spinnerVariants: ((props?: {
96
96
  bars: (props?: ({
97
97
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
98
98
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
99
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
99
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
100
100
  speed?: "fast" | "slow" | "normal" | undefined;
101
101
  } & {
102
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;
@@ -104,7 +104,7 @@ export declare const spinnerVariants: ((props?: {
104
104
  bar: (props?: ({
105
105
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
106
106
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
107
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
107
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
108
108
  speed?: "fast" | "slow" | "normal" | undefined;
109
109
  } & {
110
110
  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;
@@ -112,7 +112,7 @@ export declare const spinnerVariants: ((props?: {
112
112
  content: (props?: ({
113
113
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
114
114
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
115
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
115
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
116
116
  speed?: "fast" | "slow" | "normal" | undefined;
117
117
  } & {
118
118
  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;
@@ -120,7 +120,7 @@ export declare const spinnerVariants: ((props?: {
120
120
  srOnly: (props?: ({
121
121
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
122
122
  size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
123
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
123
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
124
124
  speed?: "fast" | "slow" | "normal" | undefined;
125
125
  } & {
126
126
  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;