@vuetify/v0 1.0.0-alpha.0 → 1.0.0-alpha.1

package/README.md

@@ -81,6 +81,7 @@ import { ... } from '@vuetify/v0/date'       // Date adapter and utilities
 
 | Component | Description |
 |-----------|-------------|
+| [AspectRatio](https://0.vuetifyjs.com/components/primitives/aspect-ratio) | Fixed width-to-height ratio container via CSS `aspect-ratio` |
 | [Atom](https://0.vuetifyjs.com/components/primitives/atom) | Polymorphic base element with dynamic `as` prop and renderless mode |
 | [Portal](https://0.vuetifyjs.com/components/primitives/portal) | Teleport wrapper with automatic z-index stacking via useStack |
 | [Presence](https://0.vuetifyjs.com/components/primitives/presence) | Animation-agnostic mount lifecycle with lazy mounting and exit timing |
@@ -137,6 +138,8 @@ import { ... } from '@vuetify/v0/date'       // Date adapter and utilities
 |-----------|-------------|
 | [Avatar](https://0.vuetifyjs.com/components/semantic/avatar) | Image/fallback avatar with priority loading |
 | [Breadcrumbs](https://0.vuetifyjs.com/components/semantic/breadcrumbs) | Navigation breadcrumbs with overflow detection and truncation |
+| [Carousel](https://0.vuetifyjs.com/components/semantic/carousel) | Scroll-snap slide navigation with multi-slide display and drag/swipe |
+| [Image](https://0.vuetifyjs.com/components/semantic/image) | Image with placeholder, error fallback, and lazy loading |
 | [Pagination](https://0.vuetifyjs.com/components/semantic/pagination) | Page navigation with semantic `<nav>` wrapper |
 | [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 |
@@ -209,6 +212,7 @@ Selection management composables built on `createRegistry`:
 - [`useClickOutside`](https://0.vuetifyjs.com/composables/system/use-click-outside) - Click outside detection with cleanup
 - [`useEventListener`](https://0.vuetifyjs.com/composables/system/use-event-listener) - Lifecycle-managed event listeners
 - [`useHotkey`](https://0.vuetifyjs.com/composables/system/use-hotkey) - Hotkey combinations and sequences
+- [`useImage`](https://0.vuetifyjs.com/composables/system/use-image) - Image loading state machine with deferred loading and retry
 - [`useIntersectionObserver`](https://0.vuetifyjs.com/composables/system/use-intersection-observer) - Intersection observer with auto-cleanup
 - [`useLazy`](https://0.vuetifyjs.com/composables/system/use-lazy) - Deferred content rendering for dialogs, menus, and tooltips
 - [`useMediaQuery`](https://0.vuetifyjs.com/composables/system/use-media-query) - Reactive CSS media query matching
@@ -283,7 +287,7 @@ pnpm validate
 
 ## Contributing
 
-We are not currently accepting external contributions. Check back later or join our [Discord community](https://community.vuetifyjs.com) for updates.
+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.
 
 ## License
 

package/dist/{adapter-CCIeOzqr.mjs → adapter-CDpOQ8sn.mjs}

@@ -1,6 +1,6 @@
 import { isArray, isNaN, isNullOrUndefined, isNumber, isObject, isString } from "./utilities/index.mjs";
-import { i as useContext, n as createContext, t as createTrinity } from "./createTrinity-vvXk0ARD.mjs";
-import { t as toArray } from "./toArray-doLQVI56.mjs";
+import { i as useContext, t as createTrinity } from "./createTrinity-BTCs1pYx.mjs";
+import { t as toArray } from "./toArray-BA_JxFPv.mjs";
 import { computed, shallowRef, toRef, toValue } from "vue";
 //#region src/composables/createFilter/index.ts
 /**
@@ -20,6 +20,15 @@ import { computed, shallowRef, toRef, toValue } from "vue";
 * - Perfect for search, multi-criteria filtering
 *
 * Filters arrays based on query strings with configurable matching strategies.
+*
+* @example
+* ```ts
+* import { createFilter } from '@vuetify/v0'
+*
+* const filter = createFilter({ mode: 'some' })
+* const { items } = filter.apply('an', ['apple', 'banana', 'cherry'])
+* console.log(items.value) // ['banana']
+* ```
 */
 function defaultFilter(query, item, keys, mode = "some") {
 	const queries = toArray(query).map((q) => String(q).toLowerCase());
@@ -105,12 +114,7 @@ function createFilter(options = {}) {
 */
 function createFilterContext(_options = {}) {
 	const { namespace = "v0:filter", ...options } = _options;
-	const [useFilterContext, _provideFilterContext] = createContext(namespace);
-	const context = createFilter(options);
-	function provideFilterContext(_context = context, app) {
-		return _provideFilterContext(_context, app);
-	}
-	return createTrinity(useFilterContext, provideFilterContext, context);
+	return createTrinity(namespace, createFilter(options));
 }
 /**
 * Returns the current filter context from dependency injection.
@@ -149,29 +153,30 @@ function useFilter(namespace = "v0:filter") {
 * used by client-side adapters. Server adapters that delegate pipeline
 * operations externally can implement DataTableAdapterInterface directly.
 */
-function getNestedValue(obj, key) {
-	const keys = key.split(".");
+function getNestedValue(obj, parts) {
 	let result = obj;
-	for (const k of keys) {
+	for (const k of parts) {
 		if (/* @__PURE__ */ isNullOrUndefined(result)) return void 0;
 		result = result[k];
 	}
 	return result;
 }
-function compareValues(a, b, locale) {
+function compareValues(a, b, collator) {
 	if (a === b) return 0;
 	const aNil = /* @__PURE__ */ isNullOrUndefined(a);
 	const bNil = /* @__PURE__ */ isNullOrUndefined(b);
 	if (aNil && bNil) return 0;
 	if (aNil) return 1;
 	if (bNil) return -1;
-	if (/* @__PURE__ */ isString(a) && /* @__PURE__ */ isString(b)) return a.localeCompare(b, locale);
+	if (/* @__PURE__ */ isString(a) && /* @__PURE__ */ isString(b)) return collator ? collator.compare(a, b) : a.localeCompare(b);
 	if (/* @__PURE__ */ isNumber(a) && /* @__PURE__ */ isNumber(b)) {
 		if (/* @__PURE__ */ isNaN(a)) return 1;
 		if (/* @__PURE__ */ isNaN(b)) return -1;
 		return a - b;
 	}
-	return String(a).localeCompare(String(b), locale);
+	const sa = String(a);
+	const sb = String(b);
+	return collator ? collator.compare(sa, sb) : sa.localeCompare(sb);
 }
 var DataTableAdapter = class {
 	/** Create the filter pipeline stage */
@@ -211,13 +216,17 @@ var DataTableAdapter = class {
 		return computed(() => {
 			const entries = sortBy.value;
 			if (entries.length === 0) return filteredItems.value;
-			const loc = locale?.value;
+			const collator = new Intl.Collator(locale?.value);
+			const resolved = entries.map(({ key, direction }) => ({
+				parts: key.split("."),
+				direction,
+				custom: customSorts?.[key]
+			}));
 			return filteredItems.value.toSorted((a, b) => {
-				for (const { key, direction } of entries) {
-					const aVal = getNestedValue(a, key);
-					const bVal = getNestedValue(b, key);
-					const customSort = customSorts?.[key];
-					const cmp = customSort ? customSort(aVal, bVal) : compareValues(aVal, bVal, loc);
+				for (const { parts, direction, custom } of resolved) {
+					const aVal = parts.length === 1 ? a[parts[0]] : getNestedValue(a, parts);
+					const bVal = parts.length === 1 ? b[parts[0]] : getNestedValue(b, parts);
+					const cmp = custom ? custom(aVal, bVal) : compareValues(aVal, bVal, collator);
 					if (cmp !== 0) return direction === "desc" ? -cmp : cmp;
 				}
 				return 0;

package/dist/{adapter-CcHB7rs3.d.mts → adapter-DoziXEzS.d.mts}

@@ -1,5 +1,5 @@
 import { o as ID } from "./index-B_AlCD7t.mjs";
-import { c as TokenTicket, i as TokenContext } from "./index-BUsrN1vL.mjs";
+import { c as TokenTicket, i as TokenContext } from "./index-TtSSvHY6.mjs";
 import { Ref } from "vue";
 
 //#region src/composables/useLocale/adapters/adapter.d.ts

package/dist/{adapter-Drq1v5wV.mjs → adapter-DtgIrQsG.mjs}

@@ -1,6 +1,8 @@
 import { hexToRgb, isUndefined } from "./utilities/index.mjs";
 //#region src/composables/useTheme/adapters/adapter.ts
-var ThemeAdapter = class {
+var ThemeAdapter = class ThemeAdapter {
+	static UNSAFE_CSS = /url\s*\(|@import|expression\s*\(|[{}]/i;
+	static SAFE_IDENT = /^[a-zA-Z0-9_-]+$/;
 	stylesheetId = "v0-theme-stylesheet";
 	prefix;
 	rgb = false;
@@ -12,7 +14,8 @@ var ThemeAdapter = class {
 		for (const theme in colors) {
 			const themeColors = colors[theme];
 			if (!themeColors) continue;
-			const vars = Object.entries(themeColors).map(([key, val]) => `  --${this.prefix}-${key}: ${this.rgb ? this.decompose(val) : val};`).join("\n");
+			if (!ThemeAdapter.SAFE_IDENT.test(theme)) continue;
+			const vars = Object.entries(themeColors).filter(([key, val]) => ThemeAdapter.SAFE_IDENT.test(key) && !ThemeAdapter.UNSAFE_CSS.test(val)).map(([key, val]) => `  --${this.prefix}-${key}: ${this.rgb ? this.decompose(val) : val};`).join("\n");
 			css += `[data-theme="${theme}"] {\n${vars}\n  color: var(--${this.prefix}-on-background);\n}\n`;
 		}
 		if (!/* @__PURE__ */ isUndefined(isDark)) css += `:root {\n  color-scheme: ${isDark ? "dark" : "light"};\n}\n`;

package/dist/{adapter-BZjmDNJF.d.mts → adapter-J7ude3gO.d.mts}

@@ -1,4 +1,4 @@
-import { t as ContextTrinity } from "./index-76fQGkkO.mjs";
+import { t as ContextTrinity } from "./index-D4odwkZg.mjs";
 import * as _$vue from "vue";
 import { ComputedRef, MaybeRefOrGetter, Ref, ShallowRef, WritableComputedRef } from "vue";
 
@@ -250,7 +250,7 @@ interface DataTableAdapterContext<T extends Record<string, unknown>> {
   /** Search query ref */
   search: ShallowRef<string>;
   /** Column keys eligible for filtering */
-  filterableKeys: ReadonlyArray<keyof T & string>;
+  filterableKeys: readonly string[];
   /** Current sort state derived from sort controls */
   sortBy: Readonly<Ref<SortEntry[]>>;
   /** Locale for sorting (reactive, from useLocale or options) */

package/dist/adapters-CFjrKxA2.mjs

@@ -0,0 +1,5 @@
+import "./adapter-CDpOQ8sn.mjs";
+import "./v0-BG7RhKBv.mjs";
+import "./server-B6OtHgBT.mjs";
+import "./virtual-To-dSw2_.mjs";
+export {};

package/dist/adapters-CiCexgsk.mjs

@@ -0,0 +1,4 @@
+import "./adapter-DtgIrQsG.mjs";
+import "./v0-6XptGYVx.mjs";
+import "./unhead-D2YqAcmF.mjs";
+export {};

package/dist/{adapters-D49L7m2R.mjs → adapters-Da2twiUn.mjs}

@@ -1,3 +1,3 @@
 import "./pino-9L79n6y6.mjs";
-import "./v0-BqikIgl0.mjs";
+import "./v0-CNitYI9N.mjs";
 export {};

package/dist/adapters-DegUcfkd.mjs

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