@vuetify/v0 0.0.15 → 0.0.18
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/dist/browser/index.js +5935 -5752
- package/dist/components/index.d.mts +4 -4
- package/dist/components/index.mjs +6 -6
- package/dist/{components-Cf1h368z.mjs → components-DRdenC8b.mjs} +723 -654
- package/dist/composables/index.d.mts +4 -3
- package/dist/composables/index.mjs +5 -4
- package/dist/composables-DG1MHp-R.mjs +2866 -0
- package/dist/constants/index.d.mts +1 -1
- package/dist/constants/index.mjs +3 -3
- package/dist/{globals-CqryJ9G3.mjs → globals-BGVqrlN7.mjs} +1 -1
- package/dist/{index-BPAr2atm.d.mts → index-B-jVvwsm.d.mts} +3 -2
- package/dist/{index-CkmnMjE3.d.mts → index-CH7DpIK8.d.mts} +128 -1344
- package/dist/index-DaX9-kmY.d.mts +1361 -0
- package/dist/index-oQuVnpOj.d.mts +2442 -0
- package/dist/index.d.mts +7 -6
- package/dist/index.mjs +8 -7
- package/dist/types/index.d.mts +1 -1
- package/dist/{composables-CrW3IMUM.mjs → useStep-DC_JvZpy.mjs} +2318 -5067
- package/dist/utilities/index.d.mts +3 -3
- package/dist/utilities/index.mjs +2 -2
- package/dist/{utilities-C6o-keMm.mjs → utilities-JxCe-nF2.mjs} +5 -1
- package/package.json +1 -1
- package/dist/index-CQcSUYj_.d.mts +0 -1120
- /package/dist/{constants-Xfszzyok.mjs → constants-DypzAkYp.mjs} +0 -0
- /package/dist/{htmlElements-BYo-fMlZ.mjs → htmlElements-CXObxj0V.mjs} +0 -0
- /package/dist/{index-BmxOG13-.d.mts → index-B9mKi4pr.d.mts} +0 -0
- /package/dist/{index-DY7-T630.d.mts → index-C5LQZd3v.d.mts} +0 -0
|
@@ -1,776 +1,14 @@
|
|
|
1
|
-
import { a as MaybeArray, i as ID } from "./index-
|
|
2
|
-
import {
|
|
1
|
+
import { a as MaybeArray, i as ID } from "./index-C5LQZd3v.mjs";
|
|
2
|
+
import { H as ContextTrinity, I as RegistryContext, L as RegistryContextOptions, M as SelectionTicket, R as RegistryOptions, S as GroupContext, T as GroupTicket, c as SingleContext, d as SingleTicket, k as SelectionContext, u as SingleOptions, z as RegistryTicket } from "./index-DaX9-kmY.mjs";
|
|
3
|
+
import { App, ComputedRef, InjectionKey, MaybeRef, MaybeRefOrGetter, Ref, ShallowRef, UnwrapNestedRefs, WatchSource } from "vue";
|
|
3
4
|
|
|
4
|
-
//#region src/composables/createTrinity/index.d.ts
|
|
5
|
-
|
|
6
|
-
type ContextTrinity<Z = unknown> = readonly [() => Z, (context?: Z, app?: App) => Z, Z];
|
|
7
|
-
/**
|
|
8
|
-
* Creates a new trinity for a context composable and its provider.
|
|
9
|
-
*
|
|
10
|
-
* @param useContext The function that retrieves/uses the context (typically named `useContext`).
|
|
11
|
-
* @param provideContext The function that provides the context to descendants.
|
|
12
|
-
* @param context The default context instance to use when no custom context is provided.
|
|
13
|
-
* @template Z The type of the context.
|
|
14
|
-
* @returns A readonly tuple containing: [useContext function, provideContext wrapper function, default context instance].
|
|
15
|
-
*
|
|
16
|
-
* @remarks The trinity pattern is a foundational pattern used throughout the codebase for creating reusable context systems. It provides three related elements:
|
|
17
|
-
*
|
|
18
|
-
* 1. A function to retrieve/use the context
|
|
19
|
-
* 2. A function to provide the context (with default value support)
|
|
20
|
-
* 3. The default context instance
|
|
21
|
-
*
|
|
22
|
-
* The returned tuple is readonly (using `as const`) to ensure proper type inference.
|
|
23
|
-
*
|
|
24
|
-
* @see https://0.vuetifyjs.com/composables/foundation/create-trinity#create-trinity
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```ts
|
|
28
|
-
* interface MyContext {
|
|
29
|
-
* foo: string
|
|
30
|
-
* bar: number
|
|
31
|
-
* }
|
|
32
|
-
*
|
|
33
|
-
* export function createMyFeature<E extends MyContext = MyContext>() {
|
|
34
|
-
* const [useContext, _provideContext] = createContext<E>('my-context')
|
|
35
|
-
*
|
|
36
|
-
* const context = { foo: 'hello', bar: 42 }
|
|
37
|
-
*
|
|
38
|
-
* function provideContext (_context: E = context, app?: App): E {
|
|
39
|
-
* return _provideContext(_context, app)
|
|
40
|
-
* }
|
|
41
|
-
*
|
|
42
|
-
* return createTrinity<E>(useContext, provideContext, context)
|
|
43
|
-
* }
|
|
44
|
-
* ```
|
|
45
|
-
*/
|
|
46
|
-
declare function createTrinity<Z = unknown>(useContext: () => Z, provideContext: (_context?: Z, app?: App) => Z, context: Z): ContextTrinity<Z>;
|
|
47
|
-
//#endregion
|
|
48
|
-
//#region src/composables/useRegistry/index.d.ts
|
|
49
|
-
interface RegistryTicket<V = unknown> {
|
|
50
|
-
/** The unique identifier. Is randomly generated if not provided. */
|
|
51
|
-
id: ID;
|
|
52
|
-
/**
|
|
53
|
-
* The index of the ticket in the registry.
|
|
54
|
-
*
|
|
55
|
-
* @remarks Automatically managed by the registry. Updated during reindexing. It's not recommended to manually set this.
|
|
56
|
-
*/
|
|
57
|
-
index: number;
|
|
58
|
-
/** The value associated with the ticket. If not provided, it defaults to the index. */
|
|
59
|
-
value: V;
|
|
60
|
-
/**
|
|
61
|
-
* Whether the value is derived from index.
|
|
62
|
-
*
|
|
63
|
-
* @remarks Set to true when no explicit value is provided during registration. It's not recommended to manually set this.
|
|
64
|
-
*/
|
|
65
|
-
valueIsIndex: boolean;
|
|
66
|
-
}
|
|
67
|
-
interface RegistryContext<Z extends RegistryTicket = RegistryTicket> {
|
|
68
|
-
/**
|
|
69
|
-
* The collection of tickets in the registry
|
|
70
|
-
*
|
|
71
|
-
* @template ID The type of the ticket ID.
|
|
72
|
-
* @template Z The type of the registry ticket.
|
|
73
|
-
*
|
|
74
|
-
* @remarks Exposed for read-only access and advanced use cases. **Warning:** Direct mutation may cause inconsistencies in indexes, catalogs, and caches. Always prefer using the provided methods (`register`, `unregister`, etc.) to maintain internal consistency.
|
|
75
|
-
*/
|
|
76
|
-
collection: Map<ID, Z>;
|
|
77
|
-
/**
|
|
78
|
-
* Clear the entire registry
|
|
79
|
-
*
|
|
80
|
-
* @remarks Removes all tickets from the registry. This operation invalidates cached results from `keys()`, `values()`, and `entries()`.
|
|
81
|
-
*
|
|
82
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#clear
|
|
83
|
-
*
|
|
84
|
-
* @example
|
|
85
|
-
* ```ts
|
|
86
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
87
|
-
*
|
|
88
|
-
* const registry = useRegistry()
|
|
89
|
-
*
|
|
90
|
-
* registry.register({ id: 'ticket-1' })
|
|
91
|
-
* registry.register({ id: 'ticket-2' })
|
|
92
|
-
*
|
|
93
|
-
* console.log(registry.size) // 2
|
|
94
|
-
*
|
|
95
|
-
* registry.clear()
|
|
96
|
-
*
|
|
97
|
-
* console.log(registry.size) // 0
|
|
98
|
-
* ```
|
|
99
|
-
*/
|
|
100
|
-
clear: () => void;
|
|
101
|
-
/**
|
|
102
|
-
* Check if a ticket exists by ID
|
|
103
|
-
*
|
|
104
|
-
* @param id The ID of the ticket to check.
|
|
105
|
-
* @remarks Calls `collection.has` internally.
|
|
106
|
-
*
|
|
107
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#has
|
|
108
|
-
*
|
|
109
|
-
* @example
|
|
110
|
-
* ```ts
|
|
111
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
112
|
-
*
|
|
113
|
-
* const registry = useRegistry()
|
|
114
|
-
*
|
|
115
|
-
* registry.register({ id: 'ticket-id' })
|
|
116
|
-
*
|
|
117
|
-
* const exists = registry.has('ticket-id') // true
|
|
118
|
-
* ```
|
|
119
|
-
*/
|
|
120
|
-
has: (id: ID) => boolean;
|
|
121
|
-
/**
|
|
122
|
-
* Get all registered IDs
|
|
123
|
-
*
|
|
124
|
-
* @remarks Calls `collection.keys` internally with caching. First call is O(n), subsequent calls are O(1) until cache invalidation.
|
|
125
|
-
*
|
|
126
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#keys
|
|
127
|
-
*
|
|
128
|
-
* @example
|
|
129
|
-
* ```ts
|
|
130
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
131
|
-
*
|
|
132
|
-
* const registry = useRegistry()
|
|
133
|
-
*
|
|
134
|
-
* registry.register({ id: 'ticket-1' })
|
|
135
|
-
* registry.register({ id: 'ticket-2' })
|
|
136
|
-
*
|
|
137
|
-
* const ids = registry.keys() // ['ticket-1', 'ticket-2']
|
|
138
|
-
* ```
|
|
139
|
-
*/
|
|
140
|
-
keys: () => ID[];
|
|
141
|
-
/**
|
|
142
|
-
* Browse for an ID(s) by value
|
|
143
|
-
*
|
|
144
|
-
* @param value The value to browse for.
|
|
145
|
-
* @remarks Returns a single ID or an array of IDs if multiple tickets share the same value.
|
|
146
|
-
*
|
|
147
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#browse
|
|
148
|
-
*
|
|
149
|
-
* @example
|
|
150
|
-
* ```ts
|
|
151
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
152
|
-
*
|
|
153
|
-
* const registry = useRegistry()
|
|
154
|
-
*
|
|
155
|
-
* registry.register({ id: 'ticket-1', value: 'common-value' })
|
|
156
|
-
* registry.register({ id: 'ticket-2', value: 'common-value' })
|
|
157
|
-
* registry.register({ id: 'ticket-3', value: 'unique-value' })
|
|
158
|
-
*
|
|
159
|
-
* const common = registry.browse('common-value') // ['ticket-1', 'ticket-2']
|
|
160
|
-
* const unique = registry.browse('unique-value') // 'ticket-3'
|
|
161
|
-
* ```
|
|
162
|
-
*/
|
|
163
|
-
browse: (value: unknown) => ID | ID[] | undefined;
|
|
164
|
-
/**
|
|
165
|
-
* lookup a ticket by index number
|
|
166
|
-
*
|
|
167
|
-
* @param index The index number to lookup.
|
|
168
|
-
* @remarks Maps do not support indexing by default, this method provides a way to retrieve an ID based on its index in the registry.
|
|
169
|
-
*
|
|
170
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#lookup
|
|
171
|
-
*
|
|
172
|
-
* @example
|
|
173
|
-
* ```ts
|
|
174
|
-
* const registry = useRegistry()
|
|
175
|
-
*
|
|
176
|
-
* registry.register({ id: 'ticket-1' })
|
|
177
|
-
* registry.register({ id: 'ticket-2' })
|
|
178
|
-
*
|
|
179
|
-
* const ticket1 = registry.lookup(0) // 'ticket-1'
|
|
180
|
-
* const ticket2 = registry.lookup(1) // 'ticket-2'
|
|
181
|
-
* ```
|
|
182
|
-
*/
|
|
183
|
-
lookup: (index: number) => ID | undefined;
|
|
184
|
-
/**
|
|
185
|
-
* Get a ticket by ID
|
|
186
|
-
*
|
|
187
|
-
* @param id The ID of the ticket to retrieve.
|
|
188
|
-
* @remarks Calls `collection.get` internally.
|
|
189
|
-
*
|
|
190
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#get
|
|
191
|
-
*
|
|
192
|
-
* @example
|
|
193
|
-
* ```ts
|
|
194
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
195
|
-
*
|
|
196
|
-
* const registry = useRegistry()
|
|
197
|
-
*
|
|
198
|
-
* registry.register({ id: 'ticket-id', value: 'some-value' })
|
|
199
|
-
*
|
|
200
|
-
* const ticket = registry.get('ticket-id') // { id: 'ticket-id', index: 0, value: 'some-value', ... }
|
|
201
|
-
* ```
|
|
202
|
-
*/
|
|
203
|
-
get: (id: ID) => Z | undefined;
|
|
204
|
-
/**
|
|
205
|
-
* Update or insert a ticket by ID
|
|
206
|
-
*
|
|
207
|
-
* @param id The ID of the ticket to upsert.
|
|
208
|
-
* @param ticket The partial ticket data to update or insert.
|
|
209
|
-
* @remarks If the ticket exists, it will be updated with the provided data. If it doesn't exist, a new ticket will be created with the given ID and data. This operation invalidates cached results from `keys()`, `values()`, and `entries()`.
|
|
210
|
-
*
|
|
211
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#upsert
|
|
212
|
-
*
|
|
213
|
-
* @example
|
|
214
|
-
* ```ts
|
|
215
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
216
|
-
*
|
|
217
|
-
* const registry = useRegistry()
|
|
218
|
-
*
|
|
219
|
-
* // Insert a new ticket
|
|
220
|
-
* const ticket = registry.upsert('ticket-id', { value: 'initial-value' })
|
|
221
|
-
*
|
|
222
|
-
* // Update the existing ticket
|
|
223
|
-
* const patched = registry.upsert('ticket-id', { value: 'updated-value' })
|
|
224
|
-
* ```
|
|
225
|
-
*/
|
|
226
|
-
upsert: (id: ID, ticket?: Partial<Z>) => Z;
|
|
227
|
-
/**
|
|
228
|
-
* Get all values of registered tickets
|
|
229
|
-
*
|
|
230
|
-
* @remarks Calls `collection.values` internally with caching. First call is O(n), subsequent calls are O(1) until cache invalidation.
|
|
231
|
-
*
|
|
232
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#values
|
|
233
|
-
*
|
|
234
|
-
* @example
|
|
235
|
-
* ```ts
|
|
236
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
237
|
-
*
|
|
238
|
-
* const registry = useRegistry()
|
|
239
|
-
*
|
|
240
|
-
* registry.register({ id: 'ticket-1', value: 'value-1' })
|
|
241
|
-
* registry.register({ id: 'ticket-2', value: 'value-2' })
|
|
242
|
-
*
|
|
243
|
-
* const values = registry.values() // [{ id: 'ticket-1', ... }, { id: 'ticket-2', ... }]
|
|
244
|
-
* ```
|
|
245
|
-
*/
|
|
246
|
-
values: () => Z[];
|
|
247
|
-
/**
|
|
248
|
-
* Get all entries of registered tickets
|
|
249
|
-
*
|
|
250
|
-
* @remarks Calls `collection.entries` internally with caching. First call is O(n), subsequent calls are O(1) until cache invalidation.
|
|
251
|
-
*
|
|
252
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#entries
|
|
253
|
-
*
|
|
254
|
-
* @example
|
|
255
|
-
* ```ts
|
|
256
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
257
|
-
*
|
|
258
|
-
* const registry = useRegistry()
|
|
259
|
-
*
|
|
260
|
-
* registry.register({ id: 'ticket-1', value: 'value-1' })
|
|
261
|
-
* registry.register({ id: 'ticket-2', value: 'value-2' })
|
|
262
|
-
*
|
|
263
|
-
* const entries = registry.entries() // [['ticket-1', { id: 'ticket-1', ... }], ['ticket-2', { id: 'ticket-2', ... }]]
|
|
264
|
-
* ```
|
|
265
|
-
*/
|
|
266
|
-
entries: () => [ID, Z][];
|
|
267
|
-
/**
|
|
268
|
-
* Register a new ticket
|
|
269
|
-
*
|
|
270
|
-
* @param ticket The partial ticket data to register.
|
|
271
|
-
* @remarks If no ID is provided, a unique ID will be generated automatically. If no value is provided, it defaults to the ticket's index. This operation invalidates cached results from `keys()`, `values()`, and `entries()`.
|
|
272
|
-
*
|
|
273
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#register
|
|
274
|
-
*
|
|
275
|
-
* @example
|
|
276
|
-
* ```ts
|
|
277
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
278
|
-
*
|
|
279
|
-
* const registry = useRegistry()
|
|
280
|
-
*
|
|
281
|
-
* const ticket = registry.register()
|
|
282
|
-
*
|
|
283
|
-
* console.log(ticket) // { id: 'generated-id', index: 0, value: 0, valueIsIndex: true }
|
|
284
|
-
* ```
|
|
285
|
-
*/
|
|
286
|
-
register: (ticket?: Partial<Z>) => Z;
|
|
287
|
-
/**
|
|
288
|
-
* Unregister an ticket by ID
|
|
289
|
-
*
|
|
290
|
-
* @param id The ID of the ticket to unregister.
|
|
291
|
-
* @remarks Removes the ticket from the registry and reindexes the remaining tickets. This operation invalidates cached results from `keys()`, `values()`, and `entries()`.
|
|
292
|
-
*
|
|
293
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#unregister
|
|
294
|
-
*
|
|
295
|
-
* @example
|
|
296
|
-
* ```ts
|
|
297
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
298
|
-
*
|
|
299
|
-
* const registry = useRegistry()
|
|
300
|
-
*
|
|
301
|
-
* registry.register({ id: 'ticket-id' })
|
|
302
|
-
*
|
|
303
|
-
* registry.unregister('ticket-id')
|
|
304
|
-
* ```
|
|
305
|
-
*/
|
|
306
|
-
unregister: (id: ID) => void;
|
|
307
|
-
/**
|
|
308
|
-
* Reset the index directory and update all tickets
|
|
309
|
-
*
|
|
310
|
-
* @remarks Rebuilds the internal index mapping and ensures all tickets have correct index values. This operation invalidates cached results from `keys()`, `values()`, and `entries()`.
|
|
311
|
-
*
|
|
312
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#reindex
|
|
313
|
-
*
|
|
314
|
-
* @example
|
|
315
|
-
* ```ts
|
|
316
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
317
|
-
*
|
|
318
|
-
* const registry = useRegistry()
|
|
319
|
-
*
|
|
320
|
-
* registry.register({ id: 'ticket-1' })
|
|
321
|
-
* registry.register({ id: 'ticket-2' })
|
|
322
|
-
*
|
|
323
|
-
* // After some operations that may affect indexing
|
|
324
|
-
* registry.reindex()
|
|
325
|
-
* ```
|
|
326
|
-
*/
|
|
327
|
-
reindex: () => void;
|
|
328
|
-
/**
|
|
329
|
-
* Seek for a ticket based on direction and optional predicate
|
|
330
|
-
*
|
|
331
|
-
* @param direction The direction to seek ('first' or 'last'). Defaults to 'first'.
|
|
332
|
-
* @param from The index to start seeking from. Defaults to the beginning or end based on direction.
|
|
333
|
-
* @param predicate An optional function to test each ticket. The first ticket that satisfies the predicate will be returned.
|
|
334
|
-
* @remarks This method allows for flexible searching within the registry, either from the start or end, and can filter tickets based on custom criteria.
|
|
335
|
-
*
|
|
336
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#seek
|
|
337
|
-
*
|
|
338
|
-
* @example
|
|
339
|
-
* ```ts
|
|
340
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
341
|
-
*
|
|
342
|
-
* const registry = useRegistry()
|
|
343
|
-
*
|
|
344
|
-
* registry.register({ id: 'ticket-1', value: 'apple' })
|
|
345
|
-
* registry.register({ id: 'ticket-2', value: 'banana' })
|
|
346
|
-
* registry.register({ id: 'ticket-3', value: 'cherry' })
|
|
347
|
-
*
|
|
348
|
-
* // Seek the first ticket
|
|
349
|
-
* const first = registry.seek('first')
|
|
350
|
-
*
|
|
351
|
-
* // Seek the last ticket
|
|
352
|
-
* const last = registry.seek('last')
|
|
353
|
-
*
|
|
354
|
-
* // Seek the first ticket with value 'banana'
|
|
355
|
-
* const banana = registry.seek('first', undefined, ticket => ticket.value === 'banana')
|
|
356
|
-
*
|
|
357
|
-
* // Seek from index 1 to find the next ticket with value starting with 'c'
|
|
358
|
-
* const cherry = registry.seek('first', 1, ticket => (ticket.value as string).startsWith('c'))
|
|
359
|
-
* ```
|
|
360
|
-
*/
|
|
361
|
-
seek: (direction?: 'first' | 'last', from?: number, predicate?: (ticket: Z) => boolean) => Z | undefined;
|
|
362
|
-
/**
|
|
363
|
-
* Listen for registry events
|
|
364
|
-
*
|
|
365
|
-
* @param event The name of the event to listen for.
|
|
366
|
-
* @param cb The callback function to invoke when the event is emitted.
|
|
367
|
-
* @remarks Must be enabled via the `events` option when creating the registry.
|
|
368
|
-
* Supported events:
|
|
369
|
-
* - `register:ticket` - Emitted when a ticket is registered, receives the ticket as argument
|
|
370
|
-
* - `unregister:ticket` - Emitted when a ticket is unregistered, receives the ticket as argument
|
|
371
|
-
* - `update:ticket` - Emitted when a ticket is updated, receives the updated ticket as argument
|
|
372
|
-
* - `clear:registry` - Emitted when the registry is cleared
|
|
373
|
-
*
|
|
374
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#on
|
|
375
|
-
*
|
|
376
|
-
* @example
|
|
377
|
-
* ```ts
|
|
378
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
379
|
-
*
|
|
380
|
-
* const registry = useRegistry({ events: true })
|
|
381
|
-
*
|
|
382
|
-
* registry.on('register:ticket', (ticket) => {
|
|
383
|
-
* console.log('Ticket registered:', ticket)
|
|
384
|
-
* })
|
|
385
|
-
*
|
|
386
|
-
* registry.register({ id: 'ticket-id' }) // Console: Ticket registered: { id: 'ticket-id', ... }
|
|
387
|
-
* ```
|
|
388
|
-
*/
|
|
389
|
-
on: (event: string, cb: Function) => void;
|
|
390
|
-
/**
|
|
391
|
-
* Stop listening for registry events
|
|
392
|
-
*
|
|
393
|
-
* @param event The name of the event to stop listening for.
|
|
394
|
-
* @param cb The callback function to remove.
|
|
395
|
-
* @remarks Must be enabled via the `events` option when creating the registry.
|
|
396
|
-
*
|
|
397
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#off
|
|
398
|
-
*
|
|
399
|
-
* @example
|
|
400
|
-
* ```ts
|
|
401
|
-
* import { onScopeDispose } from 'vue'
|
|
402
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
403
|
-
*
|
|
404
|
-
* const registry = useRegistry({ events: true })
|
|
405
|
-
*
|
|
406
|
-
* function onRegister(ticket) {
|
|
407
|
-
* console.log('Ticket registered:', ticket)
|
|
408
|
-
* }
|
|
409
|
-
*
|
|
410
|
-
* registry.on('register:ticket', onRegister)
|
|
411
|
-
*
|
|
412
|
-
* registry.register({ id: 'ticket-id' }) // Console: Ticket registered: { id: 'ticket-id', ... }
|
|
413
|
-
*
|
|
414
|
-
* onScopeDispose(() => {
|
|
415
|
-
* registry.off('register:ticket', onRegister)
|
|
416
|
-
* })
|
|
417
|
-
* ```
|
|
418
|
-
*/
|
|
419
|
-
off: (event: string, cb: Function) => void;
|
|
420
|
-
/**
|
|
421
|
-
* Emit an event with data
|
|
422
|
-
*
|
|
423
|
-
* @param event The name of the event to emit.
|
|
424
|
-
* @param data The data to pass to event listeners.
|
|
425
|
-
* @remarks Must be enabled via the `events` option when creating the registry.
|
|
426
|
-
*
|
|
427
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#emit
|
|
428
|
-
*
|
|
429
|
-
* @example
|
|
430
|
-
* ```ts
|
|
431
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
432
|
-
*
|
|
433
|
-
* const registry = useRegistry({ events: true })
|
|
434
|
-
*
|
|
435
|
-
* registry.on('custom-event', (data) => {
|
|
436
|
-
* console.log('Custom event received:', data)
|
|
437
|
-
* })
|
|
438
|
-
*
|
|
439
|
-
* registry.emit('custom-event', { message: 'Hello, World!' }) // Console: Custom event received: { message: 'Hello, World!' }
|
|
440
|
-
* ```
|
|
441
|
-
*/
|
|
442
|
-
emit: (event: string, data: unknown) => void;
|
|
443
|
-
/**
|
|
444
|
-
* Clears the registry and removes all listeners
|
|
445
|
-
*
|
|
446
|
-
* @remarks Disposes of the registry by clearing all tickets and removing all event listeners.
|
|
447
|
-
*
|
|
448
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#dispose
|
|
449
|
-
*
|
|
450
|
-
* @example
|
|
451
|
-
* ```ts
|
|
452
|
-
* import { onScopeDispose } from 'vue'
|
|
453
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
454
|
-
*
|
|
455
|
-
* const registry = useRegistry({ events: true })
|
|
456
|
-
*
|
|
457
|
-
* registry.register({ id: 'ticket-id' })
|
|
458
|
-
*
|
|
459
|
-
* onScopeDispose(() => {
|
|
460
|
-
* registry.dispose()
|
|
461
|
-
* })
|
|
462
|
-
* ```
|
|
463
|
-
*/
|
|
464
|
-
dispose: () => void;
|
|
465
|
-
/**
|
|
466
|
-
* Onboard multiple tickets at once
|
|
467
|
-
*
|
|
468
|
-
* @param registrations An array of partial ticket data to register.
|
|
469
|
-
* @remarks Registers multiple tickets in a single operation and returns the array of registered tickets.
|
|
470
|
-
*
|
|
471
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#onboard
|
|
472
|
-
*
|
|
473
|
-
* @example
|
|
474
|
-
* ```ts
|
|
475
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
476
|
-
*
|
|
477
|
-
* const registry = useRegistry()
|
|
478
|
-
*
|
|
479
|
-
* const tickets = registry.onboard([
|
|
480
|
-
* { id: 'ticket-1', value: 'value-1' },
|
|
481
|
-
* { id: 'ticket-2', value: 'value-2' },
|
|
482
|
-
* ])
|
|
483
|
-
*
|
|
484
|
-
* console.log(tickets) // [{ id: 'ticket-1', ... }, { id: 'ticket-2', ... }]
|
|
485
|
-
* ```
|
|
486
|
-
*/
|
|
487
|
-
onboard: (registrations: Partial<Z>[]) => Z[];
|
|
488
|
-
/**
|
|
489
|
-
* Offboard multiple tickets at once
|
|
490
|
-
*
|
|
491
|
-
* @param ids An array of ticket IDs to unregister.
|
|
492
|
-
* @remarks Unregisters multiple tickets in a single operation with optimized reindexing.
|
|
493
|
-
*
|
|
494
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#offboard
|
|
495
|
-
*
|
|
496
|
-
* @example
|
|
497
|
-
* ```ts
|
|
498
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
499
|
-
*
|
|
500
|
-
* const registry = useRegistry()
|
|
501
|
-
*
|
|
502
|
-
* registry.onboard([
|
|
503
|
-
* { id: 'ticket-1', value: 'value-1' },
|
|
504
|
-
* { id: 'ticket-2', value: 'value-2' },
|
|
505
|
-
* { id: 'ticket-3', value: 'value-3' },
|
|
506
|
-
* ])
|
|
507
|
-
*
|
|
508
|
-
* registry.offboard(['ticket-1', 'ticket-3'])
|
|
509
|
-
*
|
|
510
|
-
* console.log(registry.size) // 1
|
|
511
|
-
* ```
|
|
512
|
-
*/
|
|
513
|
-
offboard: (ids: ID[]) => void;
|
|
514
|
-
/**
|
|
515
|
-
* The number of tickets in the registry
|
|
516
|
-
*
|
|
517
|
-
* @remarks Reflects the current size of the internal ticket collection.
|
|
518
|
-
*
|
|
519
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#size
|
|
520
|
-
*
|
|
521
|
-
* @example
|
|
522
|
-
* ```ts
|
|
523
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
524
|
-
*
|
|
525
|
-
* const registry = useRegistry()
|
|
526
|
-
*
|
|
527
|
-
* registry.register({ id: 'ticket-1' })
|
|
528
|
-
* registry.register({ id: 'ticket-2' })
|
|
529
|
-
*
|
|
530
|
-
* console.log(registry.size) // 2
|
|
531
|
-
* ```
|
|
532
|
-
*/
|
|
533
|
-
size: number;
|
|
534
|
-
}
|
|
535
|
-
interface RegistryOptions {
|
|
536
|
-
/**
|
|
537
|
-
* Enable event emission for registry operations
|
|
538
|
-
*
|
|
539
|
-
* @default false
|
|
540
|
-
* @remarks When enabled, the registry will emit events for operations like registration and unregistration. Listeners can be added using the `on` method.
|
|
541
|
-
*
|
|
542
|
-
* @example
|
|
543
|
-
* ```ts
|
|
544
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
545
|
-
*
|
|
546
|
-
* const registry = useRegistry({ events: true })
|
|
547
|
-
*
|
|
548
|
-
* registry.on('register:ticket', (ticket) => {
|
|
549
|
-
* console.log('Ticket registered:', ticket)
|
|
550
|
-
* })
|
|
551
|
-
*
|
|
552
|
-
* registry.register({ id: 'ticket-id' }) // Console: Ticket registered: { id: 'ticket-id', ... }
|
|
553
|
-
* ```
|
|
554
|
-
*/
|
|
555
|
-
events?: boolean;
|
|
556
|
-
}
|
|
557
|
-
interface RegistryContextOptions extends RegistryOptions {
|
|
558
|
-
namespace?: string;
|
|
559
|
-
}
|
|
560
|
-
/**
|
|
561
|
-
* Creates a new registry instance.
|
|
562
|
-
*
|
|
563
|
-
* @param options The options for the registry instance.
|
|
564
|
-
* @template Z The type of registry ticket that extends RegistryTicket. Use this to add custom properties to tickets.
|
|
565
|
-
* @template E The type of registry context that extends RegistryContext<Z>. Use this when extending the registry with additional methods.
|
|
566
|
-
* @returns A new registry instance.
|
|
567
|
-
*
|
|
568
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#use-registry
|
|
569
|
-
*
|
|
570
|
-
* @example
|
|
571
|
-
* ```ts
|
|
572
|
-
* import { useRegistry } from '@vuetify/v0'
|
|
573
|
-
*
|
|
574
|
-
* const registry = useRegistry()
|
|
575
|
-
*
|
|
576
|
-
* const ticket1 = registry.register({ id: 'user-1', value: { name: 'John' } })
|
|
577
|
-
* const ticket2 = registry.register({ id: 'user-2', value: { name: 'Jane' } })
|
|
578
|
-
*
|
|
579
|
-
* console.log(registry.size) // 2
|
|
580
|
-
* console.log(registry.get('user-1')) // { id: 'user-1', index: 0, value: { name: 'John' }, ... }
|
|
581
|
-
* ```
|
|
582
|
-
*/
|
|
583
|
-
declare function useRegistry<Z extends RegistryTicket = RegistryTicket, E extends RegistryContext<Z> = RegistryContext<Z>>(options?: RegistryOptions): E;
|
|
584
|
-
/**
|
|
585
|
-
* Creates a new registry context.
|
|
586
|
-
*
|
|
587
|
-
* @param namespace The namespace for the registry context.
|
|
588
|
-
* @param options The options for the registry context.
|
|
589
|
-
* @template Z The type of registry ticket that extends RegistryTicket. Use this to add custom properties to tickets.
|
|
590
|
-
* @template E The type of registry context that extends RegistryContext<Z>. Use this when extending the registry with additional methods.
|
|
591
|
-
* @returns A new registry context.
|
|
592
|
-
*
|
|
593
|
-
* @see https://0.vuetifyjs.com/composables/registration/use-registry#create-registry-context
|
|
594
|
-
*
|
|
595
|
-
* @example
|
|
596
|
-
* ```ts
|
|
597
|
-
* import { createRegistryContext } from '@vuetify/v0'
|
|
598
|
-
*
|
|
599
|
-
* // With default namespace 'v0:registry'
|
|
600
|
-
* export const [useItems, provideItems, items] = createRegistryContext()
|
|
601
|
-
*
|
|
602
|
-
* // Or with custom namespace
|
|
603
|
-
* export const [useItems, provideItems, items] = createRegistryContext({ namespace: 'my-items' })
|
|
604
|
-
*
|
|
605
|
-
* // In a parent component:
|
|
606
|
-
* provideItems()
|
|
607
|
-
*
|
|
608
|
-
* // In a child component:
|
|
609
|
-
* const items = useItems()
|
|
610
|
-
* items.register({ id: 'item-1', value: 'Value 1' })
|
|
611
|
-
* ```
|
|
612
|
-
*/
|
|
613
|
-
declare function createRegistryContext<Z extends RegistryTicket = RegistryTicket, E extends RegistryContext<Z> = RegistryContext<Z>>(_options?: RegistryContextOptions): ContextTrinity<E>;
|
|
614
|
-
//#endregion
|
|
615
|
-
//#region src/composables/useSelection/index.d.ts
|
|
616
|
-
interface SelectionTicket<V = unknown> extends RegistryTicket<V> {
|
|
617
|
-
/** Disabled state of the ticket */
|
|
618
|
-
disabled: MaybeRef<boolean>;
|
|
619
|
-
/** Whether the ticket is currently selected */
|
|
620
|
-
isSelected: Readonly<Ref<boolean, boolean>>;
|
|
621
|
-
/** Select self */
|
|
622
|
-
select: () => void;
|
|
623
|
-
/** Unselect self */
|
|
624
|
-
unselect: () => void;
|
|
625
|
-
/** Toggle self on and off */
|
|
626
|
-
toggle: () => void;
|
|
627
|
-
}
|
|
628
|
-
interface SelectionContext<Z extends SelectionTicket> extends RegistryContext<Z> {
|
|
629
|
-
/** Set of selected ticket IDs */
|
|
630
|
-
selectedIds: Reactive<Set<ID>>;
|
|
631
|
-
/** Set of selected ticket instances */
|
|
632
|
-
selectedItems: ComputedRef<Set<Z>>;
|
|
633
|
-
/** Set of selected ticket values */
|
|
634
|
-
selectedValues: ComputedRef<Set<unknown>>;
|
|
635
|
-
/** Disable state for the entire selection instance */
|
|
636
|
-
disabled: MaybeRef<boolean>;
|
|
637
|
-
/** Clear all selected IDs and reindexes */
|
|
638
|
-
reset: () => void;
|
|
639
|
-
/** Select a ticket by ID (Toggle ON) */
|
|
640
|
-
select: (id: ID) => void;
|
|
641
|
-
/** Unselect a ticket by ID (Toggle OFF) */
|
|
642
|
-
unselect: (id: ID) => void;
|
|
643
|
-
/** Toggles a ticket ON and OFF by ID */
|
|
644
|
-
toggle: (id: ID) => void;
|
|
645
|
-
/** Check if a ticket is selected by ID */
|
|
646
|
-
selected: (id: ID) => boolean;
|
|
647
|
-
/** Mandates selected ID based on "mandatory" Option */
|
|
648
|
-
mandate: () => void;
|
|
649
|
-
}
|
|
650
|
-
interface SelectionOptions extends RegistryOptions {
|
|
651
|
-
/** When true, the entire selection instance is disabled. */
|
|
652
|
-
disabled?: MaybeRef<boolean>;
|
|
653
|
-
/**
|
|
654
|
-
* When true, newly registered items are automatically selected if not disabled.
|
|
655
|
-
* Useful for pre-selecting items in multi-select scenarios.
|
|
656
|
-
*/
|
|
657
|
-
enroll?: boolean;
|
|
658
|
-
/**
|
|
659
|
-
* Controls mandatory selection behavior:
|
|
660
|
-
* - `false` (default): No mandatory selection enforcement
|
|
661
|
-
* - `true`: Prevents deselecting the last selected item (user must always have one selected)
|
|
662
|
-
* - `'force'`: Automatically selects the first non-disabled item on registration
|
|
663
|
-
*/
|
|
664
|
-
mandatory?: boolean | 'force';
|
|
665
|
-
/** When true, treats the selection as an array */
|
|
666
|
-
multiple?: boolean;
|
|
667
|
-
}
|
|
668
|
-
interface SelectionContextOptions extends SelectionOptions {
|
|
669
|
-
namespace?: string;
|
|
670
|
-
}
|
|
671
|
-
/**
|
|
672
|
-
* Creates a new selection instance for managing multiple selected items.
|
|
673
|
-
*
|
|
674
|
-
* Extends `useRegistry` with selection tracking via a reactive `Set` of selected IDs.
|
|
675
|
-
* Supports disabled items, mandatory selection enforcement, and auto-enrollment.
|
|
676
|
-
*
|
|
677
|
-
* @param options The options for the selection instance.
|
|
678
|
-
* @template Z The type of the selection ticket.
|
|
679
|
-
* @template E The type of the selection context.
|
|
680
|
-
* @returns A new selection instance with selection management methods.
|
|
681
|
-
*
|
|
682
|
-
* @remarks
|
|
683
|
-
* **Key Features:**
|
|
684
|
-
* - Multi-selection support (unlike `useSingle` which enforces single selection)
|
|
685
|
-
* - Set-based `selectedIds` tracking for efficient lookups
|
|
686
|
-
* - Computed `selectedItems` and `selectedValues` for reactive access
|
|
687
|
-
* - Each ticket gets `isSelected`, `select()`, `unselect()`, and `toggle()` methods
|
|
688
|
-
* - Disabled items cannot be selected
|
|
689
|
-
* - Mandatory mode prevents deselecting the last item
|
|
690
|
-
* - Force mode auto-selects first non-disabled item on registration
|
|
691
|
-
* - Enroll option auto-selects all non-disabled items on registration
|
|
692
|
-
*
|
|
693
|
-
* **Inheritance Chain:**
|
|
694
|
-
* `useRegistry` → `createSelection` → `createSingle`/`createGroup` → `createStep`
|
|
695
|
-
*
|
|
696
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-selection
|
|
697
|
-
*
|
|
698
|
-
* @example
|
|
699
|
-
* ```ts
|
|
700
|
-
* import { createSelection } from '@vuetify/v0'
|
|
701
|
-
*
|
|
702
|
-
* const selection = createSelection({ mandatory: true })
|
|
703
|
-
*
|
|
704
|
-
* selection.onboard([
|
|
705
|
-
* { id: 'item-1', value: 'Item 1' },
|
|
706
|
-
* { id: 'item-2', value: 'Item 2', disabled: true },
|
|
707
|
-
* { id: 'item-3', value: 'Item 3' },
|
|
708
|
-
* ])
|
|
709
|
-
*
|
|
710
|
-
* selection.select('item-1')
|
|
711
|
-
* selection.select('item-3')
|
|
712
|
-
*
|
|
713
|
-
* console.log(selection.selectedIds) // Set { 'item-1', 'item-3' }
|
|
714
|
-
* console.log(Array.from(selection.selectedValues.value)) // ['Item 1', 'Item 3']
|
|
715
|
-
* ```
|
|
716
|
-
*/
|
|
717
|
-
declare function createSelection<Z extends SelectionTicket = SelectionTicket, E extends SelectionContext<Z> = SelectionContext<Z>>(_options?: SelectionOptions): E;
|
|
718
|
-
/**
|
|
719
|
-
* Creates a new selection context.
|
|
720
|
-
*
|
|
721
|
-
* @param options The options for the selection context.
|
|
722
|
-
* @template Z The type of the selection ticket.
|
|
723
|
-
* @template E The type of the selection context.
|
|
724
|
-
* @returns A new selection context.
|
|
725
|
-
*
|
|
726
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-selection
|
|
727
|
-
*
|
|
728
|
-
* @example
|
|
729
|
-
* ```ts
|
|
730
|
-
* import { createSelectionContext } from '@vuetify/v0'
|
|
731
|
-
*
|
|
732
|
-
* // With default namespace 'v0:selection'
|
|
733
|
-
* export const [useCheckboxes, provideCheckboxes, checkboxes] = createSelectionContext()
|
|
734
|
-
*
|
|
735
|
-
* // Or with custom namespace
|
|
736
|
-
* export const [useCheckboxes, provideCheckboxes, checkboxes] = createSelectionContext({ namespace: 'checkboxes' })
|
|
737
|
-
*
|
|
738
|
-
* // In a parent component:
|
|
739
|
-
* provideCheckboxes()
|
|
740
|
-
*
|
|
741
|
-
* // In a child component:
|
|
742
|
-
* const checkboxes = useCheckboxes()
|
|
743
|
-
* checkboxes.select('checkbox-1')
|
|
744
|
-
* ```
|
|
745
|
-
*/
|
|
746
|
-
declare function createSelectionContext<Z extends SelectionTicket = SelectionTicket, E extends SelectionContext<Z> = SelectionContext<Z>>(_options?: SelectionContextOptions): ContextTrinity<E>;
|
|
747
|
-
/**
|
|
748
|
-
* Returns the current selection instance.
|
|
749
|
-
*
|
|
750
|
-
* @param namespace The namespace for the selection context. Defaults to `'v0:selection'`.
|
|
751
|
-
* @returns The current selection instance.
|
|
752
|
-
*
|
|
753
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-selection
|
|
754
|
-
*
|
|
755
|
-
* @example
|
|
756
|
-
* ```vue
|
|
757
|
-
* <script setup lang="ts">
|
|
758
|
-
* import { useSelection } from '@vuetify/v0'
|
|
759
|
-
*
|
|
760
|
-
* const selection = useSelection()
|
|
761
|
-
* </script>
|
|
762
|
-
*
|
|
763
|
-
* <template>
|
|
764
|
-
* <div>
|
|
765
|
-
* <p>Selected: {{ selection.selectedIds.size }}</p>
|
|
766
|
-
* </div>
|
|
767
|
-
* </template>
|
|
768
|
-
* ```
|
|
769
|
-
*/
|
|
770
|
-
declare function useSelection<Z extends SelectionTicket = SelectionTicket, E extends SelectionContext<Z> = SelectionContext<Z>>(namespace?: string): E;
|
|
771
|
-
//#endregion
|
|
772
5
|
//#region src/composables/createContext/index.d.ts
|
|
6
|
+
|
|
773
7
|
type ContextKey<Z> = InjectionKey<Z> | string;
|
|
8
|
+
interface CreateContextOptions {
|
|
9
|
+
/** Optional suffix to append to the runtime key */
|
|
10
|
+
suffix?: string;
|
|
11
|
+
}
|
|
774
12
|
/**
|
|
775
13
|
* Injects a context provided by an ancestor component.
|
|
776
14
|
*
|
|
@@ -823,8 +61,10 @@ declare function provideContext<Z>(key: ContextKey<Z>, context: Z, app?: App): Z
|
|
|
823
61
|
/**
|
|
824
62
|
* Creates a new context for providing and injecting data.
|
|
825
63
|
*
|
|
826
|
-
*
|
|
827
|
-
*
|
|
64
|
+
* Supports two modes:
|
|
65
|
+
* - **Static key mode**: Pass a string/symbol key. The key is fixed at creation time.
|
|
66
|
+
* - **Dynamic key mode**: Pass nothing or an options object. The key is provided at runtime.
|
|
67
|
+
*
|
|
828
68
|
* @template Z The type of the context.
|
|
829
69
|
* @returns A tuple containing the `useContext` and `provideContext` functions.
|
|
830
70
|
*
|
|
@@ -833,14 +73,24 @@ declare function provideContext<Z>(key: ContextKey<Z>, context: Z, app?: App): Z
|
|
|
833
73
|
*
|
|
834
74
|
* @example
|
|
835
75
|
* ```ts
|
|
836
|
-
* //
|
|
837
|
-
* const [
|
|
76
|
+
* // Static key mode - key fixed at creation
|
|
77
|
+
* const [useContext, provideContext] = createContext<ThemeContext>('v0:theme')
|
|
78
|
+
* provideContext(context) // provides to 'v0:theme'
|
|
79
|
+
* useContext() // injects from 'v0:theme'
|
|
838
80
|
*
|
|
839
|
-
* //
|
|
840
|
-
* const [
|
|
81
|
+
* // Dynamic key mode - key provided at runtime
|
|
82
|
+
* const [useContext, provideContext] = createContext<PanelContext>()
|
|
83
|
+
* provideContext('v0:panel', context) // provides to 'v0:panel'
|
|
84
|
+
* useContext('v0:panel') // injects from 'v0:panel'
|
|
85
|
+
*
|
|
86
|
+
* // Dynamic key with suffix - suffix appended to runtime key
|
|
87
|
+
* const [useContext, provideContext] = createContext<ItemContext>({ suffix: 'item' })
|
|
88
|
+
* provideContext('v0:panel', context) // provides to 'v0:panel:item'
|
|
89
|
+
* useContext('v0:panel') // injects from 'v0:panel:item'
|
|
841
90
|
* ```
|
|
842
91
|
*/
|
|
843
|
-
declare function createContext<Z>(
|
|
92
|
+
declare function createContext<Z>(key: ContextKey<Z>, defaultValue?: Z): readonly [() => Z, (context: Z, app?: App) => Z];
|
|
93
|
+
declare function createContext<Z>(options?: CreateContextOptions): readonly [(key: string, defaultValue?: Z) => Z, (key: string, context: Z, app?: App) => Z];
|
|
844
94
|
//#endregion
|
|
845
95
|
//#region src/composables/createPlugin/index.d.ts
|
|
846
96
|
interface PluginOptions {
|
|
@@ -1155,177 +405,6 @@ declare function useWindowEventListener<E extends keyof WindowEventMap>(event: M
|
|
|
1155
405
|
*/
|
|
1156
406
|
declare function useDocumentEventListener<E extends keyof DocumentEventMap>(event: MaybeRefOrGetter<MaybeArray<E>>, listener: MaybeRef<MaybeArray<(this: Document, event: DocumentEventMap[E]) => any>>, options?: MaybeRefOrGetter<boolean | AddEventListenerOptions>): CleanupFunction;
|
|
1157
407
|
//#endregion
|
|
1158
|
-
//#region src/composables/useGroup/index.d.ts
|
|
1159
|
-
interface GroupTicket<V = unknown> extends SelectionTicket<V> {
|
|
1160
|
-
/** Whether the ticket should start in mixed/indeterminate state */
|
|
1161
|
-
indeterminate?: MaybeRef<boolean>;
|
|
1162
|
-
/** Whether the ticket is in a mixed/indeterminate state */
|
|
1163
|
-
isMixed: Readonly<Ref<boolean>>;
|
|
1164
|
-
/** Set self to mixed/indeterminate state */
|
|
1165
|
-
mix: () => void;
|
|
1166
|
-
/** Clear mixed/indeterminate state from self */
|
|
1167
|
-
unmix: () => void;
|
|
1168
|
-
}
|
|
1169
|
-
interface GroupContext<Z extends GroupTicket> extends SelectionContext<Z> {
|
|
1170
|
-
selectedIndexes: ComputedRef<Set<number>>;
|
|
1171
|
-
/** Select one or more Tickets by ID */
|
|
1172
|
-
select: (ids: ID | ID[]) => void;
|
|
1173
|
-
/** Unselect one or more Tickets by ID */
|
|
1174
|
-
unselect: (ids: ID | ID[]) => void;
|
|
1175
|
-
/** Toggle one or more Tickets ON and OFF by ID */
|
|
1176
|
-
toggle: (ids: ID | ID[]) => void;
|
|
1177
|
-
/** Set of mixed/indeterminate ticket IDs */
|
|
1178
|
-
mixedIds: Reactive<Set<ID>>;
|
|
1179
|
-
/** Set of mixed/indeterminate ticket instances */
|
|
1180
|
-
mixedItems: ComputedRef<Set<Z>>;
|
|
1181
|
-
/** Set one or more Tickets to mixed/indeterminate state by ID */
|
|
1182
|
-
mix: (ids: ID | ID[]) => void;
|
|
1183
|
-
/** Clear mixed/indeterminate state from one or more Tickets by ID */
|
|
1184
|
-
unmix: (ids: ID | ID[]) => void;
|
|
1185
|
-
/** Check if a ticket is in mixed/indeterminate state by ID */
|
|
1186
|
-
mixed: (id: ID) => boolean;
|
|
1187
|
-
/** Whether no items are currently selected */
|
|
1188
|
-
isNoneSelected: ComputedRef<boolean>;
|
|
1189
|
-
/** Whether all selectable (non-disabled) items are selected */
|
|
1190
|
-
isAllSelected: ComputedRef<boolean>;
|
|
1191
|
-
/** Whether some but not all selectable items are selected */
|
|
1192
|
-
isMixed: ComputedRef<boolean>;
|
|
1193
|
-
/** Select all selectable (non-disabled) items */
|
|
1194
|
-
selectAll: () => void;
|
|
1195
|
-
/** Unselect all items (respects mandatory option) */
|
|
1196
|
-
unselectAll: () => void;
|
|
1197
|
-
/** Toggle between all selected and none selected */
|
|
1198
|
-
toggleAll: () => void;
|
|
1199
|
-
}
|
|
1200
|
-
interface GroupOptions extends SelectionOptions {}
|
|
1201
|
-
interface GroupContextOptions extends SelectionContextOptions {}
|
|
1202
|
-
/**
|
|
1203
|
-
* Creates a new group instance with batch selection and tri-state support.
|
|
1204
|
-
*
|
|
1205
|
-
* Extends `createSelection` to support selecting, unselecting, and toggling multiple items
|
|
1206
|
-
* at once by passing an array of IDs. Adds tri-state (mixed/indeterminate) support for
|
|
1207
|
-
* checkbox trees and similar use cases.
|
|
1208
|
-
*
|
|
1209
|
-
* @param options The options for the group instance.
|
|
1210
|
-
* @template Z The type of the group ticket.
|
|
1211
|
-
* @template E The type of the group context.
|
|
1212
|
-
* @returns A new group instance with batch selection and tri-state support.
|
|
1213
|
-
*
|
|
1214
|
-
* @remarks
|
|
1215
|
-
* **Key Differences from `createSelection`:**
|
|
1216
|
-
* - `select()` accepts `ID | ID[]` for batch operations
|
|
1217
|
-
* - `unselect()` accepts `ID | ID[]` for batch operations
|
|
1218
|
-
* - `toggle()` accepts `ID | ID[]` for batch operations
|
|
1219
|
-
* - Adds `selectedIndexes` computed Set for getting selected item indexes
|
|
1220
|
-
* - Adds tri-state support via `mix()`, `unmix()`, `mixed()`, `mixedIds`, `mixedItems`
|
|
1221
|
-
* - Perfect for checkbox trees, multi-select dropdowns, and bulk operations
|
|
1222
|
-
*
|
|
1223
|
-
* **Tri-State Support:**
|
|
1224
|
-
* - Items can be in one of three states: selected, mixed (indeterminate), or unselected
|
|
1225
|
-
* - `mix(id)` sets item to mixed state (clears selected if set)
|
|
1226
|
-
* - `unmix(id)` clears mixed state
|
|
1227
|
-
* - `select(id)` clears mixed state before selecting
|
|
1228
|
-
* - `toggle(id)` on a mixed item selects it (resolves the indeterminate state positively)
|
|
1229
|
-
* - Mixed state works on disabled items (it's a computed state, not user action)
|
|
1230
|
-
*
|
|
1231
|
-
* **Batch Operations:**
|
|
1232
|
-
* - Single ID: `group.select('item-1')`
|
|
1233
|
-
* - Array of IDs: `group.select(['item-1', 'item-2', 'item-3'])`
|
|
1234
|
-
* - Uses `toArray()` utility internally to normalize input
|
|
1235
|
-
* - Disabled items are automatically skipped in select operations
|
|
1236
|
-
* - Non-existent IDs are silently ignored
|
|
1237
|
-
*
|
|
1238
|
-
* **Inheritance Chain:**
|
|
1239
|
-
* `useRegistry` → `createSelection` → `createGroup`
|
|
1240
|
-
*
|
|
1241
|
-
* **Used By:**
|
|
1242
|
-
* - `createFeatures` for feature flag management with multiple selections
|
|
1243
|
-
*
|
|
1244
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-group
|
|
1245
|
-
*
|
|
1246
|
-
* @example
|
|
1247
|
-
* ```ts
|
|
1248
|
-
* import { createGroup } from '@vuetify/v0'
|
|
1249
|
-
*
|
|
1250
|
-
* const checkboxes = createGroup()
|
|
1251
|
-
*
|
|
1252
|
-
* checkboxes.onboard([
|
|
1253
|
-
* { id: 'option-a', value: 'Option A' },
|
|
1254
|
-
* { id: 'option-b', value: 'Option B' },
|
|
1255
|
-
* { id: 'option-c', value: 'Option C' },
|
|
1256
|
-
* ])
|
|
1257
|
-
*
|
|
1258
|
-
* // Select multiple items at once
|
|
1259
|
-
* checkboxes.select(['option-a', 'option-c'])
|
|
1260
|
-
*
|
|
1261
|
-
* console.log(checkboxes.selectedIds) // Set { 'option-a', 'option-c' }
|
|
1262
|
-
* console.log(Array.from(checkboxes.selectedIndexes.value)) // [0, 2]
|
|
1263
|
-
*
|
|
1264
|
-
* // Set item to mixed/indeterminate state
|
|
1265
|
-
* checkboxes.mix('option-a')
|
|
1266
|
-
* console.log(checkboxes.mixedIds) // Set { 'option-a' }
|
|
1267
|
-
* console.log(checkboxes.selectedIds) // Set { 'option-c' } (option-a removed)
|
|
1268
|
-
*
|
|
1269
|
-
* // Toggle a mixed item selects it
|
|
1270
|
-
* checkboxes.toggle('option-a')
|
|
1271
|
-
* console.log(checkboxes.selectedIds) // Set { 'option-a', 'option-c' }
|
|
1272
|
-
* console.log(checkboxes.mixedIds) // Set {} (cleared)
|
|
1273
|
-
* ```
|
|
1274
|
-
*/
|
|
1275
|
-
declare function createGroup<Z extends GroupTicket = GroupTicket, E extends GroupContext<Z> = GroupContext<Z>>(_options?: GroupOptions): E;
|
|
1276
|
-
/**
|
|
1277
|
-
* Creates a new group context.
|
|
1278
|
-
*
|
|
1279
|
-
* @param options The options for the group context.
|
|
1280
|
-
* @template Z The type of the group ticket.
|
|
1281
|
-
* @template E The type of the group context.
|
|
1282
|
-
* @returns A new group context.
|
|
1283
|
-
*
|
|
1284
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-group
|
|
1285
|
-
*
|
|
1286
|
-
* @example
|
|
1287
|
-
* ```ts
|
|
1288
|
-
* import { createGroupContext } from '@vuetify/v0'
|
|
1289
|
-
*
|
|
1290
|
-
* // With default namespace 'v0:group'
|
|
1291
|
-
* export const [useMyGroup, provideMyGroup, myGroup] = createGroupContext()
|
|
1292
|
-
*
|
|
1293
|
-
* // Or with custom namespace
|
|
1294
|
-
* export const [useMyGroup, provideMyGroup, myGroup] = createGroupContext({ namespace: 'my-group' })
|
|
1295
|
-
*
|
|
1296
|
-
* // In a parent component:
|
|
1297
|
-
* provideMyGroup()
|
|
1298
|
-
*
|
|
1299
|
-
* // In a child component:
|
|
1300
|
-
* const group = useMyGroup()
|
|
1301
|
-
* ```
|
|
1302
|
-
*/
|
|
1303
|
-
declare function createGroupContext<Z extends GroupTicket = GroupTicket, E extends GroupContext<Z> = GroupContext<Z>>(_options?: GroupContextOptions): ContextTrinity<E>;
|
|
1304
|
-
/**
|
|
1305
|
-
* Returns the current group instance.
|
|
1306
|
-
*
|
|
1307
|
-
* @param namespace The namespace for the group context. Defaults to `'v0:group'`.
|
|
1308
|
-
* @returns The current group instance.
|
|
1309
|
-
*
|
|
1310
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-group
|
|
1311
|
-
*
|
|
1312
|
-
* @example
|
|
1313
|
-
* ```vue
|
|
1314
|
-
* <script setup lang="ts">
|
|
1315
|
-
* import { useGroup } from '@vuetify/v0'
|
|
1316
|
-
*
|
|
1317
|
-
* const group = useGroup()
|
|
1318
|
-
* </script>
|
|
1319
|
-
*
|
|
1320
|
-
* <template>
|
|
1321
|
-
* <div>
|
|
1322
|
-
* <p>Selected: {{ group.selectedIds.size }}</p>
|
|
1323
|
-
* </div>
|
|
1324
|
-
* </template>
|
|
1325
|
-
* ```
|
|
1326
|
-
*/
|
|
1327
|
-
declare function useGroup<Z extends GroupTicket = GroupTicket, E extends GroupContext<Z> = GroupContext<Z>>(namespace?: string): E;
|
|
1328
|
-
//#endregion
|
|
1329
408
|
//#region src/composables/useTokens/index.d.ts
|
|
1330
409
|
interface TokenAlias<T = unknown> {
|
|
1331
410
|
[key: string]: unknown;
|
|
@@ -1608,14 +687,87 @@ type FilterQuery = MaybeRefOrGetter<Primitive | Primitive[]>;
|
|
|
1608
687
|
type FilterItem = Primitive | Record<string, any>;
|
|
1609
688
|
type FilterMode = 'some' | 'every' | 'union' | 'intersection';
|
|
1610
689
|
type FilterFunction = (query: Primitive | Primitive[], item: FilterItem) => boolean;
|
|
1611
|
-
interface
|
|
690
|
+
interface FilterOptions {
|
|
1612
691
|
customFilter?: FilterFunction;
|
|
1613
692
|
keys?: string[];
|
|
1614
693
|
mode?: FilterMode;
|
|
1615
694
|
}
|
|
1616
|
-
interface
|
|
695
|
+
interface FilterResult<Z extends FilterItem = FilterItem> {
|
|
1617
696
|
items: ComputedRef<Z[]>;
|
|
1618
697
|
}
|
|
698
|
+
interface FilterContext<Z extends FilterItem = FilterItem> {
|
|
699
|
+
/** The filter mode */
|
|
700
|
+
mode: FilterMode;
|
|
701
|
+
/** Keys to filter on for object items */
|
|
702
|
+
keys: string[] | undefined;
|
|
703
|
+
/** Custom filter function */
|
|
704
|
+
customFilter: FilterFunction | undefined;
|
|
705
|
+
/** Current query ref */
|
|
706
|
+
query: ShallowRef<Primitive | Primitive[]>;
|
|
707
|
+
/**
|
|
708
|
+
* Apply filter to an array of items
|
|
709
|
+
*
|
|
710
|
+
* @param query The query to filter by
|
|
711
|
+
* @param items The items to filter
|
|
712
|
+
* @returns The filtered items as a computed ref
|
|
713
|
+
*/
|
|
714
|
+
apply: <T extends Z>(query: FilterQuery, items: MaybeRef<T[]>) => FilterResult<T>;
|
|
715
|
+
}
|
|
716
|
+
interface FilterContextOptions extends FilterOptions {
|
|
717
|
+
namespace?: string;
|
|
718
|
+
}
|
|
719
|
+
/**
|
|
720
|
+
* Creates a filter context with pre-configured options.
|
|
721
|
+
*
|
|
722
|
+
* @param options The filter options
|
|
723
|
+
* @template Z The type of the items
|
|
724
|
+
* @template E The type of the filter context
|
|
725
|
+
* @returns A filter context
|
|
726
|
+
*
|
|
727
|
+
* @see https://0.vuetifyjs.com/composables/utilities/use-filter
|
|
728
|
+
*
|
|
729
|
+
* @example
|
|
730
|
+
* ```ts
|
|
731
|
+
* import { createFilter } from '@vuetify/v0'
|
|
732
|
+
*
|
|
733
|
+
* const filter = createFilter({
|
|
734
|
+
* mode: 'intersection',
|
|
735
|
+
* keys: ['name', 'email'],
|
|
736
|
+
* })
|
|
737
|
+
*
|
|
738
|
+
* const { items } = filter.apply(query, users)
|
|
739
|
+
* ```
|
|
740
|
+
*/
|
|
741
|
+
declare function createFilter<Z extends FilterItem = FilterItem, E extends FilterContext<Z> = FilterContext<Z>>(options?: FilterOptions): E;
|
|
742
|
+
/**
|
|
743
|
+
* Creates a filter context with dependency injection support.
|
|
744
|
+
*
|
|
745
|
+
* @param options The filter context options
|
|
746
|
+
* @template Z The type of the items
|
|
747
|
+
* @template E The type of the filter context
|
|
748
|
+
* @returns A trinity tuple: [useContext, provideContext, defaultContext]
|
|
749
|
+
*
|
|
750
|
+
* @see https://0.vuetifyjs.com/composables/utilities/use-filter
|
|
751
|
+
*
|
|
752
|
+
* @example
|
|
753
|
+
* ```ts
|
|
754
|
+
* import { createFilterContext } from '@vuetify/v0'
|
|
755
|
+
*
|
|
756
|
+
* export const [useSearchFilter, provideSearchFilter, searchFilter] = createFilterContext({
|
|
757
|
+
* namespace: 'app:search',
|
|
758
|
+
* mode: 'union',
|
|
759
|
+
* keys: ['title', 'description'],
|
|
760
|
+
* })
|
|
761
|
+
*
|
|
762
|
+
* // In parent component
|
|
763
|
+
* provideSearchFilter()
|
|
764
|
+
*
|
|
765
|
+
* // In child component
|
|
766
|
+
* const filter = useSearchFilter()
|
|
767
|
+
* const { items } = filter.apply(query, products)
|
|
768
|
+
* ```
|
|
769
|
+
*/
|
|
770
|
+
declare function createFilterContext<Z extends FilterItem = FilterItem, E extends FilterContext<Z> = FilterContext<Z>>(_options?: FilterContextOptions): ContextTrinity<E>;
|
|
1619
771
|
/**
|
|
1620
772
|
* A reusable function for filtering an array of items.
|
|
1621
773
|
*
|
|
@@ -1644,7 +796,28 @@ interface UseFilterResult<Z extends FilterItem = FilterItem> {
|
|
|
1644
796
|
* console.log(filtered.value) // [ { name: 'John Doe', age: 30 }, { name: 'Jane Doe', age: 25 } ]
|
|
1645
797
|
* ```
|
|
1646
798
|
*/
|
|
1647
|
-
declare function useFilter<Z extends FilterItem>(query: FilterQuery, items: MaybeRef<Z[]>, options?:
|
|
799
|
+
declare function useFilter<Z extends FilterItem>(query: FilterQuery, items: MaybeRef<Z[]>, options?: FilterOptions): FilterResult<Z>;
|
|
800
|
+
/**
|
|
801
|
+
* Returns the current filter context from dependency injection.
|
|
802
|
+
*
|
|
803
|
+
* @param namespace The namespace for the filter context. Defaults to `'v0:filter'`.
|
|
804
|
+
* @template Z The type of the items.
|
|
805
|
+
* @template E The type of the filter context.
|
|
806
|
+
* @returns The current filter context.
|
|
807
|
+
*
|
|
808
|
+
* @see https://0.vuetifyjs.com/composables/utilities/use-filter
|
|
809
|
+
*
|
|
810
|
+
* @example
|
|
811
|
+
* ```vue
|
|
812
|
+
* <script setup lang="ts">
|
|
813
|
+
* import { useFilterContext } from '@vuetify/v0'
|
|
814
|
+
*
|
|
815
|
+
* const filter = useFilterContext()
|
|
816
|
+
* const { items } = filter.apply(query, products)
|
|
817
|
+
* </script>
|
|
818
|
+
* ```
|
|
819
|
+
*/
|
|
820
|
+
declare function useFilterContext<Z extends FilterItem = FilterItem, E extends FilterContext<Z> = FilterContext<Z>>(namespace?: string): E;
|
|
1648
821
|
//#endregion
|
|
1649
822
|
//#region src/composables/useForm/index.d.ts
|
|
1650
823
|
type FormValidationResult = string | true | Promise<string | true>;
|
|
@@ -2022,118 +1195,6 @@ interface UseKeydownReturn {
|
|
|
2022
1195
|
*/
|
|
2023
1196
|
declare function useKeydown(handlers: MaybeRefOrGetter<KeyHandler[] | KeyHandler>): UseKeydownReturn;
|
|
2024
1197
|
//#endregion
|
|
2025
|
-
//#region src/composables/useSingle/index.d.ts
|
|
2026
|
-
interface SingleTicket<V = unknown> extends SelectionTicket<V> {}
|
|
2027
|
-
interface SingleContext<Z extends SingleTicket> extends SelectionContext<Z> {
|
|
2028
|
-
selectedId: ComputedRef<ID | undefined>;
|
|
2029
|
-
selectedIndex: ComputedRef<number>;
|
|
2030
|
-
selectedItem: ComputedRef<Z | undefined>;
|
|
2031
|
-
selectedValue: ComputedRef<Z['value'] | undefined>;
|
|
2032
|
-
}
|
|
2033
|
-
interface SingleOptions extends SelectionOptions {}
|
|
2034
|
-
interface SingleContextOptions extends SelectionContextOptions {}
|
|
2035
|
-
/**
|
|
2036
|
-
* Creates a new single selection instance that enforces only one selected item at a time.
|
|
2037
|
-
*
|
|
2038
|
-
* Extends `createSelection` by automatically clearing previous selections when a new item is selected.
|
|
2039
|
-
* Adds computed singular properties: `selectedId`, `selectedItem`, `selectedIndex`, `selectedValue`.
|
|
2040
|
-
*
|
|
2041
|
-
* @param options The options for the single selection instance.
|
|
2042
|
-
* @template Z The type of the single selection ticket.
|
|
2043
|
-
* @template E The type of the single selection context.
|
|
2044
|
-
* @returns A new single selection instance with single-selection enforcement.
|
|
2045
|
-
*
|
|
2046
|
-
* @remarks
|
|
2047
|
-
* **Key Differences from `createSelection`:**
|
|
2048
|
-
* - Automatically clears `selectedIds` before selecting a new item (enforces single selection)
|
|
2049
|
-
* - Provides singular computed properties instead of plural sets
|
|
2050
|
-
* - Perfect for tabs, radio buttons, theme selectors, and other single-choice UI components
|
|
2051
|
-
*
|
|
2052
|
-
* **Computed Properties:**
|
|
2053
|
-
* - `selectedId`: The ID of the selected item (undefined if none selected)
|
|
2054
|
-
* - `selectedItem`: The selected ticket object (undefined if none selected)
|
|
2055
|
-
* - `selectedIndex`: The index of the selected item (-1 if none selected)
|
|
2056
|
-
* - `selectedValue`: The value of the selected item (undefined if none selected)
|
|
2057
|
-
*
|
|
2058
|
-
* **Inheritance Chain:**
|
|
2059
|
-
* `useRegistry` → `createSelection` → `createSingle` → `createStep`
|
|
2060
|
-
*
|
|
2061
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-single
|
|
2062
|
-
*
|
|
2063
|
-
* @example
|
|
2064
|
-
* ```ts
|
|
2065
|
-
* import { createSingle } from '@vuetify/v0'
|
|
2066
|
-
*
|
|
2067
|
-
* const tabs = createSingle({ mandatory: true })
|
|
2068
|
-
*
|
|
2069
|
-
* tabs.onboard([
|
|
2070
|
-
* { id: 'home', value: 'Home' },
|
|
2071
|
-
* { id: 'about', value: 'About' },
|
|
2072
|
-
* { id: 'contact', value: 'Contact' },
|
|
2073
|
-
* ])
|
|
2074
|
-
*
|
|
2075
|
-
* tabs.first() // Select first tab
|
|
2076
|
-
*
|
|
2077
|
-
* console.log(tabs.selectedId.value) // 'home'
|
|
2078
|
-
* console.log(tabs.selectedIndex.value) // 0
|
|
2079
|
-
*
|
|
2080
|
-
* tabs.select('about') // Switch to about tab
|
|
2081
|
-
* console.log(tabs.selectedId.value) // 'about'
|
|
2082
|
-
* console.log(tabs.selectedIds.size) // 1 (always enforces single selection)
|
|
2083
|
-
* ```
|
|
2084
|
-
*/
|
|
2085
|
-
declare function createSingle<Z extends SingleTicket = SingleTicket, E extends SingleContext<Z> = SingleContext<Z>>(_options?: SingleOptions): E;
|
|
2086
|
-
/**
|
|
2087
|
-
* Creates a new single selection context.
|
|
2088
|
-
*
|
|
2089
|
-
* @param options The options for the single selection context.
|
|
2090
|
-
* @template Z The type of the single selection ticket.
|
|
2091
|
-
* @template E The type of the single selection context.
|
|
2092
|
-
* @returns A new single selection context.
|
|
2093
|
-
*
|
|
2094
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-single
|
|
2095
|
-
*
|
|
2096
|
-
* @example
|
|
2097
|
-
* ```ts
|
|
2098
|
-
* import { createSingleContext } from '@vuetify/v0'
|
|
2099
|
-
*
|
|
2100
|
-
* // With default namespace 'v0:single'
|
|
2101
|
-
* export const [useSingle, provideSingle, context] = createSingleContext()
|
|
2102
|
-
*
|
|
2103
|
-
* // In a parent component:
|
|
2104
|
-
* provideSingle()
|
|
2105
|
-
*
|
|
2106
|
-
* // In a child component:
|
|
2107
|
-
* const single = useSingle()
|
|
2108
|
-
* single.select('tab-1')
|
|
2109
|
-
* ```
|
|
2110
|
-
*/
|
|
2111
|
-
declare function createSingleContext<Z extends SingleTicket = SingleTicket, E extends SingleContext<Z> = SingleContext<Z>>(_options?: SingleContextOptions): ContextTrinity<E>;
|
|
2112
|
-
/**
|
|
2113
|
-
* Returns the current single selection instance.
|
|
2114
|
-
*
|
|
2115
|
-
* @param namespace The namespace for the single selection context. Defaults to `'v0:single'`.
|
|
2116
|
-
* @returns The current single selection instance.
|
|
2117
|
-
*
|
|
2118
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-single
|
|
2119
|
-
*
|
|
2120
|
-
* @example
|
|
2121
|
-
* ```vue
|
|
2122
|
-
* <script setup lang="ts">
|
|
2123
|
-
* import { useSingle } from '@vuetify/v0'
|
|
2124
|
-
*
|
|
2125
|
-
* const tabs = useSingle()
|
|
2126
|
-
* </script>
|
|
2127
|
-
*
|
|
2128
|
-
* <template>
|
|
2129
|
-
* <div>
|
|
2130
|
-
* <p>Selected: {{ tabs.selectedId }}</p>
|
|
2131
|
-
* </div>
|
|
2132
|
-
* </template>
|
|
2133
|
-
* ```
|
|
2134
|
-
*/
|
|
2135
|
-
declare function useSingle<Z extends SingleTicket = SingleTicket, E extends SingleContext<Z> = SingleContext<Z>>(namespace?: string): E;
|
|
2136
|
-
//#endregion
|
|
2137
1198
|
//#region src/composables/useLocale/adapters/adapter.d.ts
|
|
2138
1199
|
interface LocaleAdapter {
|
|
2139
1200
|
t: (message: string, ...params: unknown[]) => string;
|
|
@@ -2674,129 +1735,6 @@ declare function createOverflowContext<E extends OverflowContext = OverflowConte
|
|
|
2674
1735
|
*/
|
|
2675
1736
|
declare function useOverflow<E extends OverflowContext = OverflowContext>(namespace?: string): E;
|
|
2676
1737
|
//#endregion
|
|
2677
|
-
//#region src/composables/usePagination/index.d.ts
|
|
2678
|
-
interface PaginationItem {
|
|
2679
|
-
type: 'page' | 'ellipsis';
|
|
2680
|
-
value: number | string;
|
|
2681
|
-
}
|
|
2682
|
-
interface PaginationContext<Z extends PaginationItem = PaginationItem> {
|
|
2683
|
-
/** Current page (1-indexed) */
|
|
2684
|
-
page: ShallowRef<number>;
|
|
2685
|
-
/** Items per page */
|
|
2686
|
-
itemsPerPage: number;
|
|
2687
|
-
/** Total number of items */
|
|
2688
|
-
size: number;
|
|
2689
|
-
/** Total number of pages (computed from size / itemsPerPage) */
|
|
2690
|
-
pages: number;
|
|
2691
|
-
/** Ellipsis character, or false if disabled */
|
|
2692
|
-
ellipsis: string | false;
|
|
2693
|
-
/** Visible page numbers and ellipsis for rendering */
|
|
2694
|
-
items: ComputedRef<Z[]>;
|
|
2695
|
-
/** Start index of items on current page (0-indexed) */
|
|
2696
|
-
pageStart: ComputedRef<number>;
|
|
2697
|
-
/** End index of items on current page (exclusive, 0-indexed) */
|
|
2698
|
-
pageStop: ComputedRef<number>;
|
|
2699
|
-
/** Whether current page is the first page */
|
|
2700
|
-
isFirst: ComputedRef<boolean>;
|
|
2701
|
-
/** Whether current page is the last page */
|
|
2702
|
-
isLast: ComputedRef<boolean>;
|
|
2703
|
-
/** Go to first page */
|
|
2704
|
-
first: () => void;
|
|
2705
|
-
/** Go to last page */
|
|
2706
|
-
last: () => void;
|
|
2707
|
-
/** Go to next page */
|
|
2708
|
-
next: () => void;
|
|
2709
|
-
/** Go to previous page */
|
|
2710
|
-
prev: () => void;
|
|
2711
|
-
/** Go to specific page */
|
|
2712
|
-
select: (value: number) => void;
|
|
2713
|
-
}
|
|
2714
|
-
interface PaginationOptions {
|
|
2715
|
-
/** Initial page or ref for v-model (1-indexed). @default 1 */
|
|
2716
|
-
page?: number | ShallowRef<number>;
|
|
2717
|
-
/** Items per page. @default 10 */
|
|
2718
|
-
itemsPerPage?: MaybeRefOrGetter<number>;
|
|
2719
|
-
/** Total number of items. @default 0 */
|
|
2720
|
-
size?: MaybeRefOrGetter<number>;
|
|
2721
|
-
/** Maximum visible page buttons. @default 5 */
|
|
2722
|
-
visible?: MaybeRefOrGetter<number>;
|
|
2723
|
-
/** Ellipsis character. @default '…' */
|
|
2724
|
-
ellipsis?: string | false;
|
|
2725
|
-
}
|
|
2726
|
-
interface PaginationContextOptions extends PaginationOptions {
|
|
2727
|
-
/** Namespace for dependency injection */
|
|
2728
|
-
namespace?: string;
|
|
2729
|
-
}
|
|
2730
|
-
/**
|
|
2731
|
-
* Creates a pagination instance.
|
|
2732
|
-
*
|
|
2733
|
-
* @param options The options for the pagination instance.
|
|
2734
|
-
* @returns A pagination context with navigation methods.
|
|
2735
|
-
*
|
|
2736
|
-
* @example
|
|
2737
|
-
* ```ts
|
|
2738
|
-
* import { createPagination } from '@vuetify/v0'
|
|
2739
|
-
*
|
|
2740
|
-
* // Basic usage
|
|
2741
|
-
* const pagination = createPagination({ size: 100 })
|
|
2742
|
-
* pagination.next()
|
|
2743
|
-
* pagination.items.value // [{ type: 'page', value: 1 }, { type: 'page', value: 2 }, ...]
|
|
2744
|
-
*
|
|
2745
|
-
* // With v-model (pass a ref)
|
|
2746
|
-
* const page = ref(1)
|
|
2747
|
-
* const pagination = createPagination({ page, size: 100 })
|
|
2748
|
-
* // Mutating pagination.page or the passed ref syncs both
|
|
2749
|
-
* ```
|
|
2750
|
-
*/
|
|
2751
|
-
declare function createPagination<Z extends PaginationItem = PaginationItem, E extends PaginationContext<Z> = PaginationContext<Z>>(_options?: PaginationOptions): E;
|
|
2752
|
-
/**
|
|
2753
|
-
* Creates a pagination context for dependency injection.
|
|
2754
|
-
*
|
|
2755
|
-
* @param options The options including namespace.
|
|
2756
|
-
* @returns A trinity: [usePagination, providePagination, defaultContext]
|
|
2757
|
-
*
|
|
2758
|
-
* @example
|
|
2759
|
-
* ```ts
|
|
2760
|
-
* // With default namespace 'v0:pagination'
|
|
2761
|
-
* const [usePagination, providePaginationContext] = createPaginationContext({ size: 50 })
|
|
2762
|
-
*
|
|
2763
|
-
* // Or with custom namespace
|
|
2764
|
-
* const [usePagination, providePaginationContext] = createPaginationContext({
|
|
2765
|
-
* namespace: 'my-pagination',
|
|
2766
|
-
* size: 50,
|
|
2767
|
-
* })
|
|
2768
|
-
*
|
|
2769
|
-
* // Parent component
|
|
2770
|
-
* providePaginationContext()
|
|
2771
|
-
*
|
|
2772
|
-
* // Child component
|
|
2773
|
-
* const pagination = usePagination()
|
|
2774
|
-
* pagination.next()
|
|
2775
|
-
* ```
|
|
2776
|
-
*/
|
|
2777
|
-
declare function createPaginationContext<Z extends PaginationItem = PaginationItem, E extends PaginationContext<Z> = PaginationContext<Z>>(_options?: PaginationContextOptions): ContextTrinity<E>;
|
|
2778
|
-
/**
|
|
2779
|
-
* Returns the current pagination instance from context.
|
|
2780
|
-
*
|
|
2781
|
-
* @param namespace The namespace. @default 'v0:pagination'
|
|
2782
|
-
* @returns The pagination context.
|
|
2783
|
-
*
|
|
2784
|
-
* @example
|
|
2785
|
-
* ```vue
|
|
2786
|
-
* <script setup>
|
|
2787
|
-
* import { usePagination } from '@vuetify/v0'
|
|
2788
|
-
*
|
|
2789
|
-
* const pagination = usePagination()
|
|
2790
|
-
* </script>
|
|
2791
|
-
*
|
|
2792
|
-
* <template>
|
|
2793
|
-
* <button @click="pagination.prev()" :disabled="pagination.isFirst.value">Prev</button>
|
|
2794
|
-
* <button @click="pagination.next()" :disabled="pagination.isLast.value">Next</button>
|
|
2795
|
-
* </template>
|
|
2796
|
-
* ```
|
|
2797
|
-
*/
|
|
2798
|
-
declare function usePagination<Z extends PaginationItem = PaginationItem, E extends PaginationContext<Z> = PaginationContext<Z>>(namespace?: string): E;
|
|
2799
|
-
//#endregion
|
|
2800
1738
|
//#region src/composables/usePermissions/adapters/adapter.d.ts
|
|
2801
1739
|
interface PermissionAdapterInterface {
|
|
2802
1740
|
can: <Z extends PermissionTicket = PermissionTicket>(role: ID, action: string, subject: string, context: Record<string, any>, permissions: PermissionContext<Z>) => boolean;
|
|
@@ -3193,7 +2131,7 @@ interface QueueOptions extends RegistryOptions {
|
|
|
3193
2131
|
timeout?: number;
|
|
3194
2132
|
}
|
|
3195
2133
|
interface QueueContextOptions extends QueueOptions {
|
|
3196
|
-
namespace
|
|
2134
|
+
namespace?: string;
|
|
3197
2135
|
}
|
|
3198
2136
|
/**
|
|
3199
2137
|
* Creates a new queue instance
|
|
@@ -3230,7 +2168,6 @@ declare function createQueue<Z extends QueueTicket = QueueTicket, E extends Queu
|
|
|
3230
2168
|
/**
|
|
3231
2169
|
* Creates a new queue context.
|
|
3232
2170
|
*
|
|
3233
|
-
* @param namespace The namespace for the queue context.
|
|
3234
2171
|
* @param options The options for the queue context.
|
|
3235
2172
|
* @template Z The type of the queue ticket.
|
|
3236
2173
|
* @template E The type of the queue context.
|
|
@@ -3242,12 +2179,12 @@ declare function createQueue<Z extends QueueTicket = QueueTicket, E extends Queu
|
|
|
3242
2179
|
* ```ts
|
|
3243
2180
|
* import { createQueueContext } from '@vuetify/v0'
|
|
3244
2181
|
*
|
|
3245
|
-
* export const [useQueue, provideQueue] = createQueueContext(
|
|
2182
|
+
* export const [useQueue, provideQueue, context] = createQueueContext({
|
|
3246
2183
|
* timeout: 5000,
|
|
3247
2184
|
* })
|
|
3248
2185
|
* ```
|
|
3249
2186
|
*/
|
|
3250
|
-
declare function createQueueContext<Z extends QueueTicket = QueueTicket, E extends QueueContext<Z> = QueueContext<Z>>(_options
|
|
2187
|
+
declare function createQueueContext<Z extends QueueTicket = QueueTicket, E extends QueueContext<Z> = QueueContext<Z>>(_options?: QueueContextOptions): ContextTrinity<E>;
|
|
3251
2188
|
/**
|
|
3252
2189
|
* Returns the current queue instance.
|
|
3253
2190
|
*
|
|
@@ -3380,159 +2317,6 @@ interface UseElementSizeReturn extends UseResizeObserverReturn {
|
|
|
3380
2317
|
*/
|
|
3381
2318
|
declare function useElementSize(target: Ref<Element | undefined>): UseElementSizeReturn;
|
|
3382
2319
|
//#endregion
|
|
3383
|
-
//#region src/composables/useStep/index.d.ts
|
|
3384
|
-
interface StepTicket<V = unknown> extends SingleTicket<V> {}
|
|
3385
|
-
interface StepContext<Z extends StepTicket> extends SingleContext<Z> {
|
|
3386
|
-
/** Select the first Ticket in the collection */
|
|
3387
|
-
first: () => void;
|
|
3388
|
-
/** Select the last Ticket in the collection */
|
|
3389
|
-
last: () => void;
|
|
3390
|
-
/** Select the next Ticket based on current index */
|
|
3391
|
-
next: () => void;
|
|
3392
|
-
/** Select the previous Ticket based on current index */
|
|
3393
|
-
prev: () => void;
|
|
3394
|
-
/** Step through the collection by a given count */
|
|
3395
|
-
step: (count: number) => void;
|
|
3396
|
-
}
|
|
3397
|
-
interface StepOptions extends SingleOptions {
|
|
3398
|
-
/**
|
|
3399
|
-
* Enable circular navigation (wrapping at boundaries).
|
|
3400
|
-
* - true: Navigation wraps around (carousel behavior)
|
|
3401
|
-
* - false: Navigation stops at boundaries (pagination behavior)
|
|
3402
|
-
* @default false
|
|
3403
|
-
*/
|
|
3404
|
-
circular?: boolean;
|
|
3405
|
-
}
|
|
3406
|
-
interface StepContextOptions extends SingleContextOptions {
|
|
3407
|
-
/**
|
|
3408
|
-
* Enable circular navigation (wrapping at boundaries).
|
|
3409
|
-
* - true: Navigation wraps around (carousel behavior)
|
|
3410
|
-
* - false: Navigation stops at boundaries (pagination behavior)
|
|
3411
|
-
* @default false
|
|
3412
|
-
*/
|
|
3413
|
-
circular?: boolean;
|
|
3414
|
-
}
|
|
3415
|
-
/**
|
|
3416
|
-
* Creates a new step instance with navigation through items.
|
|
3417
|
-
*
|
|
3418
|
-
* Extends `createSingle` with `first()`, `last()`, `next()`, `prev()`, and `step(count)` methods
|
|
3419
|
-
* for sequential navigation. Supports both circular (wrapping) and bounded (stopping at edges) modes.
|
|
3420
|
-
*
|
|
3421
|
-
* @param options The options for the step instance.
|
|
3422
|
-
* @template Z The type of the step ticket.
|
|
3423
|
-
* @template E The type of the step context.
|
|
3424
|
-
* @returns A new step instance with navigation methods.
|
|
3425
|
-
*
|
|
3426
|
-
* @remarks
|
|
3427
|
-
* **Key Features:**
|
|
3428
|
-
* - **Configurable Navigation**: `circular: true` for wrapping, `false` for bounded (default: false)
|
|
3429
|
-
* - **Disabled Item Skipping**: Automatically skips disabled items during navigation
|
|
3430
|
-
* - **Bidirectional**: Forward (`next`, positive `step`) and backward (`prev`, negative `step`)
|
|
3431
|
-
* - **Safe Edge Cases**: Handles empty registries and all-disabled scenarios gracefully
|
|
3432
|
-
*
|
|
3433
|
-
* **Navigation Methods:**
|
|
3434
|
-
* - `first()`: Select first non-disabled item
|
|
3435
|
-
* - `last()`: Select last non-disabled item
|
|
3436
|
-
* - `next()`: Move to next item (wraps if circular, stops at end if bounded)
|
|
3437
|
-
* - `prev()`: Move to previous item (wraps if circular, stops at start if bounded)
|
|
3438
|
-
* - `step(count)`: Move by `count` positions (negative for backward)
|
|
3439
|
-
*
|
|
3440
|
-
* **Circular Mode (`circular: true`):**
|
|
3441
|
-
* - Uses modulo arithmetic for wrapping: `((index % length) + length) % length`
|
|
3442
|
-
* - Works correctly with negative indexes and large step counts
|
|
3443
|
-
* - Perfect for carousels, theme switchers, infinite scrolling
|
|
3444
|
-
*
|
|
3445
|
-
* **Bounded Mode (`circular: false`, default):**
|
|
3446
|
-
* - Navigation stops at boundaries (no wrapping)
|
|
3447
|
-
* - `next()` on last item does nothing
|
|
3448
|
-
* - `prev()` on first item does nothing
|
|
3449
|
-
* - Perfect for pagination, wizards with explicit completion, forms
|
|
3450
|
-
*
|
|
3451
|
-
* **Inheritance Chain:**
|
|
3452
|
-
* `useRegistry` → `createSelection` → `createSingle` → `createStep`
|
|
3453
|
-
*
|
|
3454
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-step
|
|
3455
|
-
*
|
|
3456
|
-
* @example
|
|
3457
|
-
* ```ts
|
|
3458
|
-
* import { createStep } from '@vuetify/v0'
|
|
3459
|
-
*
|
|
3460
|
-
* // Bounded navigation (default) - for pagination
|
|
3461
|
-
* const pagination = createStep({ circular: false })
|
|
3462
|
-
* pagination.onboard([
|
|
3463
|
-
* { id: 'page-1', value: 1 },
|
|
3464
|
-
* { id: 'page-2', value: 2 },
|
|
3465
|
-
* { id: 'page-3', value: 3 },
|
|
3466
|
-
* ])
|
|
3467
|
-
* pagination.first() // Select page 1
|
|
3468
|
-
* pagination.prev() // Does nothing (already at first)
|
|
3469
|
-
* pagination.next() // Select page 2
|
|
3470
|
-
*
|
|
3471
|
-
* // Circular navigation - for carousels
|
|
3472
|
-
* const carousel = createStep({ circular: true })
|
|
3473
|
-
* carousel.onboard([
|
|
3474
|
-
* { id: 'slide-1', value: 'First' },
|
|
3475
|
-
* { id: 'slide-2', value: 'Second' },
|
|
3476
|
-
* { id: 'slide-3', value: 'Third' },
|
|
3477
|
-
* ])
|
|
3478
|
-
* carousel.first()
|
|
3479
|
-
* carousel.prev() // Wraps to 'slide-3'
|
|
3480
|
-
* carousel.next() // Wraps to 'slide-1'
|
|
3481
|
-
* ```
|
|
3482
|
-
*/
|
|
3483
|
-
declare function createStep<Z extends StepTicket = StepTicket, E extends StepContext<Z> = StepContext<Z>>(_options?: StepOptions): E;
|
|
3484
|
-
/**
|
|
3485
|
-
* Creates a new step context.
|
|
3486
|
-
*
|
|
3487
|
-
* @param options The options for the step context.
|
|
3488
|
-
* @template Z The type of the step ticket.
|
|
3489
|
-
* @template E The type of the step context.
|
|
3490
|
-
* @returns A new step context.
|
|
3491
|
-
*
|
|
3492
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-step
|
|
3493
|
-
*
|
|
3494
|
-
* @example
|
|
3495
|
-
* ```ts
|
|
3496
|
-
* import { createStepContext } from '@vuetify/v0'
|
|
3497
|
-
*
|
|
3498
|
-
* // With default namespace 'v0:step'
|
|
3499
|
-
* export const [useStep, provideStep, context] = createStepContext()
|
|
3500
|
-
*
|
|
3501
|
-
* // In a parent component:
|
|
3502
|
-
* provideStep()
|
|
3503
|
-
*
|
|
3504
|
-
* // In a child component:
|
|
3505
|
-
* const context = useStep()
|
|
3506
|
-
* context.next() // Progress to next step
|
|
3507
|
-
* ```
|
|
3508
|
-
*/
|
|
3509
|
-
declare function createStepContext<Z extends StepTicket = StepTicket, E extends StepContext<Z> = StepContext<Z>>(_options?: StepContextOptions): ContextTrinity<E>;
|
|
3510
|
-
/**
|
|
3511
|
-
* Returns the current step instance.
|
|
3512
|
-
*
|
|
3513
|
-
* @param namespace The namespace for the step context. Defaults to `'v0:step'`.
|
|
3514
|
-
* @returns The current step instance.
|
|
3515
|
-
*
|
|
3516
|
-
* @see https://0.vuetifyjs.com/composables/selection/use-step
|
|
3517
|
-
*
|
|
3518
|
-
* @example
|
|
3519
|
-
* ```vue
|
|
3520
|
-
* <script setup lang="ts">
|
|
3521
|
-
* import { useStep } from '@vuetify/v0'
|
|
3522
|
-
*
|
|
3523
|
-
* const wizard = useStep()
|
|
3524
|
-
* </script>
|
|
3525
|
-
*
|
|
3526
|
-
* <template>
|
|
3527
|
-
* <div>
|
|
3528
|
-
* <p>Current step: {{ wizard.selectedIndex }}</p>
|
|
3529
|
-
* <button @click="wizard.next()">Next</button>
|
|
3530
|
-
* </div>
|
|
3531
|
-
* </template>
|
|
3532
|
-
* ```
|
|
3533
|
-
*/
|
|
3534
|
-
declare function useStep<Z extends StepTicket = StepTicket, E extends StepContext<Z> = StepContext<Z>>(namespace?: string): E;
|
|
3535
|
-
//#endregion
|
|
3536
2320
|
//#region src/composables/useStorage/adapters/adapter.d.ts
|
|
3537
2321
|
interface StorageAdapter$1 {
|
|
3538
2322
|
getItem: (key: string) => string | null;
|
|
@@ -4462,4 +3246,4 @@ interface VirtualContext<T = unknown> {
|
|
|
4462
3246
|
*/
|
|
4463
3247
|
declare function useVirtual<T = unknown>(items: Ref<readonly T[]>, _options?: VirtualOptions): VirtualContext<T>;
|
|
4464
3248
|
//#endregion
|
|
4465
|
-
export {
|
|
3249
|
+
export { createQueue as $, TokenContext as $n, LocaleAdapter as $t, Vuetify0ThemeAdapter as A, FilterFunction as An, provideContext as Ar, LoggerOptions as At, StorageAdapter as B, useFilterContext as Bn, LoggerAdapter as Bt, ThemePluginOptions as C, FormValidationRule as Cn, toArray as Cr, useOverflow as Ct, createThemeContext as D, useForm as Dn, ContextKey as Dr, useMutationObserver as Dt, createTheme as E, createFormContext as En, createPlugin as Er, UseMutationObserverReturn as Et, StoragePluginOptions as F, FilterResult as Fn, useLogger as Ft, UseElementSizeReturn as G, FeatureTicket as Gn, LocaleRecord as Gt, MemoryAdapter as H, FeatureContextOptions as Hn, LocaleContextOptions as Ht, createStorage as I, Primitive as In, LogLevel as It, useResizeObserver as J, createFeaturesPlugin as Jn, createLocaleContext as Jt, UseResizeObserverReturn as K, createFeatures as Kn, LocaleTicket as Kt, createStorageContext as L, createFilter as Ln, Vuetify0LoggerAdapter as Lt, StorageContext as M, FilterMode as Mn, createLogger as Mt, StorageContextOptions as N, FilterOptions as Nn, createLoggerContext as Nt, createThemePlugin as O, FilterContext as On, CreateContextOptions as Or, LoggerContext as Ot, StorageOptions as P, FilterQuery as Pn, createLoggerPlugin as Pt, QueueTicket as Q, TokenCollection as Qn, Vuetify0LocaleAdapter as Qt, createStoragePlugin as R, createFilterContext as Rn, PinoLoggerAdapter as Rt, ThemeOptions as S, FormValidationResult as Sn, toReactive as Sr, createOverflowContext as St, ThemeTicket as T, createForm as Tn, PluginOptions as Tr, UseMutationObserverOptions as Tt, ResizeObserverEntry as U, FeatureOptions as Un, LocaleOptions as Ut, StorageType as V, FeatureContext as Vn, LocaleContext as Vt, ResizeObserverOptions as W, FeaturePluginOptions as Wn, LocalePluginOptions as Wt, QueueContextOptions as X, FlatTokenCollection as Xn, createLocalePlugin as Xt, QueueContext as Y, useFeatures as Yn, createLocaleFallback as Yt, QueueOptions as Z, TokenAlias as Zn, useLocale as Zt, useTimeline as _, useHydration as _n, BreakpointsPluginOptions as _r, PermissionAdapterInterface as _t, VirtualItem as a, UseElementIntersectionReturn as an, createTokens as ar, ProxyModelOptions as at, ThemeContext as b, FormOptions as bn, createBreakpointsPlugin as br, OverflowOptions as bt, useVirtual as c, useIntersectionObserver as cn, CleanupFunction as cr, PermissionContextOptions as ct, TimelineContext as d, HydrationOptions as dn, useEventListener as dr, PermissionTicket as dt, KeyHandler as en, TokenContextOptions as er, createQueueContext as et, TimelineContextOptions as f, HydrationPluginOptions as fn, useWindowEventListener as fr, createPermissions as ft, createTimelineContext as g, createHydrationPlugin as gn, BreakpointsOptions as gr, PermissionAdapter as gt, createTimeline as h, createHydrationContext as hn, BreakpointsContextOptions as hr, usePermissions as ht, VirtualDirection as i, IntersectionObserverOptions as in, TokenValue as ir, useProxyRegistry as it, ThemeAdapter as j, FilterItem as jn, useContext as jr, LoggerPluginOptions as jt, useTheme as k, FilterContextOptions as kn, createContext as kr, LoggerContextOptions as kt, ToggleScopeControls as l, HydrationContext as ln, EventHandler as lr, PermissionOptions as lt, TimelineTicket as m, createHydration as mn, BreakpointsContext as mr, createPermissionsPlugin as mt, VirtualAnchor as n, useKeydown as nn, TokenPrimitive as nr, ProxyRegistryContext as nt, VirtualOptions as o, UseIntersectionObserverReturn as on, createTokensContext as or, useProxyModel as ot, TimelineOptions as p, createFallbackHydration as pn, BreakpointName as pr, createPermissionsContext as pt, useElementSize as q, createFeaturesContext as qn, createLocale as qt, VirtualContext as r, IntersectionObserverEntry as rn, TokenTicket as rr, ProxyRegistryOptions as rt, VirtualState as s, useElementIntersection as sn, useTokens as sr, PermissionContext as st, ScrollToOptions as t, UseKeydownReturn as tn, TokenOptions as tr, useQueue as tt, useToggleScope as u, HydrationContextOptions as un, useDocumentEventListener as ur, PermissionPluginOptions as ut, Colors as v, FormContext as vn, createBreakpoints as vr, OverflowContext as vt, ThemeRecord as w, FormValue as wn, Plugin as wr, MutationObserverRecord as wt, ThemeContextOptions as x, FormTicket as xn, useBreakpoints as xr, createOverflow as xt, ThemeColors as y, FormContextOptions as yn, createBreakpointsContext as yr, OverflowContextOptions as yt, useStorage as z, useFilter as zn, ConsolaLoggerAdapter as zt };
|