@urbicon-ui/blocks 6.22.0 → 6.23.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 (23) 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/i18n/index.d.ts +2 -378
  4. package/dist/primitives/Alert/alert.variants.d.ts +8 -8
  5. package/dist/primitives/ButtonGroup/ButtonGroup.svelte +120 -3
  6. package/dist/primitives/Card/card.variants.js +2 -2
  7. package/dist/primitives/Checkbox/Checkbox.svelte +10 -1
  8. package/dist/primitives/Combobox/Combobox.svelte +35 -3
  9. package/dist/primitives/Dialog/index.d.ts +4 -4
  10. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +22 -22
  11. package/dist/primitives/RadioGroup/RadioGroup.svelte +10 -1
  12. package/dist/primitives/Select/Select.svelte +20 -5
  13. package/dist/primitives/Spinner/spinner.variants.d.ts +16 -16
  14. package/dist/primitives/Stepper/stepper.variants.d.ts +11 -11
  15. package/dist/primitives/Textarea/Textarea.svelte +10 -1
  16. package/dist/primitives/Toast/Toaster.svelte +46 -2
  17. package/dist/primitives/Toast/toast.store.svelte.d.ts +32 -1
  18. package/dist/primitives/Toast/toast.store.svelte.js +84 -19
  19. package/dist/primitives/Toast/toast.variants.d.ts +12 -12
  20. package/dist/primitives/Toggle/Toggle.svelte +10 -1
  21. package/dist/primitives/Tooltip/tooltip.variants.d.ts +3 -3
  22. package/dist/style/semantic.css +1 -1
  23. package/package.json +3 -3
package/dist/primitives/Combobox/Combobox.svelte CHANGED
@@ -56,6 +56,8 @@
56
56
  slotClasses: slotClassesProp = {},
57
57
  preset,
58
58
  id: idProp,
59
+ 'aria-describedby': ariaDescribedby,
60
+ 'aria-label': ariaLabel,
59
61
  ...restProps
60
62
  }: ComboboxProps<T> = $props();
61
63
 
@@ -80,6 +82,15 @@
80
82
  disabled
81
83
  }));
82
84
 
85
+ // Consumer-supplied `aria-describedby` (e.g. an external hint) merges with the
86
+ // internal error/helper chain instead of being dropped — restProps land on the
87
+ // wrapper div, so without this the description would never reach the focusable
88
+ // input. Internal descriptions first, the consumer's supplemental one last
89
+ // (mirrors Select + Input).
90
+ const describedBy = $derived(
91
+ [ff.describedBy, ariaDescribedby].filter(Boolean).join(' ') || undefined
92
+ );
93
+
83
94
  const blocksConfig = getBlocksConfig();
84
95
  const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
85
96
 
@@ -207,6 +218,18 @@
207
218
  filteredGroups ? filteredGroups.flatMap((g) => g.options) : allOptions.filter(matchesQuery)
208
219
  );
209
220
 
221
+ // Flat index of each option within `filtered`, precomputed so the grouped
222
+ // render path reads an option's keyboard-cursor index in O(1) instead of
223
+ // `filtered.indexOf(opt)` per option (O(n²) per keystroke on a large grouped
224
+ // list). Same first-occurrence semantics as `indexOf`.
225
+ const filteredIndexByOption = $derived.by(() => {
226
+ const map = new Map<ComboboxOption<T>, number>();
227
+ filtered.forEach((opt, i) => {
228
+ if (!map.has(opt)) map.set(opt, i);
229
+ });
230
+ return map;
231
+ });
232
+
210
233
  // Debounced query runner. The effect tracks `query` (+ debounceMs); each change
211
234
  // resets the timer, and the fetch runs a tick later so bursty typing collapses
212
235
  // into one request. A per-run AbortController lets a newer query cancel an
@@ -750,7 +773,7 @@
750
773
  {noResultsText}
751
774
  </div>
752
775
  {:else if filteredGroups}
753
- {#each filteredGroups as group (group.label)}
776
+ {#each filteredGroups as group, i (`${group.label}-${i}`)}
754
777
  <div
755
778
  class={unstyled
756
779
  ? (slotClasses?.group ?? '')
@@ -766,7 +789,7 @@
766
789
  {group.label}
767
790
  </div>
768
791
  {#each group.options as opt (opt.value)}
769
- {@render optionButton(opt, filtered.indexOf(opt))}
792
+ {@render optionButton(opt, filteredIndexByOption.get(opt) ?? -1)}
770
793
  {/each}
771
794
  </div>
772
795
  {/each}
@@ -855,6 +878,14 @@
855
878
  wiring lives in one place. `required` is single-mode only — in multi the input
856
879
  is transient search text (cleared after each pick), so a native `required` on
857
880
  it would wrongly block submit even with tags selected.
881
+
882
+ A consumer `aria-label` is forwarded onto the input (destructured out of
883
+ restProps so it never lands on the role-less wrapper `<div>` — axe
884
+ aria-prohibited-attr), but ONLY when no visible `label` renders. Unlike Select —
885
+ which names its trigger via `aria-labelledby` (HIGHER ARIA precedence than
886
+ aria-label) — Combobox names the input via a native `<label for>` (LOWER
887
+ precedence than aria-label), so an unconditional aria-label would override a
888
+ visible label. Gating on `label` keeps the visible label authoritative.
858
889
  -->
859
890
  {#snippet searchField(cls: string)}
860
891
  <input
@@ -867,7 +898,8 @@
867
898
  aria-activedescendant={activeDescendant}
868
899
  aria-autocomplete="list"
869
900
  aria-invalid={ff.invalid ? 'true' : undefined}
870
- aria-describedby={ff.describedBy}
901
+ aria-describedby={describedBy}
902
+ aria-label={label ? undefined : ariaLabel}
871
903
  autocomplete="off"
872
904
  class={cls}
873
905
  placeholder={effectivePlaceholder}
package/dist/primitives/Dialog/index.d.ts CHANGED
@@ -41,10 +41,10 @@ export interface DialogProps extends Omit<HTMLDialogAttributes, 'children' | 'op
41
41
  /** Vertical placement within the viewport. Use 'top' for command-palette style positioning. @default 'center' */
42
42
  placement?: DialogVariants['placement'];
43
43
  /**
44
- * Semantic purpose marker (e.g. `danger` for destructive actions). After the
45
- * Lighter-Refactor, the Dialog itself no longer paints an accent bar — the
46
- * value is exposed on the panel as `data-intent="…"` so consumers can hook
47
- * presets, CSS overrides, or icon/title color via their own snippets.
44
+ * Semantic purpose marker (e.g. `danger` for destructive actions). The
45
+ * Dialog itself no longer paints an accent bar — the value is exposed on
46
+ * the panel as `data-intent="…"` so consumers can hook presets, CSS
47
+ * overrides, or icon/title color via their own snippets.
48
48
  * @default 'neutral'
49
49
  */
50
50
  intent?: DialogVariants['intent'];
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/RadioGroup/RadioGroup.svelte CHANGED
@@ -26,6 +26,7 @@
26
26
  slotClasses: slotClassesProp = {},
27
27
  preset,
28
28
  id,
29
+ 'aria-describedby': ariaDescribedby,
29
30
  ...restProps
30
31
  }: RadioGroupProps = $props();
31
32
 
@@ -52,6 +53,14 @@
52
53
  disabled
53
54
  }));
54
55
 
56
+ // Consumer-supplied `aria-describedby` (e.g. an external hint rendered
57
+ // outside the component) merges with the internal error/helper chain instead
58
+ // of replacing it — internal descriptions first, the consumer's supplemental
59
+ // one last (mirrors the Input role model, XC-2). Applied to the group element.
60
+ const describedBy = $derived(
61
+ [ff.describedBy, ariaDescribedby].filter(Boolean).join(' ') || undefined
62
+ );
63
+
55
64
  // Variant props feed both the tv() style computation and the slot-class
56
65
  // cascade — extracted into one derived so `resolveSlotClasses` can match
57
66
  // conditional `overrides` against the group's active variants.
@@ -155,7 +164,7 @@
155
164
  id={groupId}
156
165
  class={unstyled ? (slotClasses?.group ?? '') : styles.group({ class: slotClasses?.group })}
157
166
  aria-labelledby={labelId}
158
- aria-describedby={ff.describedBy}
167
+ aria-describedby={describedBy}
159
168
  aria-required={required || undefined}
160
169
  aria-invalid={ff.invalid ? 'true' : undefined}
161
170
  onkeydown={handleKeydown}
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;