@urbicon-ui/blocks 6.22.0 → 6.24.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 (30) hide show
  1. package/dist/components/Calendar/CalendarWeekdayHeader.svelte +4 -1
  2. package/dist/components/Calendar/calendar.variants.d.ts +63 -63
  3. package/dist/components/Sparkline/Sparkline.svelte +10 -4
  4. package/dist/components/Sparkline/index.d.ts +9 -1
  5. package/dist/i18n/index.d.ts +2 -378
  6. package/dist/primitives/Alert/alert.variants.d.ts +8 -8
  7. package/dist/primitives/Badge/Badge.svelte +8 -2
  8. package/dist/primitives/Badge/index.d.ts +67 -32
  9. package/dist/primitives/ButtonGroup/ButtonGroup.svelte +120 -3
  10. package/dist/primitives/Card/card.variants.js +2 -2
  11. package/dist/primitives/Checkbox/Checkbox.svelte +11 -2
  12. package/dist/primitives/Combobox/Combobox.svelte +35 -3
  13. package/dist/primitives/ConfirmDialog/index.d.ts +2 -1
  14. package/dist/primitives/Dialog/index.d.ts +4 -4
  15. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +22 -22
  16. package/dist/primitives/Pagination/Pagination.svelte +28 -15
  17. package/dist/primitives/RadioGroup/RadioGroup.svelte +16 -3
  18. package/dist/primitives/RadioGroup/RadioItem.svelte +1 -1
  19. package/dist/primitives/Select/Select.svelte +20 -5
  20. package/dist/primitives/Spinner/spinner.variants.d.ts +16 -16
  21. package/dist/primitives/Stepper/stepper.variants.d.ts +11 -11
  22. package/dist/primitives/Textarea/Textarea.svelte +10 -1
  23. package/dist/primitives/Toast/Toaster.svelte +122 -4
  24. package/dist/primitives/Toast/toast.store.svelte.d.ts +32 -1
  25. package/dist/primitives/Toast/toast.store.svelte.js +84 -19
  26. package/dist/primitives/Toast/toast.variants.d.ts +12 -12
  27. package/dist/primitives/Toggle/Toggle.svelte +16 -3
  28. package/dist/primitives/Tooltip/tooltip.variants.d.ts +3 -3
  29. package/dist/style/semantic.css +1 -1
  30. package/package.json +3 -3
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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
5
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
16
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
29
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
42
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
55
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
68
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
81
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
94
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
107
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
120
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
133
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
146
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
159
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
172
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
185
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
198
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
211
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
224
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
237
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
250
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
263
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "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?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
276
+ status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
277
277
  focused?: boolean | undefined;
278
278
  interactive?: boolean | undefined;
279
279
  travelled?: boolean | undefined;
package/dist/primitives/Pagination/Pagination.svelte CHANGED
@@ -139,9 +139,10 @@
139
139
  return () => handlePageChange(page);
140
140
  }
141
141
 
142
- // Computed state helpers
143
- const isFirstPage = $derived(currentPage === 1);
144
- const isLastPage = $derived(currentPage === totalPages);
142
+ // Computed state helpers. Edge policy across all layouts is disabled-but-visible:
143
+ // Previous/Next stay mounted and go `disabled` at page 1 / N (never unmounted),
144
+ // so the arrow can't vanish from under the pointer (no layout shift, no focus
145
+ // loss). First/Last are a separate, redundancy-driven concern — see the markup.
145
146
  const hasPreviousPage = $derived(currentPage > 1);
146
147
  const hasNextPage = $derived(currentPage < totalPages);
147
148
 
@@ -220,19 +221,25 @@
220
221
  {/if}
221
222
  </div>
222
223
  {:else if layout === 'navigation'}
223
- <!-- Navigation Layout: Only Previous/Next -->
224
+ <!-- Navigation Layout: Only Previous/Next. Unified edge policy (matches the
225
+ table layout): both arrows stay mounted and go `disabled` at the boundary
226
+ (page 1 / N) rather than unmounting. This row is laid out `justify-between`,
227
+ so unmounting one arm would teleport the survivor across the whole bar
228
+ (start ↔ end) and drop focus — disabled-but-visible pins Previous left and
229
+ Next right. Prev/Next-only pagers therefore grey out the dead end here;
230
+ they do not disappear it. -->
224
231
  <div
225
232
  class={unstyled
226
233
  ? (slotClasses?.controls ?? '')
227
234
  : styles.controls({ class: slotClasses?.controls })}
228
235
  >
229
- {#if showPreviousNext && hasPreviousPage}
236
+ {#if showPreviousNext}
230
237
  <PaginationItem
231
238
  {size}
232
239
  {variant}
233
240
  {intent}
234
241
  {tier}
235
- disabled={disabled || loading}
242
+ disabled={disabled || loading || !hasPreviousPage}
236
243
  onPageClick={goToPrevious}
237
244
  {mint}
238
245
  >
@@ -242,15 +249,13 @@
242
249
  {previousLabel}
243
250
  {/if}
244
251
  </PaginationItem>
245
- {/if}
246
252
 
247
- {#if showPreviousNext && hasNextPage}
248
253
  <PaginationItem
249
254
  {size}
250
255
  {variant}
251
256
  {intent}
252
257
  {tier}
253
- disabled={disabled || loading}
258
+ disabled={disabled || loading || !hasNextPage}
254
259
  onPageClick={goToNext}
255
260
  {mint}
256
261
  >
@@ -276,7 +281,14 @@
276
281
  ? (slotClasses?.controls ?? '')
277
282
  : styles.controls({ class: slotClasses?.controls })}
278
283
  >
279
- {#if showFirstLast && !isFirstPage && showStartEllipsis}
284
+ <!-- First / Last are gated by the ellipsis — by REDUNDANCY, not by the page
285
+ edge. `showStartEllipsis` is true only when page 1 sits OUTSIDE the visible
286
+ window; the moment it re-enters, page 1 is a directly-clickable number and
287
+ a "First" jump button would merely duplicate it. That predicate already
288
+ implies currentPage > 1, so (unlike Previous/Next) First/Last are never a
289
+ dead-end control needing disabled-but-visible: hiding one drops a duplicate,
290
+ not an edge stepper — no layout-shift/focus trap. -->
291
+ {#if showFirstLast && showStartEllipsis}
280
292
  <PaginationItem
281
293
  {size}
282
294
  {variant}
@@ -294,13 +306,13 @@
294
306
  </PaginationItem>
295
307
  {/if}
296
308
 
297
- {#if showPreviousNext && hasPreviousPage}
309
+ {#if showPreviousNext}
298
310
  <PaginationItem
299
311
  {size}
300
312
  {variant}
301
313
  {intent}
302
314
  {tier}
303
- disabled={disabled || loading}
315
+ disabled={disabled || loading || !hasPreviousPage}
304
316
  onPageClick={goToPrevious}
305
317
  {mint}
306
318
  >
@@ -364,13 +376,13 @@
364
376
  </div>
365
377
  {/if}
366
378
 
367
- {#if showPreviousNext && hasNextPage}
379
+ {#if showPreviousNext}
368
380
  <PaginationItem
369
381
  {size}
370
382
  {variant}
371
383
  {intent}
372
384
  {tier}
373
- disabled={disabled || loading}
385
+ disabled={disabled || loading || !hasNextPage}
374
386
  onPageClick={goToNext}
375
387
  {mint}
376
388
  >
@@ -382,7 +394,8 @@
382
394
  </PaginationItem>
383
395
  {/if}
384
396
 
385
- {#if showFirstLast && !isLastPage && showEndEllipsis}
397
+ <!-- See the First-button note above: ellipsis-gated (redundancy), not edge-gated. -->
398
+ {#if showFirstLast && showEndEllipsis}
386
399
  <PaginationItem
387
400
  {size}
388
401
  {variant}
package/dist/primitives/RadioGroup/RadioGroup.svelte CHANGED
@@ -26,6 +26,8 @@
26
26
  slotClasses: slotClassesProp = {},
27
27
  preset,
28
28
  id,
29
+ 'aria-describedby': ariaDescribedby,
30
+ 'aria-labelledby': ariaLabelledby,
29
31
  ...restProps
30
32
  }: RadioGroupProps = $props();
31
33
 
@@ -42,6 +44,9 @@
42
44
  const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
43
45
 
44
46
  const groupId = $derived(id || `radiogroup-${propsId}`);
47
+ // When a `label` is rendered it owns the group's `aria-labelledby`; otherwise a
48
+ // consumer-supplied `aria-labelledby` (an external heading) is used as the
49
+ // fallback so external labelling survives (see the group element below).
45
50
  const labelId = $derived(label ? `${groupId}-label` : undefined);
46
51
  // ARIA wiring is shared with every form primitive — see XC-2.
47
52
  const ff = useFormField(() => ({
@@ -52,6 +57,14 @@
52
57
  disabled
53
58
  }));
54
59
 
60
+ // Consumer-supplied `aria-describedby` (e.g. an external hint rendered
61
+ // outside the component) merges with the internal error/helper chain instead
62
+ // of replacing it — internal descriptions first, the consumer's supplemental
63
+ // one last (mirrors the Input role model, XC-2). Applied to the group element.
64
+ const describedBy = $derived(
65
+ [ff.describedBy, ariaDescribedby].filter(Boolean).join(' ') || undefined
66
+ );
67
+
55
68
  // Variant props feed both the tv() style computation and the slot-class
56
69
  // cascade — extracted into one derived so `resolveSlotClasses` can match
57
70
  // conditional `overrides` against the group's active variants.
@@ -150,16 +163,16 @@
150
163
  {/if}
151
164
 
152
165
  <div
166
+ {...restProps}
153
167
  bind:this={groupElement}
154
168
  role="radiogroup"
155
169
  id={groupId}
156
170
  class={unstyled ? (slotClasses?.group ?? '') : styles.group({ class: slotClasses?.group })}
157
- aria-labelledby={labelId}
158
- aria-describedby={ff.describedBy}
171
+ aria-labelledby={labelId ?? ariaLabelledby}
172
+ aria-describedby={describedBy}
159
173
  aria-required={required || undefined}
160
174
  aria-invalid={ff.invalid ? 'true' : undefined}
161
175
  onkeydown={handleKeydown}
162
- {...restProps}
163
176
  >
164
177
  {@render children()}
165
178
  </div>
package/dist/primitives/RadioGroup/RadioItem.svelte CHANGED
@@ -71,6 +71,7 @@
71
71
  for={id}
72
72
  >
73
73
  <input
74
+ {...restProps}
74
75
  {id}
75
76
  type="radio"
76
77
  name={ctx.name}
@@ -80,7 +81,6 @@
80
81
  class="peer sr-only"
81
82
  tabindex={isChecked || (!ctx.value && !isDisabled) ? 0 : -1}
82
83
  onchange={handleChange}
83
- {...restProps}
84
84
  />
85
85
 
86
86
  <span
package/dist/primitives/Select/Select.svelte CHANGED
@@ -54,6 +54,7 @@
54
54
  preset,
55
55
  id: idProp,
56
56
  'aria-describedby': ariaDescribedby,
57
+ 'aria-label': ariaLabel,
57
58
  ...restProps
58
59
  }: SelectProps<T> = $props();
59
60
 
@@ -154,6 +155,19 @@
154
155
 
155
156
  const enabledOptions = $derived(allOptions.filter((o) => !o.disabled));
156
157
 
158
+ // Flat index of each enabled option, precomputed so a grouped or flat option
159
+ // reads its keyboard-cursor index in O(1) rather than an O(n) `indexOf` per
160
+ // render — which made a large grouped listbox O(n²) per keystroke. Disabled
161
+ // options are absent from `enabledOptions`, so they resolve to -1 here, exactly
162
+ // as the previous `enabledOptions.indexOf(option)` did.
163
+ const enabledIndexByOption = $derived.by(() => {
164
+ const map = new Map<SelectOption<T>, number>();
165
+ enabledOptions.forEach((o, i) => {
166
+ if (!map.has(o)) map.set(o, i);
167
+ });
168
+ return map;
169
+ });
170
+
157
171
  /**
158
172
  * Currently selected option(s), normalized to an array regardless of mode.
159
173
  *
@@ -465,6 +479,7 @@
465
479
  aria-haspopup="listbox"
466
480
  aria-controls={listboxId}
467
481
  aria-labelledby={labelId}
482
+ aria-label={labelId ? undefined : ariaLabel}
468
483
  aria-describedby={describedBy}
469
484
  aria-invalid={ff.invalid ? 'true' : undefined}
470
485
  aria-activedescendant={activeIndex >= 0 ? getOptionId(activeIndex) : undefined}
@@ -560,7 +575,7 @@
560
575
  >
561
576
  {#if open}
562
577
  {#if groups}
563
- {#each groups as group (group.label)}
578
+ {#each groups as group, i (`${group.label}-${i}`)}
564
579
  <div
565
580
  class={unstyled
566
581
  ? (slotClasses?.group ?? '')
@@ -576,8 +591,8 @@
576
591
  {group.label}
577
592
  </div>
578
593
  {#each group.options as option (option.value)}
579
- {@const optIdx = enabledOptions.indexOf(option)}
580
- {@const isActive = optIdx === activeIndex}
594
+ {@const optIdx = enabledIndexByOption.get(option) ?? -1}
595
+ {@const isActive = optIdx >= 0 && optIdx === activeIndex}
581
596
  {@const isSel = isOptionSelected(option)}
582
597
  <!--
583
598
  ARIA Listbox pattern: options are explicitly NOT in the
@@ -647,8 +662,8 @@
647
662
  {/each}
648
663
  {:else}
649
664
  {#each allOptions as option (option.value)}
650
- {@const optIdx = enabledOptions.indexOf(option)}
651
- {@const isActive = optIdx === activeIndex}
665
+ {@const optIdx = enabledIndexByOption.get(option) ?? -1}
666
+ {@const isActive = optIdx >= 0 && optIdx === activeIndex}
652
667
  {@const isSel = isOptionSelected(option)}
653
668
  <!-- Options stay out of the tab order — see ARIA Listbox note above. -->
654
669
  <!-- svelte-ignore a11y_interactive_supports_focus -->
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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
5
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
11
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
19
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
27
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
35
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
43
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
51
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
59
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
67
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
75
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
83
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
91
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
99
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
107
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
115
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
123
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | 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;