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

package/dist/{createTokens-qv02qq4_.mjs → createRegistry-Dl-bSSTr.mjs}

@@ -1,6 +1,6 @@
-import { clamp, isObject, isString, isUndefined, useId as useId$1 } from "./utilities/index.mjs";
-import { i as useContext, n as createContext, t as createTrinity } from "./createTrinity-vvXk0ARD.mjs";
-import { i as useLogger } from "./useLogger-BfaFH-Bi.mjs";
+import { clamp, isUndefined, useId as useId$1 } from "./utilities/index.mjs";
+import { i as useContext, t as createTrinity } from "./createTrinity-BTCs1pYx.mjs";
+import { i as useLogger } from "./useLogger-BBTcMN61.mjs";
 import { shallowReactive } from "vue";
 //#region src/composables/createRegistry/index.ts
 /**
@@ -20,6 +20,16 @@ import { shallowReactive } from "vue";
 *
 * The registry serves as the base for many other composables in the system,
 * including createSelection, createForm, createTimeline, and more.
+*
+* @example
+* ```ts
+* import { createRegistry } from '@vuetify/v0'
+*
+* const registry = createRegistry()
+* const ticket = registry.register({ value: 'item-1' })
+* console.log(registry.size) // 1
+* registry.unregister(ticket.id)
+* ```
 */
 /**
 * Creates a new registry instance.
@@ -80,7 +90,9 @@ function createRegistry(options) {
 			return;
 		}
 		if (!listeners.has(event)) listeners.set(event, /* @__PURE__ */ new Set());
-		listeners.get(event).add(cb);
+		const cbs = listeners.get(event);
+		cbs.add(cb);
+		if (process.env.NODE_ENV !== "production" && cbs.size === 101) logger.warn(`Event "${event}" has ${cbs.size} listeners. Possible memory leak.`);
 	}
 	function off(event, cb) {
 		if (!events) {
@@ -159,6 +171,7 @@ function createRegistry(options) {
 		else catalog.set(value, next);
 	}
 	function keys() {
+		if (reactive) return Array.from(collection.keys());
 		const cached = cache.get("keys");
 		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const keys = Array.from(collection.keys());
@@ -166,6 +179,7 @@ function createRegistry(options) {
 		return keys;
 	}
 	function values() {
+		if (reactive) return Array.from(collection.values());
 		const cached = cache.get("values");
 		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const values = Array.from(collection.values());
@@ -173,6 +187,7 @@ function createRegistry(options) {
 		return values;
 	}
 	function entries() {
+		if (reactive) return Array.from(collection.entries());
 		const cached = cache.get("entries");
 		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const entries = Array.from(collection.entries());
@@ -394,12 +409,7 @@ function createRegistry(options) {
 */
 function createRegistryContext(_options = {}) {
 	const { namespace = "v0:registry", ...options } = _options;
-	const [useRegistryContext, _provideRegistryContext] = createContext(namespace);
-	const context = createRegistry(options);
-	function provideRegistryContext(_context = context, app) {
-		return _provideRegistryContext(_context, app);
-	}
-	return createTrinity(useRegistryContext, provideRegistryContext, context);
+	return createTrinity(namespace, createRegistry(options));
 }
 /**
 * Uses an existing registry from context.
@@ -425,295 +435,4 @@ function useRegistry(namespace = "v0:registry") {
 	return useContext(namespace);
 }
 //#endregion
-//#region src/composables/createTokens/index.ts
-/**
-* @module createTokens
-*
-* @see https://0.vuetifyjs.com/composables/registration/create-tokens
-*
-* @remarks
-* Design token registry with alias resolution and W3C Design Tokens format support.
-*
-* Key features:
-* - Alias resolution with circular reference detection
-* - Nested token flattening with dot notation
-* - W3C Design Tokens format ($value, $type, $description, $extensions)
-* - Path-based resolution (e.g., {colors}.blue.500)
-* - Resolution caching for performance (~28,590 ops/sec)
-*
-* Used by useTheme, useLocale, and useFeatures for token-based configuration.
-*/
-/**
-* Creates a new token instance.
-*
-* @param tokens The tokens to use.
-* @param options The options for the token instance.
-* @template Z The type of the token ticket.
-* @template E The type of the token context.
-* @returns A new token instance.
-*
-* @see https://www.designtokens.org/tr/drafts/format/
-* @see https://0.vuetifyjs.com/composables/registration/create-tokens
-*
-* @example
-* ```ts
-* import { createTokens } from '@vuetify/v0'
-*
-* const tokens = createTokens({
-*   colors: {
-*     primary: '#3b82f6',
-*     secondary: '{colors.primary}', // Alias reference
-*   },
-* })
-*
-* console.log(tokens.resolve('{colors.primary}')) // '#3b82f6'
-* console.log(tokens.resolve('{colors.secondary}')) // '#3b82f6'
-* ```
-*/
-function createTokens(tokens = {}, options = {}) {
-	const logger = useLogger();
-	const registry = createRegistry(options);
-	const cache = /* @__PURE__ */ new Map();
-	registry.onboard(flatten(tokens, options.prefix, !!options.flat));
-	function isAlias(token) {
-		return /* @__PURE__ */ isString(token) && token.length > 2 && token[0] === "{" && token.at(-1) === "}";
-	}
-	function isTokenAlias(value) {
-		return /* @__PURE__ */ isObject(value) && "$value" in value;
-	}
-	function resolve(token, visited = /* @__PURE__ */ new Set()) {
-		const cacheKey = /* @__PURE__ */ isString(token) ? token : JSON.stringify(token);
-		if (cache.has(cacheKey)) return cache.get(cacheKey);
-		const reference = isTokenAlias(token) ? token.$value : token;
-		const isAliasReference = /* @__PURE__ */ isString(reference) && isAlias(reference);
-		const clean = isAliasReference ? reference.slice(1, -1) : String(reference);
-		if (visited.has(clean)) {
-			logger.warn(`Circular alias detected for "${clean}"`);
-			cache.set(cacheKey, void 0);
-			return;
-		}
-		visited.add(clean);
-		let found = registry.get(clean);
-		let segments = [];
-		if (!found && clean.includes(".")) {
-			const parts = clean.split(".");
-			for (let i = parts.length - 1; i > 0; i--) {
-				const prefix = parts.slice(0, i).join(".");
-				const suffix = parts.slice(i);
-				const candidate = registry.get(prefix);
-				if (!/* @__PURE__ */ isUndefined(candidate?.value)) {
-					found = candidate;
-					segments = suffix;
-					break;
-				}
-			}
-		}
-		if (/* @__PURE__ */ isUndefined(found?.value)) {
-			if (isAliasReference) logger.warn(`Alias not found for "${String(reference)}"`);
-			cache.set(cacheKey, void 0);
-			return;
-		}
-		let result;
-		let current = found.value;
-		if (segments.length > 0) {
-			if (isTokenAlias(current)) current = current.$value;
-			for (const segment of segments) {
-				if (!/* @__PURE__ */ isObject(current) || !(segment in current)) {
-					current = void 0;
-					break;
-				}
-				current = current[segment];
-				if (isTokenAlias(current)) current = current.$value;
-			}
-			if (/* @__PURE__ */ isUndefined(current)) {
-				logger.warn(`Path not found inside "${clean}": ${segments.join(".")}`);
-				cache.set(cacheKey, void 0);
-				return;
-			}
-			result = current;
-		} else if (isTokenAlias(current)) {
-			const inner = current.$value;
-			if (/* @__PURE__ */ isString(inner) && isAlias(inner)) return resolve(inner, visited);
-			result = inner;
-		} else if (/* @__PURE__ */ isString(current) && isAlias(current)) return resolve(current, visited);
-		else result = current;
-		cache.set(cacheKey, result);
-		return result;
-	}
-	const { register: _register, upsert: _upsert, unregister: _unregister, onboard: _onboard, offboard: _offboard, move: _move, clear: _clear } = registry;
-	function register(registration) {
-		cache.clear();
-		return _register(registration);
-	}
-	function upsert(id, registration) {
-		cache.clear();
-		return _upsert(id, registration);
-	}
-	function unregister(id) {
-		cache.clear();
-		return _unregister(id);
-	}
-	function onboard(registrations) {
-		cache.clear();
-		return _onboard(registrations);
-	}
-	function offboard(ids) {
-		cache.clear();
-		return _offboard(ids);
-	}
-	function move(id, index) {
-		cache.clear();
-		return _move(id, index);
-	}
-	function clear() {
-		cache.clear();
-		return _clear();
-	}
-	return {
-		...registry,
-		register,
-		upsert,
-		unregister,
-		onboard,
-		offboard,
-		move,
-		clear,
-		resolve,
-		isAlias,
-		get size() {
-			return registry.size;
-		}
-	};
-}
-/**
-* Creates a new token context.
-*
-* @param namespace The namespace for the token context.
-* @param tokens The tokens to use.
-* @template Z The type of the token ticket.
-* @template E The type of the token context.
-* @returns A new token context.
-*
-* @see https://0.vuetifyjs.com/composables/registration/create-tokens
-*
-* @example
-* ```ts
-* import { createTokensContext } from '@vuetify/v0'
-*
-* export const [useTokens, provideTokens, context] = createTokensContext({
-*  namespace: 'v0:tokens',
-*  tokens: {
-*    colors: {
-*      primary: '#3b82f6',
-*      secondary: '{colors.primary}', // Alias reference
-*    },
-*  },
-* })
-* ```
-*/
-function createTokensContext(_options) {
-	const { namespace = "v0:tokens", tokens = {}, ...options } = _options;
-	const [useTokensContext, _provideTokensContext] = createContext(namespace);
-	const context = createTokens(tokens, options);
-	function provideTokensContext(_context = context, app) {
-		return _provideTokensContext(_context, app);
-	}
-	return createTrinity(useTokensContext, provideTokensContext, context);
-}
-/**
-* Returns the current tokens instance.
-*
-* @param namespace The namespace for the tokens context. Defaults to `'v0:tokens'`.
-* @returns The current tokens instance.
-*
-* @see https://0.vuetifyjs.com/composables/registration/create-tokens
-*
-* @example
-* ```vue
-* <script setup lang="ts">
-*   import { useTokens } from '@vuetify/v0'
-*
-*   const tokens = useTokens()
-* <\/script>
-* ```
-*/
-function useTokens(namespace = "v0:tokens") {
-	return useContext(namespace);
-}
-/**
-* Flattens a nested collection of tokens into a flat array of tokens.
-* Each token is represented by an object containing its ID & value.
-* @param tokens The collection of tokens to flatten.
-* @param prefix An optional prefix to prepend to each token ID.
-* @returns An array of flattened tokens, each with an ID and value.
-*/
-function flatten(tokens, prefix = "", flat = false) {
-	const flattened = [];
-	const stack = [{
-		tokens,
-		prefix,
-		flat
-	}];
-	while (stack.length > 0) {
-		const { tokens: currentTokens, prefix: currentPrefix, flat } = stack.pop();
-		const meta = {};
-		for (const k in currentTokens) if (k.startsWith("$")) meta[k] = currentTokens[k];
-		if (Object.keys(meta).length > 0 && currentPrefix) flattened.push({
-			id: currentPrefix,
-			value: meta
-		});
-		for (const key in currentTokens) {
-			if (key.startsWith("$")) continue;
-			const value = currentTokens[key];
-			const id = currentPrefix ? `${currentPrefix}.${key}` : key;
-			if (!/* @__PURE__ */ isObject(value)) {
-				flattened.push({
-					id,
-					value
-				});
-				continue;
-			}
-			if ("$value" in value) {
-				flattened.push({
-					id,
-					value
-				});
-				const inner = value.$value;
-				if (/* @__PURE__ */ isObject(inner) && !flat) for (const innerKey in inner) {
-					if (innerKey.startsWith("$")) continue;
-					const child = inner[innerKey];
-					const childId = `${id}.${innerKey}`;
-					if (!/* @__PURE__ */ isObject(child)) flattened.push({
-						id: childId,
-						value: child
-					});
-					else if ("$value" in child) flattened.push({
-						id: childId,
-						value: child
-					});
-					else stack.push({
-						tokens: child,
-						prefix: childId,
-						flat
-					});
-				}
-				continue;
-			}
-			if (flat) {
-				flattened.push({
-					id,
-					value
-				});
-				continue;
-			}
-			stack.push({
-				tokens: value,
-				prefix: id,
-				flat
-			});
-		}
-	}
-	return flattened;
-}
-//#endregion
-export { createRegistry as a, useTokens as i, createTokensContext as n, createRegistryContext as o, flatten as r, useRegistry as s, createTokens as t };
+export { createRegistryContext as n, useRegistry as r, createRegistry as t };

package/dist/{createSelection-AmMX6sjc.mjs → createSelection-Csaa-C8p.mjs}

@@ -1,6 +1,6 @@
 import { isUndefined, resolveIds, useId as useId$1 } from "./utilities/index.mjs";
-import { i as useContext, n as createContext, t as createTrinity } from "./createTrinity-vvXk0ARD.mjs";
-import { a as createRegistry } from "./createTokens-qv02qq4_.mjs";
+import { i as useContext, t as createTrinity } from "./createTrinity-BTCs1pYx.mjs";
+import { t as createRegistry } from "./createRegistry-Dl-bSSTr.mjs";
 import { computed, isRef, shallowReactive, toRaw, toRef, toValue } from "vue";
 //#region src/composables/createModel/index.ts
 /**
@@ -21,6 +21,15 @@ import { computed, isRef, shallowReactive, toRaw, toRef, toValue } from "vue";
 * Both Selection and Slider extend this layer:
 * - createRegistry → createModel → createSelection → createSingle/createGroup/createStep
 * - createRegistry → createModel → createSlider (values override)
+*
+* @example
+* ```ts
+* import { createModel } from '@vuetify/v0'
+*
+* const model = createModel({ multiple: false })
+* model.register({ value: 'apple' })
+* model.select(model.values()[0]!.id)
+* ```
 */
 /**
 * Creates a new model instance for storing a single value.
@@ -185,6 +194,16 @@ function createModel(_options = {}) {
 * - Ticket self-methods: select(), unselect(), toggle()
 *
 * Extends createModel and serves as the base for createSingle, createGroup, createStep, and useFeatures.
+*
+* @example
+* ```ts
+* import { createSelection } from '@vuetify/v0'
+*
+* const selection = createSelection({ multiple: true })
+* const a = selection.register({ value: 'a' })
+* const b = selection.register({ value: 'b' })
+* selection.select([a.id, b.id])
+* ```
 */
 /**
 * Creates a new selection instance for managing multiple selected items.
@@ -256,6 +275,7 @@ function createSelection(_options = {}) {
 	const { enroll = false, mandatory = false, multiple = false, ...options } = _options;
 	const model = createModel({
 		...options,
+		multiple,
 		enroll: false
 	});
 	function seek(direction = "first", from) {
@@ -264,14 +284,7 @@ function createSelection(_options = {}) {
 	function mandate() {
 		if (!toValue(mandatory) || model.size === 0 || model.selectedIds.size > 0) return;
 		const ticket = seek("first");
-		if (ticket) select(ticket.id);
-	}
-	function select(id) {
-		if (toValue(model.disabled)) return;
-		const item = model.get(id);
-		if (!item || toValue(item.disabled)) return;
-		if (!toValue(multiple)) model.selectedIds.clear();
-		model.selectedIds.add(id);
+		if (ticket) model.select(ticket.id);
 	}
 	function unselect(id) {
 		if (toValue(model.disabled)) return;
@@ -281,7 +294,7 @@ function createSelection(_options = {}) {
 	function toggle(id) {
 		if (toValue(model.disabled)) return;
 		if (model.selectedIds.has(id)) unselect(id);
-		else select(id);
+		else model.select(id);
 	}
 	function apply(values, options) {
 		const isMultiple = options?.multiple ?? toValue(multiple);
@@ -298,20 +311,20 @@ function createSelection(_options = {}) {
 			const next = targetIds.values().next().value;
 			const last = currentIds.values().next().value;
 			if (!/* @__PURE__ */ isUndefined(last)) unselect(last);
-			if (!/* @__PURE__ */ isUndefined(next)) select(next);
+			if (!/* @__PURE__ */ isUndefined(next)) model.select(next);
 		}
 	}
 	function register(registration = {}) {
 		const id = registration.id ?? /* @__PURE__ */ useId$1();
 		const decorated = {
-			select: () => select(id),
+			select: () => model.select(id),
 			unselect: () => unselect(id),
 			toggle: () => toggle(id),
 			...registration,
 			id
 		};
 		const ticket = model.register(decorated);
-		if (toValue(enroll) && !toValue(model.disabled) && !toValue(ticket.disabled)) select(ticket.id);
+		if (toValue(enroll) && !toValue(model.disabled) && !toValue(ticket.disabled)) model.select(ticket.id);
 		if (toValue(mandatory) === "force") mandate();
 		return ticket;
 	}
@@ -325,7 +338,6 @@ function createSelection(_options = {}) {
 		multiple,
 		register,
 		onboard,
-		select,
 		unselect,
 		toggle,
 		apply,
@@ -378,12 +390,7 @@ function createSelection(_options = {}) {
 */
 function createSelectionContext(_options = {}) {
 	const { namespace = "v0:selection", ...options } = _options;
-	const [useSelectionContext, _provideSelectionContext] = createContext(namespace);
-	const context = createSelection(options);
-	function provideSelectionContext(_context = context, app) {
-		return _provideSelectionContext(_context, app);
-	}
-	return createTrinity(useSelectionContext, provideSelectionContext, context);
+	return createTrinity(namespace, createSelection(options));
 }
 /**
 * Returns the current selection instance.

package/dist/{createSingle-CffpxK__.mjs → createSingle-8xbHAIpY.mjs}

@@ -1,5 +1,5 @@
-import { i as useContext, n as createContext, t as createTrinity } from "./createTrinity-vvXk0ARD.mjs";
-import { t as createSelection } from "./createSelection-AmMX6sjc.mjs";
+import { i as useContext, t as createTrinity } from "./createTrinity-BTCs1pYx.mjs";
+import { t as createSelection } from "./createSelection-Csaa-C8p.mjs";
 import { toRef } from "vue";
 //#region src/composables/createSingle/index.ts
 /**
@@ -16,6 +16,16 @@ import { toRef } from "vue";
 * - Perfect for tabs, radio buttons, theme selectors
 *
 * Inheritance chain: createRegistry → createSelection → createSingle
+*
+* @example
+* ```ts
+* import { createSingle } from '@vuetify/v0'
+*
+* const single = createSingle()
+* const ticket = single.register({ value: 'tab-1' })
+* single.select(ticket.id)
+* console.log(single.selectedValue.value) // 'tab-1'
+* ```
 */
 /**
 * Creates a new single selection instance that enforces only one selected item at a time.
@@ -91,21 +101,12 @@ function createSingle(_options = {}) {
 	const selectedItem = toRef(() => registry.selectedItems.value.values().next().value);
 	const selectedIndex = toRef(() => selectedItem.value?.index ?? -1);
 	const selectedValue = toRef(() => selectedItem.value?.value);
-	function unselect(id) {
-		registry.unselect(id);
-	}
-	function toggle(id) {
-		if (registry.selectedIds.has(id)) unselect(id);
-		else registry.select(id);
-	}
 	return {
 		...registry,
 		selectedId,
 		selectedItem,
 		selectedIndex,
 		selectedValue,
-		unselect,
-		toggle,
 		get size() {
 			return registry.size;
 		}
@@ -139,12 +140,7 @@ function createSingle(_options = {}) {
 */
 function createSingleContext(_options = {}) {
 	const { namespace = "v0:single", ...options } = _options;
-	const [useSingleContext, _provideSingleContext] = createContext(namespace);
-	const context = createSingle(options);
-	function provideSingleContext(_context = context, app) {
-		return _provideSingleContext(_context, app);
-	}
-	return createTrinity(useSingleContext, provideSingleContext, context);
+	return createTrinity(namespace, createSingle(options));
 }
 /**
 * Returns the current single selection instance.