@vuetify/v0 1.0.0-alpha.4 → 1.0.0-beta.0

package/README.md

@@ -28,7 +28,11 @@
 
 Headless Vue 3 UI primitives and composables for building modern applications and design systems. `@vuetify/v0` is the foundation of the Vuetify ecosystem, offering lightweight, unstyled building blocks with full TypeScript support and accessibility features built-in.
 
-> **Note:** This package is in early development (pre-1.0). APIs may change between minor versions.
+> **Note:** v0 is in beta — the API is stabilizing toward 1.0. Some APIs may still change before the stable release.
+
+## Primary Sponsor
+
+This spot is open. Vuetify0 accepts one Primary Sponsor at a time — $2,000/mo gets your logo on the Vuetify0 docs site (home page + desktop sidebar on every docs page) and this README. [Become the Primary Sponsor →](https://0.vuetifyjs.com/sponsor)
 
 ## Repository Structure
 
@@ -130,6 +134,7 @@ import { ... } from '@vuetify/v0/date'       // Date adapter and utilities
 | [ExpansionPanel](https://0.vuetifyjs.com/components/disclosure/expansion-panel) | Accordion-style collapsible panels |
 | [Popover](https://0.vuetifyjs.com/components/disclosure/popover) | CSS anchor-positioned popup content |
 | [Tabs](https://0.vuetifyjs.com/components/disclosure/tabs) | Tab panel navigation with keyboard support and lazy content rendering |
+| [Tooltip](https://0.vuetifyjs.com/components/disclosure/tooltip) | Description tooltip with hover/focus triggers |
 | [Treeview](https://0.vuetifyjs.com/components/disclosure/treeview) | Hierarchical tree with nested selection and expand/collapse |
 
 #### Semantic
@@ -142,6 +147,7 @@ import { ... } from '@vuetify/v0/date'       // Date adapter and utilities
 | [Image](https://0.vuetifyjs.com/components/semantic/image) | Image with placeholder, error fallback, and lazy loading |
 | [Overflow](https://0.vuetifyjs.com/components/semantic/overflow) | Responsive truncation primitive with overflow detection and indicator |
 | [Pagination](https://0.vuetifyjs.com/components/semantic/pagination) | Page navigation with semantic `<nav>` wrapper |
+| [Progress](https://0.vuetifyjs.com/components/semantic/progress) | Headless progress indicator with multi-segment and buffer support |
 | [Snackbar](https://0.vuetifyjs.com/components/semantic/snackbar) | Toast notification with queue, positioning, and auto-dismiss |
 | [Splitter](https://0.vuetifyjs.com/components/semantic/splitter) | Resizable panel layout with drag handles |
 
@@ -166,6 +172,7 @@ Base data structures that most other composables build upon:
 
 #### Data
 
+- [`createDataGrid`](https://0.vuetifyjs.com/composables/data/create-data-grid) - Headless data grid layering column layout, cell editing, row ordering, and row spanning on top of createDataTable
 - [`createDataTable`](https://0.vuetifyjs.com/composables/data/create-data-table) - Data table with sort, filter, pagination, row selection, grouping, and adapter pattern
 - [`createFilter`](https://0.vuetifyjs.com/composables/data/create-filter) - Reactive array filtering with multiple modes
 - [`createKanban`](https://0.vuetifyjs.com/composables/data/create-kanban) - Two-level sortable orchestrator (columns + items)
@@ -189,6 +196,8 @@ Selection management composables built on `createRegistry`:
 - [`createForm`](https://0.vuetifyjs.com/composables/forms/create-form) - Form validation and state management with async rules
 - [`createInput`](https://0.vuetifyjs.com/composables/forms/create-input) - Shared form field state: validation, dirty/pristine, ARIA IDs
 - [`createNumberField`](https://0.vuetifyjs.com/composables/forms/create-number-field) - Numeric input state with formatting, stepping, and validation
+- [`createNumeric`](https://0.vuetifyjs.com/composables/forms/create-numeric) - Pure numeric math primitive: clamp, snap, step, percentage, and circular wrapping
+- [`createOtp`](https://0.vuetifyjs.com/composables/forms/create-otp) - OTP / verification code state with pattern-gated entry and decisional completion hook
 - [`createValidation`](https://0.vuetifyjs.com/composables/forms/create-validation) - Field-level validation with sync/async rules
 - [`createCombobox`](https://0.vuetifyjs.com/composables/forms/create-combobox) - Combobox state management with filtering and virtual focus
 - [`createRating`](https://0.vuetifyjs.com/composables/forms/create-rating) - Bounded rating value with discrete items and half-step support
@@ -199,15 +208,17 @@ Selection management composables built on `createRegistry`:
 - [`useProxyModel`](https://0.vuetifyjs.com/composables/reactivity/use-proxy-model) - Bridge selection context to component v-model
 - [`useProxyRegistry`](https://0.vuetifyjs.com/composables/reactivity/use-proxy-registry) - Convert registry Map to reactive object
 
-#### Utilities
+#### Semantic
 
-- [`createBreadcrumbs`](https://0.vuetifyjs.com/composables/utilities/create-breadcrumbs) - Breadcrumb navigation model with depth tracking and path traversal
-- [`createOverflow`](https://0.vuetifyjs.com/composables/utilities/create-overflow) - Container overflow measurement for item capacity
+- [`createBreadcrumbs`](https://0.vuetifyjs.com/composables/semantic/create-breadcrumbs) - Breadcrumb navigation model with depth tracking and path traversal
+- [`createOverflow`](https://0.vuetifyjs.com/composables/semantic/create-overflow) - Container overflow measurement for item capacity
+- [`createProgress`](https://0.vuetifyjs.com/composables/semantic/create-progress) - Progress state with multi-segment and buffer tracking
 
 #### Transformers
 
 - [`toArray`](https://0.vuetifyjs.com/composables/transformers/to-array) - Array transformation utilities
 - [`toElement`](https://0.vuetifyjs.com/composables/transformers/to-element) - Normalize refs, selectors, and elements to DOM elements
+- [`toHighlight`](https://0.vuetifyjs.com/composables/transformers/to-highlight) - Split text into matched and unmatched chunks for query highlighting
 - [`toReactive`](https://0.vuetifyjs.com/composables/transformers/to-reactive) - Reactive object conversion
 
 #### System
@@ -248,6 +259,7 @@ Plugin-capable composables following the trinity pattern:
 - [`useStack`](https://0.vuetifyjs.com/composables/plugins/use-stack) - Overlay z-index stacking with automatic scrim coordination
 - [`useStorage`](https://0.vuetifyjs.com/composables/plugins/use-storage) - Storage adapter (localStorage/sessionStorage/memory)
 - [`useTheme`](https://0.vuetifyjs.com/composables/plugins/use-theme) - Theme management with CSS variable injection
+- [`useTooltip`](https://0.vuetifyjs.com/composables/plugins/use-tooltip) - Region-scoped tooltip delay coordination
 
 ## Design Principles
 
@@ -292,7 +304,16 @@ pnpm validate
 
 ## Contributing
 
-v0 is in alpha — open for feedback, bug reports, and contributions. See the [Alpha Roadmap](https://0.vuetifyjs.com/roadmap#alpha) for what's planned and how to get involved.
+Vuetify0 is in beta — open for feedback, bug reports, and contributions. See the [Roadmap](https://0.vuetifyjs.com/roadmap#beta) for what's planned and how to get involved.
+
+## Supporting Vuetify
+
+Vuetify0 is an MIT-licensed open source project. Its ongoing development is made possible by the support of sponsors and backers. If you'd like to join them, please consider:
+
+- [Sponsor on GitHub](https://github.com/sponsors/johnleider)
+- [Donate via Open Collective](https://opencollective.com/vuetify)
+
+For direct support plans and fixed-scope project builds, see [Vuetify Services](https://0.vuetifyjs.com/services).
 
 ## License
 

package/dist/{adapter-C9cR4AcY.mjs → adapter-BCVxBtDp.mjs}

@@ -1,5 +1,5 @@
 import { clamp, isArray, isNaN, isNullOrUndefined, isNumber, isObject, isString, range } from "./utilities/index.mjs";
-import { i as useContext, t as createTrinity } from "./createTrinity-BTCs1pYx.mjs";
+import { i as useContext, t as createTrinity } from "./createTrinity-z-3q9QWR.mjs";
 import { t as toArray } from "./toArray-CD2-OxAz.mjs";
 import { computed, isRef, shallowRef, toRef, toValue } from "vue";
 //#region src/composables/createFilter/index.ts
@@ -424,16 +424,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 {
@@ -442,10 +444,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);
@@ -459,11 +458,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) {

package/dist/{adapter-Cr7Bl4la.d.mts → adapter-BO75n0Cn.d.mts}

@@ -249,8 +249,8 @@ interface DataTableAdapterContext<T extends Record<string, unknown>> {
   items: MaybeRefOrGetter<T[]>;
   /** Search query ref */
   search: ShallowRef<string>;
-  /** Column keys eligible for filtering */
-  filterableKeys: readonly string[];
+  /** Column ids eligible for filtering (reactive — tracks the columns registry) */
+  filterableKeys: MaybeRefOrGetter<readonly string[]>;
   /** Current sort state derived from sort controls */
   sortBy: Readonly<Ref<SortEntry[]>>;
   /** Locale for sorting (reactive, from useLocale or options) */
@@ -259,10 +259,10 @@ interface DataTableAdapterContext<T extends Record<string, unknown>> {
   filterOptions: Omit<FilterOptions, 'keys'>;
   /** Pagination options (size excluded, derived from pipeline) */
   paginationOptions: Omit<PaginationOptions, 'size'>;
-  /** Per-column custom sort comparators */
-  customSorts: Partial<Record<keyof T & string, (a: unknown, b: unknown) => number>>;
-  /** Per-column custom filter functions */
-  customColumnFilters: Partial<Record<keyof T & string, (value: unknown, query: string) => boolean>>;
+  /** Per-column custom sort comparators (reactive — tracks the columns registry). Keys are column ids, which may be `keyof T` or derived strings. */
+  customSorts: MaybeRefOrGetter<Partial<Record<string, (a: unknown, b: unknown) => number>>>;
+  /** Per-column custom filter functions (reactive — tracks the columns registry). Keys are column ids, which may be `keyof T` or derived strings. */
+  customColumnFilters: MaybeRefOrGetter<Partial<Record<string, (value: unknown, query: string) => boolean>>>;
 }
 /** Outputs returned by the adapter to createDataTable */
 interface DataTableAdapterResult<T extends Record<string, unknown>> {
@@ -290,7 +290,7 @@ declare abstract class DataTableAdapter<T extends Record<string, unknown>> {
     filteredItems: _$vue.ComputedRef<T[]>;
   };
   /** Create the sort pipeline stage */
-  protected sort(filteredItems: Readonly<Ref<readonly T[]>>, sortBy: Readonly<Ref<SortEntry[]>>, locale?: Readonly<Ref<string | undefined>>, customSorts?: Partial<Record<string, (a: unknown, b: unknown) => number>>): Readonly<Ref<readonly T[]>>;
+  protected sort(filteredItems: Readonly<Ref<readonly T[]>>, sortBy: Readonly<Ref<SortEntry[]>>, locale?: Readonly<Ref<string | undefined>>, customSorts?: MaybeRefOrGetter<Partial<Record<string, (a: unknown, b: unknown) => number>>>): Readonly<Ref<readonly T[]>>;
   abstract setup(context: DataTableAdapterContext<T>): DataTableAdapterResult<T>;
 }
 //#endregion

package/dist/{adapter-C6JmOyYo.d.mts → adapter-DZeI0ZbW.d.mts}

@@ -1,4 +1,4 @@
-import { a as ID } from "./index-CLR1QMM3.mjs";
+import { a as ID } from "./index-DHmuwBdv.mjs";
 
 //#region src/composables/useFeatures/adapters/adapter.d.ts
 type FeaturesAdapterValue = boolean | {

package/dist/{adapter-DgBBe_BW.d.mts → adapter-we-0GbFH.d.mts}

@@ -1,5 +1,5 @@
-import { a as ID } from "./index-CLR1QMM3.mjs";
-import { c as TokenTicket, i as TokenContext } from "./index-Cw04PFVO.mjs";
+import { a as ID } from "./index-DHmuwBdv.mjs";
+import { c as TokenTicket, i as TokenContext } from "./index-DWAgQOBa.mjs";
 import { Ref } from "vue";
 
 //#region src/composables/useLocale/adapters/adapter.d.ts

package/dist/adapters-BHD1lc-K.mjs

@@ -0,0 +1,4 @@
+import "./adapter-oM18AdUc.mjs";
+import "./v0-Bx5Mi7qE.mjs";
+import "./unhead-CG672gKh.mjs";
+export {};

package/dist/adapters-BYLWDmYl.mjs

@@ -0,0 +1,5 @@
+import "./adapter-BCVxBtDp.mjs";
+import "./v0-COaQncfZ.mjs";
+import "./server-CZ83nTn_.mjs";
+import "./virtual-UumJ2BQ9.mjs";
+export {};

package/dist/adapters-BxrTL8E3.mjs

@@ -0,0 +1,4 @@
+import "./consola-cad-VEV2.mjs";
+import "./pino-BscMO3RR.mjs";
+import "./v0-CG9o3on7.mjs";
+export {};

package/dist/adapters-CBgBd7VE.mjs

@@ -0,0 +1,2 @@
+import "./v0-CHK79mZX.mjs";
+export {};