@vuetify/v0 1.2.0 → 1.2.2

package/README.md

@@ -43,6 +43,11 @@ This is a **pnpm monorepo** containing:
 | Package | Description |
 |---------|-------------|
 | [`@vuetify/v0`](./packages/0) | Core headless components and composables |
+| [`@vuetify/play`](./packages/play) | Playground hash protocol |
+| [`@paper/emerald`](./packages/emerald) | Emerald design system |
+| [`@paper/bulma`](./packages/bulma) | Bulma compat design system |
+| [`@paper/genesis`](./packages/genesis) | Genesis design system (docs primitives) |
+| [`@vuetify/paper`](./packages/paper) | Styling primitives (private, dormant) |
 | [`apps/docs`](./apps/docs) | Documentation site ([0.vuetifyjs.com](https://0.vuetifyjs.com)) |
 | [`apps/playground`](./apps/playground) | Interactive development environment |
 
@@ -64,6 +69,35 @@ yarn add @vuetify/v0
 bun add @vuetify/v0
 ```
 
+## CLI
+
+The Vuetify CLI scaffolds projects and seeds working examples from the docs registry.
+
+### Create a Project
+
+```bash
+pnpm create vuetify0
+# or
+pnpm dlx @vuetify/cli init
+```
+
+### Seed Examples
+
+v0 is headless — importing a component gives you logic and accessibility, not a rendered UI. Use `vuetify add` to pull a styled example from the [docs registry](https://0.vuetifyjs.com/registry/index.json) into your project:
+
+```bash
+# Interactive picker
+pnpm dlx @vuetify/cli add
+
+# Seed a specific component
+pnpm dlx @vuetify/cli add dialog
+
+# Seed a composable plugin
+pnpm dlx @vuetify/cli add use-theme
+```
+
+See the [CLI guide](https://0.vuetifyjs.com/guide/tooling/vuetify-cli) for registry options, `vuetify.json` tracking, and the full command list.
+
 ## Exports
 
 The package provides tree-shakeable subpath exports:

package/dist/{adapter-TiGrumDi.mjs → adapter-B6R54NMr.mjs}

@@ -27,7 +27,7 @@ var ThemeAdapter = class ThemeAdapter {
 			if (!themeColors) continue;
 			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`;
+			css += `[data-theme="${theme}"] {\n${vars}\n}\n`;
 		}
 		if (!/* @__PURE__ */ isUndefined(isDark)) css += `:root {\n  color-scheme: ${isDark ? "dark" : "light"};\n}\n`;
 		return css;

package/dist/{adapter-D5nT3bLw.d.mts → adapter-BC1VWu0H.d.mts}

@@ -1,5 +1,4 @@
 import { Temporal } from "@js-temporal/polyfill";
-
 //#region src/composables/useDate/adapters/adapter.d.ts
 declare abstract class DateAdapter<T = Temporal.PlainDateTime> {
   /** Current locale for formatting */

package/dist/{adapter-PDTe5nFT.d.mts → adapter-BP7jNtvH.d.mts}

@@ -1,6 +1,5 @@
-import { t as ContextTrinity } from "./index-H_hl6-4b.mjs";
+import { t as ContextTrinity } from "./index-ClUa0Bl7.mjs";
 import { ComputedRef, MaybeRefOrGetter, Ref, ShallowRef, WritableComputedRef } from "vue";
-
 //#region src/composables/createFilter/index.d.ts
 type Primitive = string | number | boolean;
 type FilterQuery = MaybeRefOrGetter<Primitive | Primitive[]>;
@@ -9,7 +8,7 @@ type FilterMode = 'some' | 'every' | 'union' | 'intersection';
 type FilterFunction = (query: Primitive | Primitive[], item: FilterItem) => boolean;
 interface FilterOptions {
   customFilter?: FilterFunction;
-  keys?: string[];
+  keys?: MaybeRefOrGetter<readonly string[]>;
   mode?: FilterMode;
 }
 interface FilterResult<Z extends FilterItem = FilterItem> {
@@ -19,7 +18,7 @@ interface FilterContext<Z extends FilterItem = FilterItem> {
   /** The filter mode */
   mode: FilterMode;
   /** Keys to filter on for object items */
-  keys: string[] | undefined;
+  keys: MaybeRefOrGetter<readonly string[]> | undefined;
   /** Custom filter function */
   customFilter: FilterFunction | undefined;
   /** Current query ref */

package/dist/{adapter-CqS8xexO.d.mts → adapter-Bi799Zn7.d.mts}

@@ -1,7 +1,6 @@
-import { a as ID } from "./index-DtiaWx5U.mjs";
-import { c as TokenTicket, i as TokenContext } from "./index-D0ub61GV.mjs";
+import { a as ID } from "./index-XNZrgWCq.mjs";
+import { c as TokenTicket, i as TokenContext } from "./index-Dlr9_rf1.mjs";
 import { Ref } from "vue";
-
 //#region src/composables/useLocale/adapters/adapter.d.ts
 interface LocaleAdapterContext {
   tokens: TokenContext<TokenTicket>;

package/dist/{adapter-ClB-53_F.d.mts → adapter-CbkRdMju.d.mts}

@@ -1,5 +1,4 @@
 import { Ref } from "vue";
-
 //#region src/composables/usePopover/adapters/adapter.d.ts
 type PopoverSide = 'top' | 'bottom' | 'left' | 'right';
 type PopoverAlign = 'start' | 'center' | 'end';

package/dist/{adapter-BiQV5j8B.mjs → adapter-DMzQI6ma.mjs}

@@ -1,6 +1,6 @@
 import { clamp, isArray, isNaN, isNullOrUndefined, isNumber, isObject, isString, range } from "./utilities/index.mjs";
-import { i as useContext, t as createTrinity } from "./createTrinity-z-3q9QWR.mjs";
-import { t as toArray } from "./toArray-MY9Kb1Qy.mjs";
+import { i as useContext, t as createTrinity } from "./createTrinity-DJROWgXU.mjs";
+import { t as toArray } from "./toArray-DCZRopC6.mjs";
 import { computed, isRef, shallowRef, toRef, toValue } from "vue";
 //#region src/composables/createFilter/index.ts
 /**
@@ -64,7 +64,7 @@ function defaultFilter(query, item, keys, mode = "some") {
 */
 function createFilter(options = {}) {
 	const { customFilter, keys, mode = "some" } = options;
-	const filterFunction = customFilter ?? ((q, i) => defaultFilter(q, i, keys, mode));
+	const filterFunction = customFilter ?? ((q, i) => defaultFilter(q, i, toValue(keys), mode));
 	const query = shallowRef("");
 	function apply(_query, items) {
 		return { items: computed(() => {
@@ -114,7 +114,8 @@ function createFilter(options = {}) {
 */
 function createFilterContext(_options = {}) {
 	const { namespace = "v0:filter", ...options } = _options;
-	return createTrinity(namespace, createFilter(options));
+	const context = createFilter(options);
+	return createTrinity(namespace, context);
 }
 /**
 * Returns the current filter context from dependency injection.
@@ -357,7 +358,8 @@ function createPagination(_options = {}) {
 */
 function createPaginationContext(_options = {}) {
 	const { namespace = "v0:pagination", ...options } = _options;
-	return createTrinity(namespace, createPagination(options));
+	const context = createPagination(options);
+	return createTrinity(namespace, context);
 }
 /**
 * Returns the current pagination instance from context.
@@ -426,7 +428,7 @@ var DataTableAdapter = class {
 	filter(context) {
 		const filter = createFilter({
 			...context.filterOptions,
-			keys: [...toValue(context.filterableKeys)],
+			keys: context.filterableKeys,
 			customFilter: context.filterOptions.customFilter ?? ((query, item) => {
 				const columnFilters = toValue(context.customColumnFilters);
 				const keys = toValue(context.filterableKeys);

package/dist/{adapter-BXunW_mw.d.mts → adapter-w8SEWO2v.d.mts}

@@ -1,5 +1,4 @@
-import { a as ID } from "./index-DtiaWx5U.mjs";
-
+import { a as ID } from "./index-XNZrgWCq.mjs";
 //#region src/composables/useFeatures/adapters/adapter.d.ts
 type FeaturesAdapterValue = boolean | {
   $value?: boolean;

package/dist/{adapter-BuSfpxur.mjs → adapter-z5dFxm0f.mjs}

@@ -51,7 +51,7 @@ function deriveMinimalDays(region) {
 * @param locale An Intl locale string (e.g. 'de-DE', 'en', 'ar-EG', 'en-u-fw-mon').
 * @returns firstDay in v0's 0=Sun...6=Sat convention, plus minimalDays.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function deriveWeekInfo(locale) {
 	const region = deriveRegion(locale);
 	return {