@bquery/bquery 1.7.0 → 1.8.2
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.
- package/README.md +760 -716
- package/dist/{a11y-C5QOVvRn.js → a11y-DVBCy09c.js} +3 -3
- package/dist/a11y-DVBCy09c.js.map +1 -0
- package/dist/a11y.es.mjs +1 -1
- package/dist/component/library.d.ts.map +1 -1
- package/dist/{component-CuuTijA6.js → component-L3-JfOFz.js} +5 -5
- package/dist/component-L3-JfOFz.js.map +1 -0
- package/dist/component.es.mjs +1 -1
- package/dist/{config-BW35FKuA.js → config-DhT9auRm.js} +1 -1
- package/dist/{config-BW35FKuA.js.map → config-DhT9auRm.js.map} +1 -1
- package/dist/{constraints-3lV9yyBw.js → constraints-D5RHQLmP.js} +1 -1
- package/dist/constraints-D5RHQLmP.js.map +1 -0
- package/dist/core/collection.d.ts +86 -0
- package/dist/core/collection.d.ts.map +1 -1
- package/dist/core/element.d.ts +28 -0
- package/dist/core/element.d.ts.map +1 -1
- package/dist/core/shared.d.ts +6 -0
- package/dist/core/shared.d.ts.map +1 -1
- package/dist/core-DdtZHzsS.js +168 -0
- package/dist/core-DdtZHzsS.js.map +1 -0
- package/dist/{core-Cjl7GUu8.js → core-EMYSLzaT.js} +289 -259
- package/dist/core-EMYSLzaT.js.map +1 -0
- package/dist/core.es.mjs +48 -47
- package/dist/{custom-directives-7wAShnnd.js → custom-directives-Dr4C5lVV.js} +1 -1
- package/dist/custom-directives-Dr4C5lVV.js.map +1 -0
- package/dist/{devtools-D2fQLhDN.js → devtools-BhB2iDPT.js} +2 -2
- package/dist/devtools-BhB2iDPT.js.map +1 -0
- package/dist/devtools.es.mjs +1 -1
- package/dist/{dnd-B8EgyzaI.js → dnd-NwZBYh4l.js} +1 -1
- package/dist/dnd-NwZBYh4l.js.map +1 -0
- package/dist/dnd.es.mjs +1 -1
- package/dist/{env-NeVmr4Gf.js → env-CTdvLaH2.js} +1 -1
- package/dist/env-CTdvLaH2.js.map +1 -0
- package/dist/forms/create-form.d.ts.map +1 -1
- package/dist/forms/index.d.ts +3 -2
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/types.d.ts +46 -0
- package/dist/forms/types.d.ts.map +1 -1
- package/dist/forms/use-field.d.ts +34 -0
- package/dist/forms/use-field.d.ts.map +1 -0
- package/dist/forms/validators.d.ts +25 -0
- package/dist/forms/validators.d.ts.map +1 -1
- package/dist/forms-UcRHsYxC.js +227 -0
- package/dist/forms-UcRHsYxC.js.map +1 -0
- package/dist/forms.es.mjs +14 -12
- package/dist/full.d.ts +17 -26
- package/dist/full.d.ts.map +1 -1
- package/dist/full.es.mjs +206 -181
- package/dist/full.iife.js +33 -33
- package/dist/full.iife.js.map +1 -1
- package/dist/full.umd.js +33 -33
- package/dist/full.umd.js.map +1 -1
- package/dist/function-Cybd57JV.js +33 -0
- package/dist/function-Cybd57JV.js.map +1 -0
- package/dist/{i18n-BnnhTFOS.js → i18n-kuF6Ekj6.js} +3 -3
- package/dist/i18n-kuF6Ekj6.js.map +1 -0
- package/dist/i18n.es.mjs +1 -1
- package/dist/index.es.mjs +251 -228
- package/dist/media/breakpoints.d.ts.map +1 -1
- package/dist/media/types.d.ts +2 -2
- package/dist/media/types.d.ts.map +1 -1
- package/dist/{media-Di2Ta22s.js → media-i-fB5WxI.js} +3 -3
- package/dist/media-i-fB5WxI.js.map +1 -0
- package/dist/media.es.mjs +1 -1
- package/dist/{motion-qPj_TYGv.js → motion-BJsAuULb.js} +2 -2
- package/dist/motion-BJsAuULb.js.map +1 -0
- package/dist/motion.es.mjs +1 -1
- package/dist/{mount-SM07RUa6.js → mount-B4Y8bk8Z.js} +5 -5
- package/dist/mount-B4Y8bk8Z.js.map +1 -0
- package/dist/{platform-CPbCprb6.js → platform-Dw2gE3zI.js} +3 -3
- package/dist/{platform-CPbCprb6.js.map → platform-Dw2gE3zI.js.map} +1 -1
- package/dist/platform.es.mjs +2 -2
- package/dist/plugin/registry.d.ts.map +1 -1
- package/dist/{plugin-cPoOHFLY.js → plugin-C2WuC8SF.js} +20 -18
- package/dist/plugin-C2WuC8SF.js.map +1 -0
- package/dist/plugin.es.mjs +1 -1
- package/dist/reactive/async-data.d.ts +28 -3
- package/dist/reactive/async-data.d.ts.map +1 -1
- package/dist/reactive/computed.d.ts +3 -0
- package/dist/reactive/computed.d.ts.map +1 -1
- package/dist/reactive/effect.d.ts +3 -0
- package/dist/reactive/effect.d.ts.map +1 -1
- package/dist/reactive/http.d.ts +194 -0
- package/dist/reactive/http.d.ts.map +1 -0
- package/dist/reactive/index.d.ts +2 -2
- package/dist/reactive/index.d.ts.map +1 -1
- package/dist/reactive/pagination.d.ts +126 -0
- package/dist/reactive/pagination.d.ts.map +1 -0
- package/dist/reactive/polling.d.ts +55 -0
- package/dist/reactive/polling.d.ts.map +1 -0
- package/dist/reactive/readonly.d.ts +20 -1
- package/dist/reactive/readonly.d.ts.map +1 -1
- package/dist/reactive/rest.d.ts +293 -0
- package/dist/reactive/rest.d.ts.map +1 -0
- package/dist/reactive/scope.d.ts +140 -0
- package/dist/reactive/scope.d.ts.map +1 -0
- package/dist/reactive/signal.d.ts +16 -2
- package/dist/reactive/signal.d.ts.map +1 -1
- package/dist/reactive/to-value.d.ts +57 -0
- package/dist/reactive/to-value.d.ts.map +1 -0
- package/dist/reactive/websocket.d.ts +285 -0
- package/dist/reactive/websocket.d.ts.map +1 -0
- package/dist/reactive-DwkhUJfP.js +1148 -0
- package/dist/reactive-DwkhUJfP.js.map +1 -0
- package/dist/reactive.es.mjs +38 -19
- package/dist/{registry-CWf368tT.js → registry-B08iilIh.js} +1 -1
- package/dist/{registry-CWf368tT.js.map → registry-B08iilIh.js.map} +1 -1
- package/dist/router/constraints.d.ts.map +1 -1
- package/dist/router/index.d.ts +1 -1
- package/dist/router/index.d.ts.map +1 -1
- package/dist/router/router.d.ts.map +1 -1
- package/dist/router/state.d.ts +25 -2
- package/dist/router/state.d.ts.map +1 -1
- package/dist/router-CQikC9Ed.js +492 -0
- package/dist/router-CQikC9Ed.js.map +1 -0
- package/dist/router.es.mjs +9 -8
- package/dist/ssr/hydrate.d.ts.map +1 -1
- package/dist/{ssr-B2qd_WBB.js → ssr-_dAcGdzu.js} +4 -4
- package/dist/ssr-_dAcGdzu.js.map +1 -0
- package/dist/ssr.es.mjs +1 -1
- package/dist/store/persisted.d.ts.map +1 -1
- package/dist/{store-DWpyH6p5.js → store-Cb3gPRve.js} +7 -7
- package/dist/store-Cb3gPRve.js.map +1 -0
- package/dist/store.es.mjs +2 -2
- package/dist/storybook.es.mjs.map +1 -1
- package/dist/{testing-CsqjNUyy.js → testing-C5Sjfsna.js} +8 -8
- package/dist/testing-C5Sjfsna.js.map +1 -0
- package/dist/testing.es.mjs +1 -1
- package/dist/{type-guards-Do9DWgNp.js → type-guards-BMX2c0LP.js} +1 -1
- package/dist/{type-guards-Do9DWgNp.js.map → type-guards-BMX2c0LP.js.map} +1 -1
- package/dist/untrack-D0fnO5k2.js +36 -0
- package/dist/untrack-D0fnO5k2.js.map +1 -0
- package/dist/view/custom-directives.d.ts.map +1 -1
- package/dist/view.es.mjs +4 -4
- package/package.json +178 -177
- package/src/a11y/announce.ts +131 -131
- package/src/a11y/audit.ts +314 -314
- package/src/a11y/index.ts +68 -68
- package/src/a11y/media-preferences.ts +255 -255
- package/src/a11y/roving-tab-index.ts +164 -164
- package/src/a11y/skip-link.ts +255 -255
- package/src/a11y/trap-focus.ts +184 -184
- package/src/a11y/types.ts +183 -183
- package/src/component/component.ts +599 -599
- package/src/component/html.ts +153 -153
- package/src/component/index.ts +52 -52
- package/src/component/library.ts +540 -542
- package/src/component/scope.ts +212 -212
- package/src/component/types.ts +310 -310
- package/src/core/collection.ts +876 -707
- package/src/core/element.ts +1015 -981
- package/src/core/env.ts +60 -60
- package/src/core/index.ts +49 -49
- package/src/core/shared.ts +77 -62
- package/src/core/utils/index.ts +148 -148
- package/src/devtools/devtools.ts +410 -410
- package/src/devtools/index.ts +48 -48
- package/src/devtools/types.ts +104 -104
- package/src/dnd/draggable.ts +296 -296
- package/src/dnd/droppable.ts +228 -228
- package/src/dnd/index.ts +62 -62
- package/src/dnd/sortable.ts +307 -307
- package/src/dnd/types.ts +293 -293
- package/src/forms/create-form.ts +320 -278
- package/src/forms/index.ts +70 -65
- package/src/forms/types.ts +203 -154
- package/src/forms/use-field.ts +231 -0
- package/src/forms/validators.ts +294 -265
- package/src/full.ts +554 -480
- package/src/i18n/formatting.ts +67 -67
- package/src/i18n/i18n.ts +200 -200
- package/src/i18n/index.ts +67 -67
- package/src/i18n/translate.ts +182 -182
- package/src/i18n/types.ts +171 -171
- package/src/index.ts +108 -108
- package/src/media/battery.ts +116 -116
- package/src/media/breakpoints.ts +129 -131
- package/src/media/clipboard.ts +80 -80
- package/src/media/device-sensors.ts +158 -158
- package/src/media/geolocation.ts +119 -119
- package/src/media/index.ts +76 -76
- package/src/media/media-query.ts +92 -92
- package/src/media/network.ts +115 -115
- package/src/media/types.ts +177 -177
- package/src/media/viewport.ts +84 -84
- package/src/motion/index.ts +57 -57
- package/src/motion/morph.ts +151 -151
- package/src/motion/parallax.ts +120 -120
- package/src/motion/reduced-motion.ts +66 -66
- package/src/motion/types.ts +271 -271
- package/src/motion/typewriter.ts +164 -164
- package/src/plugin/index.ts +37 -37
- package/src/plugin/registry.ts +284 -269
- package/src/plugin/types.ts +137 -137
- package/src/reactive/async-data.ts +250 -29
- package/src/reactive/computed.ts +144 -130
- package/src/reactive/effect.ts +29 -6
- package/src/reactive/http.ts +790 -0
- package/src/reactive/index.ts +60 -0
- package/src/reactive/pagination.ts +317 -0
- package/src/reactive/polling.ts +179 -0
- package/src/reactive/readonly.ts +52 -8
- package/src/reactive/rest.ts +859 -0
- package/src/reactive/scope.ts +276 -0
- package/src/reactive/signal.ts +61 -1
- package/src/reactive/to-value.ts +71 -0
- package/src/reactive/websocket.ts +849 -0
- package/src/router/bq-link.ts +279 -279
- package/src/router/constraints.ts +204 -201
- package/src/router/index.ts +49 -49
- package/src/router/match.ts +312 -312
- package/src/router/path-pattern.ts +52 -52
- package/src/router/query.ts +38 -38
- package/src/router/router.ts +421 -402
- package/src/router/state.ts +51 -3
- package/src/router/types.ts +139 -139
- package/src/router/use-route.ts +68 -68
- package/src/router/utils.ts +157 -157
- package/src/security/index.ts +12 -12
- package/src/ssr/hydrate.ts +84 -82
- package/src/ssr/index.ts +70 -70
- package/src/ssr/render.ts +508 -508
- package/src/ssr/serialize.ts +296 -296
- package/src/ssr/types.ts +81 -81
- package/src/store/create-store.ts +467 -467
- package/src/store/index.ts +27 -27
- package/src/store/persisted.ts +245 -249
- package/src/store/types.ts +247 -247
- package/src/store/utils.ts +135 -135
- package/src/storybook/index.ts +480 -480
- package/src/testing/index.ts +42 -42
- package/src/testing/testing.ts +593 -593
- package/src/testing/types.ts +170 -170
- package/src/view/custom-directives.ts +28 -30
- package/src/view/evaluate.ts +292 -292
- package/src/view/process.ts +108 -108
- package/dist/a11y-C5QOVvRn.js.map +0 -1
- package/dist/component-CuuTijA6.js.map +0 -1
- package/dist/constraints-3lV9yyBw.js.map +0 -1
- package/dist/core-Cjl7GUu8.js.map +0 -1
- package/dist/core-DnlyjbF2.js +0 -112
- package/dist/core-DnlyjbF2.js.map +0 -1
- package/dist/custom-directives-7wAShnnd.js.map +0 -1
- package/dist/devtools-D2fQLhDN.js.map +0 -1
- package/dist/dnd-B8EgyzaI.js.map +0 -1
- package/dist/env-NeVmr4Gf.js.map +0 -1
- package/dist/forms-C3yovgH9.js +0 -141
- package/dist/forms-C3yovgH9.js.map +0 -1
- package/dist/i18n-BnnhTFOS.js.map +0 -1
- package/dist/media-Di2Ta22s.js.map +0 -1
- package/dist/motion-qPj_TYGv.js.map +0 -1
- package/dist/mount-SM07RUa6.js.map +0 -1
- package/dist/plugin-cPoOHFLY.js.map +0 -1
- package/dist/reactive-Cfv0RK6x.js +0 -233
- package/dist/reactive-Cfv0RK6x.js.map +0 -1
- package/dist/router-BrthaP_z.js +0 -473
- package/dist/router-BrthaP_z.js.map +0 -1
- package/dist/ssr-B2qd_WBB.js.map +0 -1
- package/dist/store-DWpyH6p5.js.map +0 -1
- package/dist/testing-CsqjNUyy.js.map +0 -1
- package/dist/untrack-DJVQQ2WM.js +0 -33
- package/dist/untrack-DJVQQ2WM.js.map +0 -1
package/src/a11y/types.ts
CHANGED
|
@@ -1,183 +1,183 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Type definitions for the bQuery accessibility (a11y) module.
|
|
3
|
-
*
|
|
4
|
-
* @module bquery/a11y
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import type { ReadonlySignal } from '../reactive/index';
|
|
8
|
-
|
|
9
|
-
// ─── Focus Trap ──────────────────────────────────────────────────────────────
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Options for configuring focus trapping behavior.
|
|
13
|
-
*/
|
|
14
|
-
export interface TrapFocusOptions {
|
|
15
|
-
/**
|
|
16
|
-
* Element to receive initial focus when the trap activates.
|
|
17
|
-
* If not provided, the first focusable element is focused.
|
|
18
|
-
*/
|
|
19
|
-
initialFocus?: HTMLElement | string;
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Element to receive focus when the trap is released.
|
|
23
|
-
* If not provided, focus returns to the element that was focused
|
|
24
|
-
* before the trap was activated.
|
|
25
|
-
*/
|
|
26
|
-
returnFocus?: HTMLElement | string;
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Whether pressing Escape releases the focus trap.
|
|
30
|
-
* @default true
|
|
31
|
-
*/
|
|
32
|
-
escapeDeactivates?: boolean;
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
* Callback invoked when the trap is deactivated via Escape.
|
|
36
|
-
*/
|
|
37
|
-
onEscape?: () => void;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Handle returned by `trapFocus()` for managing the focus trap lifecycle.
|
|
42
|
-
*/
|
|
43
|
-
export interface FocusTrapHandle {
|
|
44
|
-
/** Release the focus trap, restoring focus to the previous element. */
|
|
45
|
-
release: () => void;
|
|
46
|
-
/** Whether the trap is currently active. */
|
|
47
|
-
active: boolean;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
// ─── Screen Reader Announcements ─────────────────────────────────────────────
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Priority level for screen reader announcements.
|
|
54
|
-
* - `'polite'` — announced when the user is idle (default)
|
|
55
|
-
* - `'assertive'` — announced immediately, interrupting current speech
|
|
56
|
-
*/
|
|
57
|
-
export type AnnouncePriority = 'polite' | 'assertive';
|
|
58
|
-
|
|
59
|
-
// ─── Roving Tab Index ────────────────────────────────────────────────────────
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* Options for configuring roving tab index behavior.
|
|
63
|
-
*/
|
|
64
|
-
export interface RovingTabIndexOptions {
|
|
65
|
-
/**
|
|
66
|
-
* Whether navigation wraps around from last to first (and vice versa).
|
|
67
|
-
* @default true
|
|
68
|
-
*/
|
|
69
|
-
wrap?: boolean;
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* Orientation of the group — determines which arrow keys are used.
|
|
73
|
-
* - `'horizontal'` — Left/Right arrows
|
|
74
|
-
* - `'vertical'` — Up/Down arrows
|
|
75
|
-
* - `'both'` — All arrow keys
|
|
76
|
-
* @default 'vertical'
|
|
77
|
-
*/
|
|
78
|
-
orientation?: 'horizontal' | 'vertical' | 'both';
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Callback fired when the active item changes.
|
|
82
|
-
*/
|
|
83
|
-
onActivate?: (element: Element, index: number) => void;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* Handle returned by `rovingTabIndex()` for cleanup.
|
|
88
|
-
*/
|
|
89
|
-
export interface RovingTabIndexHandle {
|
|
90
|
-
/** Remove event listeners and restore original tabindex values. */
|
|
91
|
-
destroy: () => void;
|
|
92
|
-
/** Programmatically focus a specific item by index. */
|
|
93
|
-
focusItem: (index: number) => void;
|
|
94
|
-
/** Get the currently active index. */
|
|
95
|
-
activeIndex: () => number;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
// ─── Skip Link ───────────────────────────────────────────────────────────────
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* Options for configuring auto-generated skip navigation.
|
|
102
|
-
*/
|
|
103
|
-
export interface SkipLinkOptions {
|
|
104
|
-
/**
|
|
105
|
-
* Text content of the skip link.
|
|
106
|
-
* @default 'Skip to main content'
|
|
107
|
-
*/
|
|
108
|
-
text?: string;
|
|
109
|
-
|
|
110
|
-
/**
|
|
111
|
-
* CSS class applied to the skip link element.
|
|
112
|
-
* @default 'bq-skip-link'
|
|
113
|
-
*/
|
|
114
|
-
className?: string;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
/**
|
|
118
|
-
* Handle returned by `skipLink()` for cleanup.
|
|
119
|
-
*/
|
|
120
|
-
export interface SkipLinkHandle {
|
|
121
|
-
/** Remove the skip link from the DOM. */
|
|
122
|
-
destroy: () => void;
|
|
123
|
-
/**
|
|
124
|
-
* The created skip link element, or `null` when `skipLink()` is called in a
|
|
125
|
-
* non-DOM environment and returns a no-op handle.
|
|
126
|
-
*/
|
|
127
|
-
element: HTMLAnchorElement | null;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
// ─── Media Preferences ───────────────────────────────────────────────────────
|
|
131
|
-
|
|
132
|
-
/**
|
|
133
|
-
* Color scheme preference value.
|
|
134
|
-
*/
|
|
135
|
-
export type ColorScheme = 'light' | 'dark';
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
* Contrast preference value.
|
|
139
|
-
*/
|
|
140
|
-
export type ContrastPreference = 'no-preference' | 'more' | 'less' | 'custom';
|
|
141
|
-
|
|
142
|
-
/**
|
|
143
|
-
* Readonly media preference signal with an explicit cleanup hook.
|
|
144
|
-
*/
|
|
145
|
-
export interface MediaPreferenceSignal<T> extends ReadonlySignal<T> {
|
|
146
|
-
/** Releases underlying media-query listeners. Safe to call multiple times. */
|
|
147
|
-
destroy(): void;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
// ─── Accessibility Audit ─────────────────────────────────────────────────────
|
|
151
|
-
|
|
152
|
-
/**
|
|
153
|
-
* Severity level for audit findings.
|
|
154
|
-
*/
|
|
155
|
-
export type AuditSeverity = 'error' | 'warning' | 'info';
|
|
156
|
-
|
|
157
|
-
/**
|
|
158
|
-
* A single accessibility audit finding.
|
|
159
|
-
*/
|
|
160
|
-
export interface AuditFinding {
|
|
161
|
-
/** Severity level of the finding. */
|
|
162
|
-
severity: AuditSeverity;
|
|
163
|
-
/** Human-readable description of the issue. */
|
|
164
|
-
message: string;
|
|
165
|
-
/** The DOM element with the issue. */
|
|
166
|
-
element: Element;
|
|
167
|
-
/** The audit rule that triggered this finding. */
|
|
168
|
-
rule: string;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
/**
|
|
172
|
-
* Result of an accessibility audit.
|
|
173
|
-
*/
|
|
174
|
-
export interface AuditResult {
|
|
175
|
-
/** All findings from the audit. */
|
|
176
|
-
findings: AuditFinding[];
|
|
177
|
-
/** Number of errors found. */
|
|
178
|
-
errors: number;
|
|
179
|
-
/** Number of warnings found. */
|
|
180
|
-
warnings: number;
|
|
181
|
-
/** Whether the audit passed (no errors). */
|
|
182
|
-
passed: boolean;
|
|
183
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Type definitions for the bQuery accessibility (a11y) module.
|
|
3
|
+
*
|
|
4
|
+
* @module bquery/a11y
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { ReadonlySignal } from '../reactive/index';
|
|
8
|
+
|
|
9
|
+
// ─── Focus Trap ──────────────────────────────────────────────────────────────
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Options for configuring focus trapping behavior.
|
|
13
|
+
*/
|
|
14
|
+
export interface TrapFocusOptions {
|
|
15
|
+
/**
|
|
16
|
+
* Element to receive initial focus when the trap activates.
|
|
17
|
+
* If not provided, the first focusable element is focused.
|
|
18
|
+
*/
|
|
19
|
+
initialFocus?: HTMLElement | string;
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Element to receive focus when the trap is released.
|
|
23
|
+
* If not provided, focus returns to the element that was focused
|
|
24
|
+
* before the trap was activated.
|
|
25
|
+
*/
|
|
26
|
+
returnFocus?: HTMLElement | string;
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Whether pressing Escape releases the focus trap.
|
|
30
|
+
* @default true
|
|
31
|
+
*/
|
|
32
|
+
escapeDeactivates?: boolean;
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Callback invoked when the trap is deactivated via Escape.
|
|
36
|
+
*/
|
|
37
|
+
onEscape?: () => void;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Handle returned by `trapFocus()` for managing the focus trap lifecycle.
|
|
42
|
+
*/
|
|
43
|
+
export interface FocusTrapHandle {
|
|
44
|
+
/** Release the focus trap, restoring focus to the previous element. */
|
|
45
|
+
release: () => void;
|
|
46
|
+
/** Whether the trap is currently active. */
|
|
47
|
+
active: boolean;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
// ─── Screen Reader Announcements ─────────────────────────────────────────────
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Priority level for screen reader announcements.
|
|
54
|
+
* - `'polite'` — announced when the user is idle (default)
|
|
55
|
+
* - `'assertive'` — announced immediately, interrupting current speech
|
|
56
|
+
*/
|
|
57
|
+
export type AnnouncePriority = 'polite' | 'assertive';
|
|
58
|
+
|
|
59
|
+
// ─── Roving Tab Index ────────────────────────────────────────────────────────
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Options for configuring roving tab index behavior.
|
|
63
|
+
*/
|
|
64
|
+
export interface RovingTabIndexOptions {
|
|
65
|
+
/**
|
|
66
|
+
* Whether navigation wraps around from last to first (and vice versa).
|
|
67
|
+
* @default true
|
|
68
|
+
*/
|
|
69
|
+
wrap?: boolean;
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Orientation of the group — determines which arrow keys are used.
|
|
73
|
+
* - `'horizontal'` — Left/Right arrows
|
|
74
|
+
* - `'vertical'` — Up/Down arrows
|
|
75
|
+
* - `'both'` — All arrow keys
|
|
76
|
+
* @default 'vertical'
|
|
77
|
+
*/
|
|
78
|
+
orientation?: 'horizontal' | 'vertical' | 'both';
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Callback fired when the active item changes.
|
|
82
|
+
*/
|
|
83
|
+
onActivate?: (element: Element, index: number) => void;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Handle returned by `rovingTabIndex()` for cleanup.
|
|
88
|
+
*/
|
|
89
|
+
export interface RovingTabIndexHandle {
|
|
90
|
+
/** Remove event listeners and restore original tabindex values. */
|
|
91
|
+
destroy: () => void;
|
|
92
|
+
/** Programmatically focus a specific item by index. */
|
|
93
|
+
focusItem: (index: number) => void;
|
|
94
|
+
/** Get the currently active index. */
|
|
95
|
+
activeIndex: () => number;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
// ─── Skip Link ───────────────────────────────────────────────────────────────
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* Options for configuring auto-generated skip navigation.
|
|
102
|
+
*/
|
|
103
|
+
export interface SkipLinkOptions {
|
|
104
|
+
/**
|
|
105
|
+
* Text content of the skip link.
|
|
106
|
+
* @default 'Skip to main content'
|
|
107
|
+
*/
|
|
108
|
+
text?: string;
|
|
109
|
+
|
|
110
|
+
/**
|
|
111
|
+
* CSS class applied to the skip link element.
|
|
112
|
+
* @default 'bq-skip-link'
|
|
113
|
+
*/
|
|
114
|
+
className?: string;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* Handle returned by `skipLink()` for cleanup.
|
|
119
|
+
*/
|
|
120
|
+
export interface SkipLinkHandle {
|
|
121
|
+
/** Remove the skip link from the DOM. */
|
|
122
|
+
destroy: () => void;
|
|
123
|
+
/**
|
|
124
|
+
* The created skip link element, or `null` when `skipLink()` is called in a
|
|
125
|
+
* non-DOM environment and returns a no-op handle.
|
|
126
|
+
*/
|
|
127
|
+
element: HTMLAnchorElement | null;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
// ─── Media Preferences ───────────────────────────────────────────────────────
|
|
131
|
+
|
|
132
|
+
/**
|
|
133
|
+
* Color scheme preference value.
|
|
134
|
+
*/
|
|
135
|
+
export type ColorScheme = 'light' | 'dark';
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* Contrast preference value.
|
|
139
|
+
*/
|
|
140
|
+
export type ContrastPreference = 'no-preference' | 'more' | 'less' | 'custom';
|
|
141
|
+
|
|
142
|
+
/**
|
|
143
|
+
* Readonly media preference signal with an explicit cleanup hook.
|
|
144
|
+
*/
|
|
145
|
+
export interface MediaPreferenceSignal<T> extends ReadonlySignal<T> {
|
|
146
|
+
/** Releases underlying media-query listeners. Safe to call multiple times. */
|
|
147
|
+
destroy(): void;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
// ─── Accessibility Audit ─────────────────────────────────────────────────────
|
|
151
|
+
|
|
152
|
+
/**
|
|
153
|
+
* Severity level for audit findings.
|
|
154
|
+
*/
|
|
155
|
+
export type AuditSeverity = 'error' | 'warning' | 'info';
|
|
156
|
+
|
|
157
|
+
/**
|
|
158
|
+
* A single accessibility audit finding.
|
|
159
|
+
*/
|
|
160
|
+
export interface AuditFinding {
|
|
161
|
+
/** Severity level of the finding. */
|
|
162
|
+
severity: AuditSeverity;
|
|
163
|
+
/** Human-readable description of the issue. */
|
|
164
|
+
message: string;
|
|
165
|
+
/** The DOM element with the issue. */
|
|
166
|
+
element: Element;
|
|
167
|
+
/** The audit rule that triggered this finding. */
|
|
168
|
+
rule: string;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/**
|
|
172
|
+
* Result of an accessibility audit.
|
|
173
|
+
*/
|
|
174
|
+
export interface AuditResult {
|
|
175
|
+
/** All findings from the audit. */
|
|
176
|
+
findings: AuditFinding[];
|
|
177
|
+
/** Number of errors found. */
|
|
178
|
+
errors: number;
|
|
179
|
+
/** Number of warnings found. */
|
|
180
|
+
warnings: number;
|
|
181
|
+
/** Whether the audit passed (no errors). */
|
|
182
|
+
passed: boolean;
|
|
183
|
+
}
|