@vuetify/v0 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/browser/index.js

@@ -135,7 +135,7 @@ const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof wind
 const SUPPORTS_OBSERVER = IN_BROWSER && "ResizeObserver" in window;
 const SUPPORTS_INTERSECTION_OBSERVER = IN_BROWSER && "IntersectionObserver" in window;
 const SUPPORTS_MUTATION_OBSERVER = IN_BROWSER && "MutationObserver" in window;
-const version = "1.0.0-alpha.4";
+const version = "1.0.0-alpha.5";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 //#endregion
@@ -1043,7 +1043,7 @@ function getPersistedStorage() {
 *   createPluginContext('v0:logger', options => createLogger(options), {
 *     fallback: ns => createFallbackLogger(ns),
 *     setup: (context) => {
-*       if (__DEV__ && IN_BROWSER) (window as any).__v0Logger__ = context
+*       if (__DEV__ && IN_BROWSER) (window as Window & { __v0Logger__?: typeof context }).__v0Logger__ = context
 *     },
 *   })
 * ```
@@ -4734,16 +4734,18 @@ function compareValues(a, b, collator) {
 var DataTableAdapter = class {
 	/** Create the filter pipeline stage */
 	filter(context) {
-		const filter = createFilter(Object.keys(context.customColumnFilters).length > 0 && !context.filterOptions.customFilter ? {
+		const filter = createFilter({
 			...context.filterOptions,
-			keys: [...context.filterableKeys],
-			customFilter: (query, item) => {
+			keys: [...toValue(context.filterableKeys)],
+			customFilter: context.filterOptions.customFilter ?? ((query, item) => {
+				const columnFilters = toValue(context.customColumnFilters);
+				const keys = toValue(context.filterableKeys);
 				if (!/* @__PURE__ */ isObject(item)) return false;
 				const q = String(/* @__PURE__ */ isArray(query) ? query[0] : query).toLowerCase();
 				if (!q) return true;
 				const obj = item;
-				for (const key of context.filterableKeys) {
-					const customFn = context.customColumnFilters[key];
+				for (const key of keys) {
+					const customFn = columnFilters[key];
 					if (customFn) {
 						if (customFn(obj[key], q)) return true;
 					} else {
@@ -4752,10 +4754,7 @@ var DataTableAdapter = class {
 					}
 				}
 				return false;
-			}
-		} : {
-			...context.filterOptions,
-			keys: [...context.filterableKeys]
+			})
 		});
 		const allItems = toRef(() => toValue(context.items));
 		const { items: filteredItems } = filter.apply(context.search, allItems);
@@ -4769,11 +4768,12 @@ var DataTableAdapter = class {
 		return computed(() => {
 			const entries = sortBy.value;
 			if (entries.length === 0) return filteredItems.value;
+			const sorts = toValue(customSorts) ?? {};
 			const collator = new Intl.Collator(locale?.value);
 			const resolved = entries.map(({ key, direction }) => ({
 				parts: key.split("."),
 				direction,
-				custom: customSorts?.[key]
+				custom: sorts[key]
 			}));
 			return filteredItems.value.toSorted((a, b) => {
 				for (const { parts, direction, custom } of resolved) {
@@ -4867,7 +4867,7 @@ function resolveHeaders(columns) {
 		for (const col of cols) if (col.children?.length) {
 			const leaves = /* @__PURE__ */ extractLeaves(col.children);
 			rows[depth].push({
-				key: col.key,
+				id: col.id,
 				title: col.title ?? "",
 				colspan: leaves.length,
 				rowspan: 1,
@@ -4875,7 +4875,7 @@ function resolveHeaders(columns) {
 			});
 			walk(col.children, depth + 1);
 		} else rows[depth].push({
-			key: col.key,
+			id: col.id,
 			title: col.title ?? "",
 			colspan: 1,
 			rowspan: maxDepth - depth + 1,
@@ -4976,6 +4976,12 @@ var VirtualDataTableAdapter = class extends DataTableAdapter {
 * reimplementing their logic. Uses createGroup's tri-state for sort direction
 * and delegates the data pipeline (filter, sort, paginate) to an adapter.
 *
+* Rows and columns are both managed via internal registries. Call
+* `table.columns.onboard([...])` / `table.columns.register({...})` to add
+* columns and `table.onboard([...])` / `table.register({...})` for rows.
+* Row identity is the ticket id (caller-supplied or auto-generated); column
+* identity is the caller-supplied `id` (required — no auto-generation).
+*
 * Key features:
 * - Adapter pattern for pipeline strategy (client, server, virtual)
 * - Sort via createGroup tri-state: selected=asc, mixed=desc, unselected=none
@@ -4990,10 +4996,18 @@ var VirtualDataTableAdapter = class extends DataTableAdapter {
 * ```ts
 * import { createDataTable } from '@vuetify/v0'
 *
-* const table = createDataTable({
-*   items: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }],
-*   columns: [{ key: 'name', title: 'Name', sortable: true }],
-* })
+* const table = createDataTable<User>()
+*
+* table.columns.onboard([
+*   { id: 'name', title: 'Name', sortable: true },
+*   { id: 'email', title: 'Email', filterable: true },
+* ])
+*
+* table.onboard([
+*   { id: 1, value: { id: 1, name: 'Alice', email: 'alice@test.com' } },
+*   { id: 2, value: { id: 2, name: 'Bob', email: 'bob@test.com' } },
+* ])
+*
 * table.sort.toggle('name')
 * ```
 */
@@ -5001,43 +5015,53 @@ var VirtualDataTableAdapter = class extends DataTableAdapter {
 * Creates a data table instance with sort controls, selection, and an
 * adapter-driven data pipeline.
 *
+* Rows and columns are both managed via internal registries. Use
+* `table.columns.register({ id, ... })` / `table.columns.onboard([...])` to
+* add columns and `table.register({ id, value })` / `table.onboard([...])`
+* for rows. Removing entries from the column registry reactively updates
+* `leaves`, `headers`, the sort group, and the filter pipeline.
+*
 * Must be called inside a component `setup()` or a Vue effect scope.
 * Calling at module scope in SSR environments causes request state leakage.
 *
-* @param options Data table options
-* @returns Data table context with pipeline stages and controls
+* @param options Data table options (all optional)
+* @returns Data table context with pipeline stages, controls, and registry surface
 *
 * @example
 * ```ts
 * import { createDataTable } from '@vuetify/v0'
 *
-* const table = createDataTable({
-*   items: users,
-*   columns: [
-*     { key: 'name', title: 'Name', sortable: true, filterable: true },
-*     { key: 'email', title: 'Email', sortable: true, filterable: true },
-*     { key: 'age', title: 'Age', sortable: true },
-*   ],
-* })
+* const table = createDataTable<User>()
+*
+* table.columns.onboard([
+*   { id: 'name', title: 'Name', sortable: true, filterable: true },
+*   { id: 'email', title: 'Email', sortable: true, filterable: true },
+*   { id: 'age', title: 'Age', sortable: true },
+* ])
+*
+* table.onboard(users.map(value => ({ id: value.id, value })))
 *
-* // Search
 * table.search('john')
 *
-* // Sort
-* table.sort.toggle('name')          // asc
-* table.sort.toggle('name')          // desc
-* table.sort.toggle('name')          // none
-* console.log(table.sort.columns.value) // [{ key: 'name', direction: 'asc' }]
+* table.sort.toggle('name')
+* table.sort.toggle('name')
+* table.sort.toggle('name')
 *
-* // Paginate
 * table.pagination.next()
 *
-* // Select rows
-* table.selection.toggle('user-1')
+* table.selection.toggle(1)
 * ```
 */
-function createDataTable(options) {
-	const { items: _items, columns, itemValue = "id", filter: filterOptions = {}, pagination: paginationOptions = {}, sortMultiple = false, mandate = false, firstSortOrder = "asc", selectStrategy = "page", itemSelectable, groupBy, openAll = false, expandMultiple = true, locale: initialLocale, adapter = new ClientDataTableAdapter() } = options;
+function createDataTable(options = {}) {
+	const { filter: filterOptions = {}, pagination: paginationOptions = {}, sortMultiple = false, mandate = false, firstSortOrder = "asc", selectStrategy = "page", itemSelectable, groupBy, openAll = false, expandMultiple = true, locale: initialLocale, adapter = new ClientDataTableAdapter() } = options;
+	const registry = createRegistry({
+		events: true,
+		reactive: true
+	});
+	const columns = createRegistry({
+		events: true,
+		reactive: true
+	});
 	const _query = shallowRef("");
 	function search(value) {
 		_query.value = value;
@@ -5048,44 +5072,60 @@ function createDataTable(options) {
 		if (!/* @__PURE__ */ isNullOrUndefined(selected)) return String(selected);
 		return initialLocale;
 	});
-	const leaves = /* @__PURE__ */ extractLeaves(columns);
-	const headers = toRef(() => /* @__PURE__ */ resolveHeaders(columns));
-	const sortable = leaves.filter((col) => col.sortable === true);
+	const leaves = computed(() => /* @__PURE__ */ extractLeaves(columns.values()));
+	const headers = computed(() => /* @__PURE__ */ resolveHeaders(columns.values()));
+	const sortable = computed(() => leaves.value.filter((col) => col.sortable === true));
 	const group = createGroup({ multiple: sortMultiple });
-	group.onboard(sortable.map((col) => ({
-		id: col.key,
-		value: col.key
-	})));
 	const order = shallowReactive([]);
-	function toggle(key) {
-		if (!group.has(key)) return;
-		const isAsc = group.selectedIds.has(key);
-		const isDesc = group.mixed(key);
+	watch(sortable, (next) => {
+		const ids = /* @__PURE__ */ new Set();
+		for (const col of next) ids.add(String(col.id));
+		for (const id of group.keys()) {
+			const key = String(id);
+			if (!ids.has(key)) {
+				group.unregister(id);
+				const index = order.indexOf(key);
+				if (index !== -1) order.splice(index, 1);
+			}
+		}
+		for (const id of ids) if (!group.has(id)) group.register({
+			id,
+			value: id
+		});
+	}, {
+		flush: "sync",
+		immediate: true
+	});
+	function toggle(id) {
+		if (!group.has(id)) return;
+		const isAsc = group.selectedIds.has(id);
+		const isDesc = group.mixed(id);
 		function clearOthers() {
 			if (!sortMultiple) {
+				group.unselectAll();
 				group.mixedIds.clear();
 				order.length = 0;
 			}
 		}
 		function setAsc() {
-			group.unmix(key);
-			group.select(key);
+			group.unmix(id);
+			group.select(id);
 		}
 		function setDesc() {
-			group.unselect(key);
-			group.mix(key);
+			group.unselect(id);
+			group.mix(id);
 		}
 		function setNone() {
-			group.unselect(key);
-			group.unmix(key);
-			const index = order.indexOf(key);
+			group.unselect(id);
+			group.unmix(id);
+			const index = order.indexOf(id);
 			if (index !== -1) order.splice(index, 1);
 		}
 		if (!isAsc && !isDesc) {
 			clearOthers();
 			if (firstSortOrder === "desc") setDesc();
 			else setAsc();
-			order.push(key);
+			order.push(id);
 		} else if (isAsc) if (firstSortOrder === "desc" && !mandate) setNone();
 		else setDesc();
 		else if (firstSortOrder === "asc" && !mandate) setNone();
@@ -5093,23 +5133,23 @@ function createDataTable(options) {
 	}
 	const sortBy = computed(() => {
 		const result = [];
-		for (const key of order) if (group.selectedIds.has(key)) result.push({
-			key,
+		for (const id of order) if (group.selectedIds.has(id)) result.push({
+			key: id,
 			direction: "asc"
 		});
-		else if (group.mixed(key)) result.push({
-			key,
+		else if (group.mixed(id)) result.push({
+			key: id,
 			direction: "desc"
 		});
 		return result;
 	});
-	function direction(key) {
-		if (group.selectedIds.has(key)) return "asc";
-		if (group.mixed(key)) return "desc";
+	function direction(id) {
+		if (group.selectedIds.has(id)) return "asc";
+		if (group.mixed(id)) return "desc";
 		return "none";
 	}
-	function priority(key) {
-		return order.indexOf(key);
+	function priority(id) {
+		return order.indexOf(id);
 	}
 	function reset() {
 		group.unselectAll();
@@ -5124,32 +5164,41 @@ function createDataTable(options) {
 		priority,
 		reset
 	};
-	const filterable = leaves.filter((col) => col.filterable === true).map((col) => col.key);
-	const sorts = {};
-	for (const col of leaves) if (col.sort) sorts[col.key] = col.sort;
-	const filters = {};
-	for (const col of leaves) if (col.filter) filters[col.key] = col.filter;
+	const filterable = computed(() => {
+		const ids = [];
+		for (const col of leaves.value) if (col.filterable === true) ids.push(String(col.id));
+		return ids;
+	});
+	const customSorts = computed(() => {
+		const sorts = {};
+		for (const col of leaves.value) if (col.sort) sorts[String(col.id)] = col.sort;
+		return sorts;
+	});
+	const customColumnFilters = computed(() => {
+		const filters = {};
+		for (const col of leaves.value) if (col.filter) filters[String(col.id)] = col.filter;
+		return filters;
+	});
+	const source = computed(() => registry.values().map((t) => t.value));
 	const { allItems, filteredItems, sortedItems, items: visible, pagination, total, loading = toRef(() => false), error = toRef(() => null) } = adapter.setup({
-		items: _items,
+		items: source,
 		search: _query,
 		filterableKeys: filterable,
 		sortBy,
 		locale,
 		filterOptions,
 		paginationOptions,
-		customSorts: sorts,
-		customColumnFilters: filters
+		customSorts,
+		customColumnFilters
 	});
 	const selectedIds = shallowReactive(/* @__PURE__ */ new Set());
-	function rowId(item) {
-		const value = item[itemValue];
-		if (/* @__PURE__ */ isString(value) || /* @__PURE__ */ isNumber(value)) return value;
-		throw new Error(`[v0:data-table] itemValue "${itemValue}" must resolve to a string or number`);
-	}
 	const selectableIds = computed(() => {
 		if (!itemSelectable) return null;
 		const ids = /* @__PURE__ */ new Set();
-		for (const item of allItems.value) if (item[itemSelectable]) ids.add(rowId(item));
+		for (const ticket of registry.values()) {
+			const value = ticket.value;
+			if (!/* @__PURE__ */ isNullOrUndefined(value) && value[itemSelectable]) ids.add(ticket.id);
+		}
 		return ids;
 	});
 	function isSelectable(id) {
@@ -5159,9 +5208,18 @@ function createDataTable(options) {
 		if (selectStrategy === "single") return [];
 		return selectStrategy === "all" ? sortedItems.value : visible.value;
 	});
-	const selectableScope = computed(() => {
-		if (!itemSelectable) return scopeItems.value;
-		return scopeItems.value.filter((item) => !!item[itemSelectable]);
+	const scopedTickets = computed(() => {
+		const scope = scopeItems.value;
+		if (scope.length === 0) return [];
+		const set = new Set(scope);
+		const result = [];
+		for (const ticket of registry.values()) {
+			const value = ticket.value;
+			if (/* @__PURE__ */ isNullOrUndefined(value) || !set.has(value)) continue;
+			if (itemSelectable && !value[itemSelectable]) continue;
+			result.push(ticket);
+		}
+		return result;
 	});
 	const selection = {
 		selectedIds,
@@ -5182,28 +5240,39 @@ function createDataTable(options) {
 		},
 		isSelectable,
 		selectAll() {
-			for (const item of selectableScope.value) selectedIds.add(rowId(item));
+			for (const ticket of scopedTickets.value) selectedIds.add(ticket.id);
 		},
 		unselectAll() {
 			selectedIds.clear();
 		},
 		toggleAll() {
 			if (selectStrategy === "single") return;
-			if (selection.isAllSelected.value) for (const item of selectableScope.value) selectedIds.delete(rowId(item));
+			if (selection.isAllSelected.value) for (const ticket of scopedTickets.value) selectedIds.delete(ticket.id);
 			else selection.selectAll();
 		},
 		isAllSelected: computed(() => {
-			const items = selectableScope.value;
-			if (items.length === 0) return false;
-			return items.every((item) => selectedIds.has(rowId(item)));
+			const tickets = scopedTickets.value;
+			if (tickets.length === 0) return false;
+			return tickets.every((ticket) => selectedIds.has(ticket.id));
 		}),
 		isMixed: computed(() => {
-			const items = selectableScope.value;
-			if (items.length === 0) return false;
-			return items.some((item) => selectedIds.has(rowId(item))) && !selection.isAllSelected.value;
+			const tickets = scopedTickets.value;
+			if (tickets.length === 0) return false;
+			return tickets.some((ticket) => selectedIds.has(ticket.id)) && !selection.isAllSelected.value;
 		})
 	};
 	const expandedIds = shallowReactive(/* @__PURE__ */ new Set());
+	const visibleTickets = computed(() => {
+		const scope = visible.value;
+		if (scope.length === 0) return [];
+		const set = new Set(scope);
+		const result = [];
+		for (const ticket of registry.values()) {
+			const value = ticket.value;
+			if (!/* @__PURE__ */ isNullOrUndefined(value) && set.has(value)) result.push(ticket);
+		}
+		return result;
+	});
 	const expansion = {
 		expandedIds,
 		expand(id) {
@@ -5222,12 +5291,20 @@ function createDataTable(options) {
 		},
 		expandAll() {
 			if (!expandMultiple) return;
-			for (const item of visible.value) expandedIds.add(rowId(item));
+			for (const ticket of visibleTickets.value) expandedIds.add(ticket.id);
 		},
 		collapseAll() {
 			expandedIds.clear();
 		}
 	};
+	registry.on("unregister:ticket", (ticket) => {
+		selectedIds.delete(ticket.id);
+		expandedIds.delete(ticket.id);
+	});
+	registry.on("clear:registry", () => {
+		selectedIds.clear();
+		expandedIds.clear();
+	});
 	const opened = shallowReactive(/* @__PURE__ */ new Set());
 	const groups = computed(() => {
 		if (!groupBy) return [];
@@ -5254,14 +5331,18 @@ function createDataTable(options) {
 		return result;
 	});
 	if (openAll) {
-		for (const group of groups.value) opened.add(group.key);
-		if (groups.value.length === 0) {
-			const stop = watch(groups, (newGroups) => {
-				if (newGroups.length === 0) return;
-				for (const group of newGroups) opened.add(group.key);
-				stop();
-			});
-		}
+		const autoOpened = /* @__PURE__ */ new Set();
+		for (const group of groups.value) {
+			opened.add(group.key);
+			autoOpened.add(group.key);
+		}
+		watch(groups, (newGroups) => {
+			for (const group of newGroups) {
+				if (autoOpened.has(group.key)) continue;
+				opened.add(group.key);
+				autoOpened.add(group.key);
+			}
+		}, { flush: "sync" });
 	}
 	const grouping = {
 		groups,
@@ -5286,6 +5367,7 @@ function createDataTable(options) {
 		}
 	};
 	return {
+		...registry,
 		items: visible,
 		allItems,
 		filteredItems,
@@ -5302,12 +5384,19 @@ function createDataTable(options) {
 		grouping,
 		total,
 		loading,
-		error
+		error,
+		get size() {
+			return registry.size;
+		}
 	};
 }
 /**
 * Creates a data table context with dependency injection support.
 *
+* The returned context exposes both row and column registries. Columns must
+* be onboarded after construction — pass them via `context.columns.onboard`,
+* not in the factory options.
+*
 * @param options Data table context options including namespace
 * @returns A trinity tuple: [useDataTable, provideDataTable, defaultContext]
 *
@@ -5315,22 +5404,23 @@ function createDataTable(options) {
 * ```ts
 * import { createDataTableContext } from '@vuetify/v0'
 *
-* const [useDataTable, provideDataTable, context] = createDataTableContext({
+* const [useDataTable, provideDataTable, context] = createDataTableContext<User>({
 *   namespace: 'app:users',
-*   items: users,
-*   columns: [
-*     { key: 'name', title: 'Name', sortable: true },
-*   ],
 * })
 *
+* context.columns.onboard([
+*   { id: 'name', title: 'Name', sortable: true },
+* ])
+*
 * // Parent component
 * provideDataTable()
+* context.onboard(users.map(value => ({ id: value.id, value })))
 *
 * // Child component
 * const table = useDataTable()
 * ```
 */
-function createDataTableContext(_options) {
+function createDataTableContext(_options = {}) {
 	const { namespace = "v0:data-table", ...options } = _options;
 	return createTrinity(namespace, createDataTable(options));
 }
@@ -5596,6 +5686,7 @@ function resolveAlias(name, predicate, locale) {
 	};
 }
 function createResolve(aliases, locale) {
+	useLogger();
 	return function resolve(rules) {
 		const result = [];
 		for (const rule of rules) {
@@ -7087,6 +7178,188 @@ function createNumberField(options = {}) {
 	};
 }
 //#endregion
+//#region src/composables/createOtp/index.ts
+/**
+* @module createOtp
+*
+* @see https://0.vuetifyjs.com/composables/forms/create-otp
+*
+* @remarks
+* Headless state for a fixed-length one-time-password / verification-code value.
+* Owns the joined string, per-character pattern matching, length contract,
+* completion edge detection with a decisional async `onComplete` hook, and
+* validation through `createInput`. Rendering, focus, and per-element event
+* wiring are the consumer's responsibility.
+*
+* @example
+* ```ts
+* import { createOtp } from '@vuetify/v0'
+*
+* const otp = createOtp({
+*   length: 6,
+*   pattern: 'numeric',
+*   onComplete: async value => {
+*     const ok = await verify(value)
+*     return ok
+*   },
+* })
+*
+* otp.write(0, '4')
+* otp.distribute('12345', 1) // returns 5; value becomes '412345'
+* otp.isComplete.value  // true
+* ```
+*/
+const PRESETS = {
+	numeric: /^[0-9]$/,
+	alphanumeric: /^[a-zA-Z0-9]$/,
+	alphabetic: /^[a-zA-Z]$/
+};
+function createOtp(options = {}) {
+	const { value = shallowRef(""), length = 6, pattern = "numeric", disabled = false, readonly: _readonly = false, onComplete, ...inputOptions } = options;
+	const logger = useLogger();
+	const errorRef = shallowRef(false);
+	const errorMessagesRef = shallowRef(void 0);
+	const input = createInput({
+		...inputOptions,
+		value,
+		disabled,
+		readonly: _readonly,
+		error: errorRef,
+		errorMessages: errorMessagesRef
+	});
+	const lengthRef = toRef(() => toValue(length));
+	let lastCompleted = "";
+	function compile(resolved) {
+		if (/* @__PURE__ */ isString(resolved)) return PRESETS[resolved];
+		return resolved;
+	}
+	function accepts(char) {
+		if (char.length !== 1) return false;
+		return compile(toValue(pattern)).test(char);
+	}
+	function filterAccepted(text) {
+		let out = "";
+		for (const ch of text) if (accepts(ch)) out += ch;
+		return out;
+	}
+	const isPending = shallowRef(false);
+	function isLocked() {
+		return toValue(disabled) || toValue(_readonly) || isPending.value;
+	}
+	function clearRejection() {
+		if (errorRef.value || errorMessagesRef.value) {
+			errorRef.value = false;
+			errorMessagesRef.value = void 0;
+		}
+	}
+	function write(index, char) {
+		if (isLocked()) return;
+		const max = toValue(lengthRef);
+		if (index < 0 || index >= max) return;
+		if (char === "") {
+			clearRejection();
+			value.value = value.value.slice(0, index);
+			return;
+		}
+		const first = char[0];
+		if (!accepts(first)) return;
+		clearRejection();
+		const current = value.value;
+		const head = current.slice(0, index);
+		const tail = current.slice(index + 1);
+		value.value = (head + first + tail).slice(0, max);
+	}
+	function distribute(text, index = 0) {
+		if (isLocked()) return 0;
+		const max = toValue(lengthRef);
+		const start = /* @__PURE__ */ clamp(index, 0, max);
+		const filtered = filterAccepted(text);
+		if (filtered.length === 0) return 0;
+		clearRejection();
+		const head = value.value.slice(0, start);
+		const next = (head + filtered).slice(0, max);
+		value.value = next;
+		return next.length - head.length;
+	}
+	function clear() {
+		if (isLocked()) return;
+		clearRejection();
+		lastCompleted = "";
+		value.value = "";
+	}
+	function fill(text) {
+		if (isLocked()) return;
+		const max = toValue(lengthRef);
+		const filtered = filterAccepted(text).slice(0, max);
+		if (text.length === 0 || filtered.length > 0) clearRejection();
+		value.value = filtered;
+	}
+	function reject() {
+		errorRef.value = true;
+		errorMessagesRef.value = ["Invalid code"];
+		lastCompleted = "";
+		value.value = "";
+	}
+	const isComplete = toRef(() => {
+		const max = toValue(lengthRef);
+		const v = value.value;
+		if (v.length !== max) return false;
+		const re = compile(toValue(pattern));
+		for (const ch of v) if (!re.test(ch)) return false;
+		return true;
+	});
+	watch(value, (next) => {
+		if (!isComplete.value) {
+			lastCompleted = "";
+			return;
+		}
+		if (!onComplete) return;
+		if (isLocked()) return;
+		if (next === lastCompleted) return;
+		lastCompleted = next;
+		let result;
+		try {
+			result = onComplete(next);
+		} catch (error) {
+			logger.warn("createOtp: onComplete threw", error);
+			reject();
+			return;
+		}
+		if (/* @__PURE__ */ isThenable(result)) {
+			isPending.value = true;
+			result.then((ok) => {
+				isPending.value = false;
+				if (ok === false) reject();
+			}, (error) => {
+				isPending.value = false;
+				logger.warn("createOtp: onComplete rejected", error);
+				reject();
+			});
+			return;
+		}
+		if (result === false) reject();
+	});
+	return {
+		value,
+		length: lengthRef,
+		input: {
+			...input,
+			reset() {
+				clearRejection();
+				lastCompleted = "";
+				input.reset();
+			}
+		},
+		isComplete,
+		isValidating: isPending,
+		write,
+		distribute,
+		clear,
+		fill,
+		accepts
+	};
+}
+//#endregion
 //#region src/composables/useHydration/index.ts
 /**
 * @module useHydration
@@ -7490,7 +7763,7 @@ function useElementSize(target) {
 	return {
 		width: shallowReadonly(width),
 		height: shallowReadonly(height),
-		isActive,
+		isActive: shallowReadonly(isActive),
 		isPaused: shallowReadonly(isPaused),
 		pause,
 		resume,
@@ -9107,6 +9380,124 @@ function useVirtual(namespace = "v0:virtual") {
 	return useContext(namespace);
 }
 //#endregion
+//#region src/composables/toHighlight/index.ts
+/**
+* @module toHighlight
+*
+* @see https://0.vuetifyjs.com/composables/transformers/to-highlight
+*
+* @remarks
+* Pure transformer — no DOM, no state, no registry, no reactivity. Splits text
+* into matched and unmatched chunks given a query string, an array of query
+* strings, or pre-computed `[start, end]` match ranges (e.g., from createFilter).
+* Returns a plain array; wrap the call in `computed()` for reactive recomputation.
+*
+* @example
+* ```ts
+* import { toHighlight } from '@vuetify/v0'
+*
+* const chunks = toHighlight('Hello World', 'World')
+* // [{ text: 'Hello ', match: false }, { text: 'World', match: true }]
+* ```
+*/
+function merge(ranges) {
+	const sorted = ranges.filter((span) => span[0] < span[1]).toSorted((a, b) => a[0] - b[0]);
+	const merged = [];
+	for (const span of sorted) {
+		const last = merged.at(-1);
+		if (last && span[0] <= last[1]) last[1] = Math.max(last[1], span[1]);
+		else merged.push([span[0], span[1]]);
+	}
+	return merged;
+}
+function chunk(text, ranges) {
+	const chunks = [];
+	let cursor = 0;
+	for (const [start, end] of ranges) {
+		if (cursor < start) chunks.push({
+			text: text.slice(cursor, start),
+			match: false
+		});
+		chunks.push({
+			text: text.slice(start, end),
+			match: true
+		});
+		cursor = end;
+	}
+	if (cursor < text.length) chunks.push({
+		text: text.slice(cursor),
+		match: false
+	});
+	return chunks;
+}
+function find(text, query, matchAll, ignoreCase) {
+	const terms = (/* @__PURE__ */ toArray(query)).filter(Boolean);
+	const haystack = ignoreCase ? text.toLocaleLowerCase() : text;
+	const spans = [];
+	for (const term of terms) {
+		const needle = ignoreCase ? term.toLocaleLowerCase() : term;
+		let index = haystack.indexOf(needle);
+		if (index !== -1) {
+			spans.push([index, index + term.length]);
+			if (matchAll) {
+				index = haystack.indexOf(needle, index + term.length);
+				while (index !== -1) {
+					spans.push([index, index + term.length]);
+					index = haystack.indexOf(needle, index + term.length);
+				}
+			}
+		}
+	}
+	return merge(spans);
+}
+/**
+* Splits text into matched and unmatched chunks.
+*
+* Pure transformer — returns a plain array. Wrap the call in `computed()` for
+* reactive recomputation.
+*
+* Priority: `options.matches` (when non-empty) → `query` → no-match fallback.
+*
+* @param text The source string to split.
+* @param query One or more search terms. Empty strings are ignored. Case sensitivity controlled by `options.ignoreCase`.
+* @param options Optional `matches`, `matchAll`, `ignoreCase`.
+* @returns A `HighlightChunk[]` array.
+*
+* @see https://0.vuetifyjs.com/composables/transformers/to-highlight
+*
+* @example
+* ```ts
+* import { computed, shallowRef } from 'vue'
+* import { toHighlight } from '@vuetify/v0'
+*
+* const query = shallowRef('World')
+* const chunks = computed(() => toHighlight('Hello World', query))
+*
+* console.log(chunks.value)
+* // [{ text: 'Hello ', match: false }, { text: 'World', match: true }]
+* ```
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function toHighlight(text, query, options = {}) {
+	const _text = toValue(text);
+	const _query = toValue(query);
+	const _matches = toValue(options.matches);
+	const matchAll = toValue(options.matchAll) ?? false;
+	const ignoreCase = toValue(options.ignoreCase) ?? false;
+	if (_matches?.length) return chunk(_text, merge(_matches));
+	if (_query) {
+		const ranges = find(_text, _query, matchAll, ignoreCase);
+		return ranges.length > 0 ? chunk(_text, ranges) : [{
+			text: _text,
+			match: false
+		}];
+	}
+	return [{
+		text: _text,
+		match: false
+	}];
+}
+//#endregion
 //#region src/composables/toReactive/index.ts
 /**
 * @module toReactive
@@ -11976,7 +12367,7 @@ function createNotifications(options = {}) {
 	*
 	* notifications.readAll()
 	*
-	* console.log(notifications.values().every(t => t.readAt !== null)) // true
+	* console.log(notifications.values().every(t => !isNull(t.readAt))) // true
 	* ```
 	*/
 	function readAll() {
@@ -12005,7 +12396,7 @@ function createNotifications(options = {}) {
 	*
 	* notifications.archiveAll()
 	*
-	* console.log(notifications.values().every(t => t.archivedAt !== null)) // true
+	* console.log(notifications.values().every(t => !isNull(t.archivedAt))) // true
 	* ```
 	*/
 	function archiveAll() {
@@ -14526,7 +14917,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 		const firstDividerWidth = shallowRef(0);
 		const overflow = createOverflow({
 			container: () => containerRef.value?.element,
-			gap: __props.gap,
+			gap: () => __props.gap,
 			reserved: () => {
 				let r = 0;
 				if (firstItemWidth.value > 0) r += firstItemWidth.value + __props.gap;
@@ -19278,11 +19669,11 @@ const _sfc_main$74 = /* @__PURE__ */ defineComponent({
 			name: __props.name,
 			form: __props.form,
 			required: __props.required,
-			disabled: __props.disabled,
-			readonly: __props.readonly,
+			disabled: () => toValue(__props.disabled),
+			readonly: () => toValue(__props.readonly),
 			rules: __props.rules,
-			error: __props.error,
-			errorMessages: __props.errorMessages
+			error: () => toValue(__props.error),
+			errorMessages: () => toValue(__props.errorMessages)
 		});
 		const parsed = toRef(() => parseValidateOn$1(__props.validateOn));
 		function shouldValidate(trigger) {
@@ -19756,8 +20147,8 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 			locale: __props.locale,
 			format: __props.format,
 			clamp: __props.clamp,
-			disabled: __props.disabled,
-			readonly: __props.readonly,
+			disabled: () => toValue(__props.disabled),
+			readonly: () => toValue(__props.readonly),
 			min: __props.min,
 			max: __props.max,
 			step: __props.step,
@@ -24075,10 +24466,10 @@ const _sfc_main$127 = /* @__PURE__ */ defineComponent({
 			min: __props.min,
 			max: __props.max,
 			step: __props.step,
-			disabled: __props.disabled,
-			readonly: __props.readonly,
-			orientation: __props.orientation,
-			inverted: __props.inverted,
+			disabled: () => toValue(__props.disabled),
+			readonly: () => toValue(__props.readonly),
+			orientation: () => toValue(__props.orientation),
+			inverted: () => toValue(__props.inverted),
 			minStepsBetweenThumbs: __props.minStepsBetweenThumbs,
 			crossover: __props.crossover
 		});
@@ -27783,4 +28174,4 @@ const Treeview = {
 	SelectAll: _sfc_main$163
 };
 //#endregion
-export { AlertDialog, _sfc_main as AlertDialogAction, _sfc_main$1 as AlertDialogActivator, _sfc_main$2 as AlertDialogCancel, _sfc_main$3 as AlertDialogClose, _sfc_main$4 as AlertDialogContent, _sfc_main$5 as AlertDialogDescription, _sfc_main$6 as AlertDialogRoot, _sfc_main$7 as AlertDialogTitle, _sfc_main$8 as AspectRatio, _sfc_main$9 as Atom, Avatar, _sfc_main$10 as AvatarFallback, _sfc_main$11 as AvatarImage, _sfc_main$12 as AvatarRoot, Breadcrumbs, _sfc_main$13 as BreadcrumbsDivider, _sfc_main$14 as BreadcrumbsEllipsis, _sfc_main$15 as BreadcrumbsItem, _sfc_main$16 as BreadcrumbsLink, _sfc_main$17 as BreadcrumbsList, _sfc_main$18 as BreadcrumbsPage, _sfc_main$19 as BreadcrumbsRoot, Button, _sfc_main$20 as ButtonContent, _sfc_main$21 as ButtonGroup, _sfc_main$22 as ButtonHiddenInput, _sfc_main$23 as ButtonIcon, _sfc_main$24 as ButtonLoading, _sfc_main$25 as ButtonRoot, Carousel, _sfc_main$26 as CarouselIndicator, _sfc_main$27 as CarouselItem, _sfc_main$28 as CarouselLiveRegion, _sfc_main$29 as CarouselNext, _sfc_main$30 as CarouselPrevious, _sfc_main$31 as CarouselProgress, _sfc_main$32 as CarouselRoot, _sfc_main$33 as CarouselViewport, Checkbox, _sfc_main$34 as CheckboxGroup, _sfc_main$35 as CheckboxHiddenInput, _sfc_main$36 as CheckboxIndicator, _sfc_main$37 as CheckboxRoot, _sfc_main$38 as CheckboxSelectAll, ClientComboboxAdapter, ClientDataTableAdapter, Collapsible, _sfc_main$39 as CollapsibleActivator, _sfc_main$40 as CollapsibleContent, _sfc_main$41 as CollapsibleCue, _sfc_main$42 as CollapsibleRoot, Combobox, _sfc_main$43 as ComboboxActivator, ComboboxAdapter, _sfc_main$44 as ComboboxContent, _sfc_main$45 as ComboboxControl, _sfc_main$46 as ComboboxCue, _sfc_main$47 as ComboboxDescription, _sfc_main$48 as ComboboxEmpty, _sfc_main$49 as ComboboxError, _sfc_main$50 as ComboboxItem, _sfc_main$51 as ComboboxRoot, ConsolaLoggerAdapter, DataTableAdapter, Dialog, _sfc_main$52 as DialogActivator, _sfc_main$53 as DialogClose, _sfc_main$54 as DialogContent, _sfc_main$55 as DialogDescription, _sfc_main$56 as DialogRoot, _sfc_main$57 as DialogTitle, DragDropAdapter, ExpansionPanel, _sfc_main$58 as ExpansionPanelActivator, _sfc_main$59 as ExpansionPanelContent, _sfc_main$60 as ExpansionPanelCue, _sfc_main$61 as ExpansionPanelGroup, _sfc_main$62 as ExpansionPanelHeader, _sfc_main$63 as ExpansionPanelRoot, FeaturesAdapter, _sfc_main$64 as Form, Group, _sfc_main$65 as GroupItem, _sfc_main$66 as GroupRoot, IN_BROWSER, Image, _sfc_main$67 as ImageFallback, _sfc_main$68 as ImageImg, _sfc_main$69 as ImagePlaceholder, _sfc_main$70 as ImageRoot, Input, _sfc_main$71 as InputControl, _sfc_main$72 as InputDescription, _sfc_main$73 as InputError, _sfc_main$74 as InputRoot, KeyboardAdapter, _sfc_main$75 as Locale, LocaleAdapter, LoggerAdapter, MemoryStorageAdapter, NumberField, _sfc_main$76 as NumberFieldControl, _sfc_main$77 as NumberFieldDecrement, _sfc_main$78 as NumberFieldDescription, _sfc_main$79 as NumberFieldError, _sfc_main$80 as NumberFieldIncrement, _sfc_main$81 as NumberFieldRoot, _sfc_main$82 as NumberFieldScrub, Overflow, _sfc_main$83 as OverflowIndicator, _sfc_main$84 as OverflowItem, _sfc_main$85 as OverflowRoot, Pagination, _sfc_main$86 as PaginationEllipsis, _sfc_main$87 as PaginationFirst, _sfc_main$88 as PaginationItem, _sfc_main$89 as PaginationLast, _sfc_main$90 as PaginationNext, _sfc_main$91 as PaginationPrev, _sfc_main$92 as PaginationRoot, _sfc_main$93 as PaginationStatus, PermissionsAdapter, PinoLoggerAdapter, PointerAdapter, Popover, _sfc_main$94 as PopoverActivator, _sfc_main$95 as PopoverContent, _sfc_main$96 as PopoverRoot, _sfc_main$97 as Portal, _sfc_main$98 as Presence, Progress, _sfc_main$99 as ProgressBuffer, _sfc_main$100 as ProgressFill, _sfc_main$101 as ProgressHiddenInput, _sfc_main$102 as ProgressLabel, _sfc_main$103 as ProgressRoot, _sfc_main$104 as ProgressTrack, _sfc_main$105 as ProgressValue, Radio, _sfc_main$106 as RadioGroup, _sfc_main$107 as RadioHiddenInput, _sfc_main$108 as RadioIndicator, _sfc_main$109 as RadioRoot, Rating, _sfc_main$110 as RatingHiddenInput, _sfc_main$111 as RatingItem, _sfc_main$112 as RatingRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, _sfc_main$113 as Scrim, Select, _sfc_main$114 as SelectActivator, _sfc_main$115 as SelectContent, _sfc_main$116 as SelectCue, _sfc_main$117 as SelectItem, _sfc_main$118 as SelectPlaceholder, _sfc_main$119 as SelectRoot, _sfc_main$120 as SelectValue, Selection, _sfc_main$121 as SelectionItem, _sfc_main$122 as SelectionRoot, ServerComboboxAdapter, ServerDataTableAdapter, Single, _sfc_main$123 as SingleItem, _sfc_main$124 as SingleRoot, Slider, _sfc_main$125 as SliderHiddenInput, _sfc_main$126 as SliderRange, _sfc_main$127 as SliderRoot, _sfc_main$128 as SliderThumb, _sfc_main$129 as SliderTrack, Snackbar, _sfc_main$130 as SnackbarClose, _sfc_main$131 as SnackbarContent, _sfc_main$132 as SnackbarPortal, _sfc_main$133 as SnackbarQueue, _sfc_main$134 as SnackbarRoot, Splitter, _sfc_main$135 as SplitterHandle, _sfc_main$136 as SplitterPanel, _sfc_main$137 as SplitterRoot, Step, _sfc_main$138 as StepItem, _sfc_main$139 as StepRoot, StorageAdapter, Switch, _sfc_main$140 as SwitchGroup, _sfc_main$141 as SwitchHiddenInput, _sfc_main$142 as SwitchRoot, _sfc_main$143 as SwitchSelectAll, _sfc_main$144 as SwitchThumb, _sfc_main$145 as SwitchTrack, Tabs, _sfc_main$146 as TabsItem, _sfc_main$147 as TabsList, _sfc_main$148 as TabsPanel, _sfc_main$149 as TabsRoot, _sfc_main$150 as Theme, Toggle, _sfc_main$151 as ToggleGroup, _sfc_main$152 as ToggleIndicator, _sfc_main$153 as ToggleRoot, Treeview, _sfc_main$154 as TreeviewActivator, _sfc_main$155 as TreeviewCheckbox, _sfc_main$156 as TreeviewContent, _sfc_main$157 as TreeviewCue, _sfc_main$158 as TreeviewGroup, _sfc_main$159 as TreeviewIndicator, _sfc_main$160 as TreeviewItem, _sfc_main$161 as TreeviewList, _sfc_main$162 as TreeviewRoot, _sfc_main$163 as TreeviewSelectAll, V0LocaleAdapter, V0LoggerAdapter, V0RtlAdapter, V0StyleSheetThemeAdapter, V0UnheadThemeAdapter, VirtualDataTableAdapter, __LOGGER_ENABLED__, apca, clamp, computeDepth, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createCombobox, createComboboxContext, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createInput, createKanban, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createModel, createNested, createNestedContext, createNotifications, createNotificationsContext, createNotificationsPlugin, createNumberField, createNumeric, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createProgress, createProgressContext, createQueue, createQueueContext, createRating, createRatingContext, createRegistry, createRegistryContext, createRtl, createRtlContext, createRtlFallback, createRtlPlugin, createRules, createRulesContext, createRulesFallback, createRulesPlugin, createSelection, createSelectionContext, createSingle, createSingleContext, createSlider, createSortable, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createValidation, createVirtual, createVirtualContext, extractLeaves, flatten, foreground, hexToRgb, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isStandardSchema, isString, isSymbol, isThenable, isUndefined, mergeDeep, provideAlertDialogContext, provideAvatarRoot, provideBreadcrumbsRoot, provideButtonGroup, provideButtonRoot, provideCarouselRoot, provideCheckboxGroup, provideCheckboxRoot, provideCollapsible, provideComboboxContext, provideContext, provideDialogContext, provideExpansionPanelGroup, provideExpansionPanelRoot, provideGroupRoot, provideImageRoot, provideInputRoot, provideNumberFieldRoot, provideOverflowRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideProgressRoot, provideRadioGroup, provideRadioRoot, provideRatingRoot, provideSelectContext, provideSelectionRoot, provideSingleRoot, provideSliderRoot, provideSnackbarQueueContext, provideSnackbarRootContext, provideSplitterRoot, provideStepRoot, provideSwitchGroup, provideSwitchRoot, provideTabsRoot, provideToggleGroup, provideToggleRoot, provideTreeviewItem, provideTreeviewList, provideTreeviewRoot, range, resolveHeaders, resolveIds, resolveIndexes, rgbToHex, toArray, toElement, toReactive, useAlertDialogContext, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useButtonGroup, useButtonRoot, useCarouselRoot, useCheckboxGroup, useCheckboxRoot, useClickOutside, useCollapsible, useCombobox, useComboboxContext, useContext, useDataTable, useDate, useDelay, useDialogContext, useDocumentEventListener, useDragDrop, useElementIntersection, useElementSize, useEventListener, useExpansionPanelGroup, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useImage, useImageRoot, useInputRoot, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useNotifications, useNumberFieldRoot, useOverflow, useOverflowRoot, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopover, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, usePresence, useProgress, useProgressRoot, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRaf, useRating, useRatingRoot, useRegistry, useResizeObserver, useRovingFocus, useRtl, useRules, useSelectContext, useSelection, useSelectionRoot, useSingle, useSingleRoot, useSliderRoot, useSnackbarQueueContext, useSnackbarRootContext, useSplitterRoot, useStack, useStep, useStepRoot, useStorage, useSwitchGroup, useSwitchRoot, useTabsRoot, useTheme, useTimeline, useTimer, useToggleGroup, useToggleRoot, useToggleScope, useTokens, useTreeviewItem, useTreeviewList, useTreeviewRoot, useVirtual, useVirtualFocus, useWindowEventListener, version };
+export { AlertDialog, _sfc_main as AlertDialogAction, _sfc_main$1 as AlertDialogActivator, _sfc_main$2 as AlertDialogCancel, _sfc_main$3 as AlertDialogClose, _sfc_main$4 as AlertDialogContent, _sfc_main$5 as AlertDialogDescription, _sfc_main$6 as AlertDialogRoot, _sfc_main$7 as AlertDialogTitle, _sfc_main$8 as AspectRatio, _sfc_main$9 as Atom, Avatar, _sfc_main$10 as AvatarFallback, _sfc_main$11 as AvatarImage, _sfc_main$12 as AvatarRoot, Breadcrumbs, _sfc_main$13 as BreadcrumbsDivider, _sfc_main$14 as BreadcrumbsEllipsis, _sfc_main$15 as BreadcrumbsItem, _sfc_main$16 as BreadcrumbsLink, _sfc_main$17 as BreadcrumbsList, _sfc_main$18 as BreadcrumbsPage, _sfc_main$19 as BreadcrumbsRoot, Button, _sfc_main$20 as ButtonContent, _sfc_main$21 as ButtonGroup, _sfc_main$22 as ButtonHiddenInput, _sfc_main$23 as ButtonIcon, _sfc_main$24 as ButtonLoading, _sfc_main$25 as ButtonRoot, Carousel, _sfc_main$26 as CarouselIndicator, _sfc_main$27 as CarouselItem, _sfc_main$28 as CarouselLiveRegion, _sfc_main$29 as CarouselNext, _sfc_main$30 as CarouselPrevious, _sfc_main$31 as CarouselProgress, _sfc_main$32 as CarouselRoot, _sfc_main$33 as CarouselViewport, Checkbox, _sfc_main$34 as CheckboxGroup, _sfc_main$35 as CheckboxHiddenInput, _sfc_main$36 as CheckboxIndicator, _sfc_main$37 as CheckboxRoot, _sfc_main$38 as CheckboxSelectAll, ClientComboboxAdapter, ClientDataTableAdapter, Collapsible, _sfc_main$39 as CollapsibleActivator, _sfc_main$40 as CollapsibleContent, _sfc_main$41 as CollapsibleCue, _sfc_main$42 as CollapsibleRoot, Combobox, _sfc_main$43 as ComboboxActivator, ComboboxAdapter, _sfc_main$44 as ComboboxContent, _sfc_main$45 as ComboboxControl, _sfc_main$46 as ComboboxCue, _sfc_main$47 as ComboboxDescription, _sfc_main$48 as ComboboxEmpty, _sfc_main$49 as ComboboxError, _sfc_main$50 as ComboboxItem, _sfc_main$51 as ComboboxRoot, ConsolaLoggerAdapter, DataTableAdapter, Dialog, _sfc_main$52 as DialogActivator, _sfc_main$53 as DialogClose, _sfc_main$54 as DialogContent, _sfc_main$55 as DialogDescription, _sfc_main$56 as DialogRoot, _sfc_main$57 as DialogTitle, DragDropAdapter, ExpansionPanel, _sfc_main$58 as ExpansionPanelActivator, _sfc_main$59 as ExpansionPanelContent, _sfc_main$60 as ExpansionPanelCue, _sfc_main$61 as ExpansionPanelGroup, _sfc_main$62 as ExpansionPanelHeader, _sfc_main$63 as ExpansionPanelRoot, FeaturesAdapter, _sfc_main$64 as Form, Group, _sfc_main$65 as GroupItem, _sfc_main$66 as GroupRoot, IN_BROWSER, Image, _sfc_main$67 as ImageFallback, _sfc_main$68 as ImageImg, _sfc_main$69 as ImagePlaceholder, _sfc_main$70 as ImageRoot, Input, _sfc_main$71 as InputControl, _sfc_main$72 as InputDescription, _sfc_main$73 as InputError, _sfc_main$74 as InputRoot, KeyboardAdapter, _sfc_main$75 as Locale, LocaleAdapter, LoggerAdapter, MemoryStorageAdapter, NumberField, _sfc_main$76 as NumberFieldControl, _sfc_main$77 as NumberFieldDecrement, _sfc_main$78 as NumberFieldDescription, _sfc_main$79 as NumberFieldError, _sfc_main$80 as NumberFieldIncrement, _sfc_main$81 as NumberFieldRoot, _sfc_main$82 as NumberFieldScrub, Overflow, _sfc_main$83 as OverflowIndicator, _sfc_main$84 as OverflowItem, _sfc_main$85 as OverflowRoot, Pagination, _sfc_main$86 as PaginationEllipsis, _sfc_main$87 as PaginationFirst, _sfc_main$88 as PaginationItem, _sfc_main$89 as PaginationLast, _sfc_main$90 as PaginationNext, _sfc_main$91 as PaginationPrev, _sfc_main$92 as PaginationRoot, _sfc_main$93 as PaginationStatus, PermissionsAdapter, PinoLoggerAdapter, PointerAdapter, Popover, _sfc_main$94 as PopoverActivator, _sfc_main$95 as PopoverContent, _sfc_main$96 as PopoverRoot, _sfc_main$97 as Portal, _sfc_main$98 as Presence, Progress, _sfc_main$99 as ProgressBuffer, _sfc_main$100 as ProgressFill, _sfc_main$101 as ProgressHiddenInput, _sfc_main$102 as ProgressLabel, _sfc_main$103 as ProgressRoot, _sfc_main$104 as ProgressTrack, _sfc_main$105 as ProgressValue, Radio, _sfc_main$106 as RadioGroup, _sfc_main$107 as RadioHiddenInput, _sfc_main$108 as RadioIndicator, _sfc_main$109 as RadioRoot, Rating, _sfc_main$110 as RatingHiddenInput, _sfc_main$111 as RatingItem, _sfc_main$112 as RatingRoot, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, _sfc_main$113 as Scrim, Select, _sfc_main$114 as SelectActivator, _sfc_main$115 as SelectContent, _sfc_main$116 as SelectCue, _sfc_main$117 as SelectItem, _sfc_main$118 as SelectPlaceholder, _sfc_main$119 as SelectRoot, _sfc_main$120 as SelectValue, Selection, _sfc_main$121 as SelectionItem, _sfc_main$122 as SelectionRoot, ServerComboboxAdapter, ServerDataTableAdapter, Single, _sfc_main$123 as SingleItem, _sfc_main$124 as SingleRoot, Slider, _sfc_main$125 as SliderHiddenInput, _sfc_main$126 as SliderRange, _sfc_main$127 as SliderRoot, _sfc_main$128 as SliderThumb, _sfc_main$129 as SliderTrack, Snackbar, _sfc_main$130 as SnackbarClose, _sfc_main$131 as SnackbarContent, _sfc_main$132 as SnackbarPortal, _sfc_main$133 as SnackbarQueue, _sfc_main$134 as SnackbarRoot, Splitter, _sfc_main$135 as SplitterHandle, _sfc_main$136 as SplitterPanel, _sfc_main$137 as SplitterRoot, Step, _sfc_main$138 as StepItem, _sfc_main$139 as StepRoot, StorageAdapter, Switch, _sfc_main$140 as SwitchGroup, _sfc_main$141 as SwitchHiddenInput, _sfc_main$142 as SwitchRoot, _sfc_main$143 as SwitchSelectAll, _sfc_main$144 as SwitchThumb, _sfc_main$145 as SwitchTrack, Tabs, _sfc_main$146 as TabsItem, _sfc_main$147 as TabsList, _sfc_main$148 as TabsPanel, _sfc_main$149 as TabsRoot, _sfc_main$150 as Theme, Toggle, _sfc_main$151 as ToggleGroup, _sfc_main$152 as ToggleIndicator, _sfc_main$153 as ToggleRoot, Treeview, _sfc_main$154 as TreeviewActivator, _sfc_main$155 as TreeviewCheckbox, _sfc_main$156 as TreeviewContent, _sfc_main$157 as TreeviewCue, _sfc_main$158 as TreeviewGroup, _sfc_main$159 as TreeviewIndicator, _sfc_main$160 as TreeviewItem, _sfc_main$161 as TreeviewList, _sfc_main$162 as TreeviewRoot, _sfc_main$163 as TreeviewSelectAll, V0LocaleAdapter, V0LoggerAdapter, V0RtlAdapter, V0StyleSheetThemeAdapter, V0UnheadThemeAdapter, VirtualDataTableAdapter, __LOGGER_ENABLED__, apca, clamp, computeDepth, createBreadcrumbs, createBreadcrumbsContext, createBreakpoints, createBreakpointsContext, createBreakpointsPlugin, createCombobox, createComboboxContext, createContext, createDataTable, createDataTableContext, createDate, createDateContext, createDatePlugin, createFallbackHydration, createFeatures, createFeaturesContext, createFeaturesPlugin, createFilter, createFilterContext, createForm, createFormContext, createGroup, createGroupContext, createHydration, createHydrationContext, createHydrationPlugin, createInput, createKanban, createLocale, createLocaleContext, createLocaleFallback, createLocalePlugin, createLogger, createLoggerContext, createLoggerPlugin, createModel, createNested, createNestedContext, createNotifications, createNotificationsContext, createNotificationsPlugin, createNumberField, createNumeric, createOtp, createOverflow, createOverflowContext, createPagination, createPaginationContext, createPermissions, createPermissionsContext, createPermissionsPlugin, createPlugin, createPluginContext, createProgress, createProgressContext, createQueue, createQueueContext, createRating, createRatingContext, createRegistry, createRegistryContext, createRtl, createRtlContext, createRtlFallback, createRtlPlugin, createRules, createRulesContext, createRulesFallback, createRulesPlugin, createSelection, createSelectionContext, createSingle, createSingleContext, createSlider, createSortable, createStack, createStackContext, createStackPlugin, createStep, createStepContext, createStorage, createStorageContext, createStoragePlugin, createTheme, createThemeContext, createThemePlugin, createTimeline, createTimelineContext, createTokens, createTokensContext, createTrinity, createValidation, createVirtual, createVirtualContext, extractLeaves, flatten, foreground, hexToRgb, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isSelfClosingTag, isStandardSchema, isString, isSymbol, isThenable, isUndefined, mergeDeep, provideAlertDialogContext, provideAvatarRoot, provideBreadcrumbsRoot, provideButtonGroup, provideButtonRoot, provideCarouselRoot, provideCheckboxGroup, provideCheckboxRoot, provideCollapsible, provideComboboxContext, provideContext, provideDialogContext, provideExpansionPanelGroup, provideExpansionPanelRoot, provideGroupRoot, provideImageRoot, provideInputRoot, provideNumberFieldRoot, provideOverflowRoot, providePaginationControls, providePaginationItems, providePaginationRoot, providePopoverContext, provideProgressRoot, provideRadioGroup, provideRadioRoot, provideRatingRoot, provideSelectContext, provideSelectionRoot, provideSingleRoot, provideSliderRoot, provideSnackbarQueueContext, provideSnackbarRootContext, provideSplitterRoot, provideStepRoot, provideSwitchGroup, provideSwitchRoot, provideTabsRoot, provideToggleGroup, provideToggleRoot, provideTreeviewItem, provideTreeviewList, provideTreeviewRoot, range, resolveHeaders, resolveIds, resolveIndexes, rgbToHex, toArray, toElement, toHighlight, toReactive, useAlertDialogContext, useAvatarRoot, useBreadcrumbs, useBreadcrumbsRoot, useBreakpoints, useButtonGroup, useButtonRoot, useCarouselRoot, useCheckboxGroup, useCheckboxRoot, useClickOutside, useCollapsible, useCombobox, useComboboxContext, useContext, useDataTable, useDate, useDelay, useDialogContext, useDocumentEventListener, useDragDrop, useElementIntersection, useElementSize, useEventListener, useExpansionPanelGroup, useExpansionPanelRoot, useFeatures, useFilter, useForm, useGroup, useGroupRoot, useHotkey, useHydration, useId, useImage, useImageRoot, useInputRoot, useIntersectionObserver, useLazy, useLocale, useLogger, useMediaQuery, useMutationObserver, useNested, useNotifications, useNumberFieldRoot, useOverflow, useOverflowRoot, usePagination, usePaginationControls, usePaginationItems, usePaginationRoot, usePermissions, usePopover, usePopoverContext, usePrefersContrast, usePrefersDark, usePrefersReducedMotion, usePresence, useProgress, useProgressRoot, useProxyModel, useProxyRegistry, useQueue, useRadioGroup, useRadioRoot, useRaf, useRating, useRatingRoot, useRegistry, useResizeObserver, useRovingFocus, useRtl, useRules, useSelectContext, useSelection, useSelectionRoot, useSingle, useSingleRoot, useSliderRoot, useSnackbarQueueContext, useSnackbarRootContext, useSplitterRoot, useStack, useStep, useStepRoot, useStorage, useSwitchGroup, useSwitchRoot, useTabsRoot, useTheme, useTimeline, useTimer, useToggleGroup, useToggleRoot, useToggleScope, useTokens, useTreeviewItem, useTreeviewList, useTreeviewRoot, useVirtual, useVirtualFocus, useWindowEventListener, version };