@vuetify/v0 1.0.0-rc.6 → 1.0.0-rc.8

package/README.md

@@ -28,11 +28,7 @@
 
 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:** 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)
+> **Note:** v0 is a release candidate — the v1 stable set is locked. Install with `npm i @vuetify/v0@rc`. Preview APIs may still see minor, documented changes before the stable release.
 
 ## Repository Structure
 
@@ -305,16 +301,7 @@ pnpm validate
 
 ## Contributing
 
-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).
+Vuetify0 is a release candidate — open for final validation, bug reports, and contributions. See the [Roadmap](https://0.vuetifyjs.com/roadmap#release-candidate) for what's planned and how to get involved.
 
 ## License
 

package/dist/{adapter-BI-oyZCe.d.mts → adapter-CVNRHfrz.d.mts}

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

package/dist/{adapter-CJY6aQIS.mjs → adapter-lS_VpRow.mjs}

@@ -1,7 +1,7 @@
 import { V0Error, hexToRgb, isUndefined } from "./utilities/index.mjs";
 //#region src/composables/useTheme/adapters/adapter.ts
 var ThemeAdapter = class ThemeAdapter {
-	static UNSAFE_CSS = /url\s*\(|@import|expression\s*\(|[{}<>]/i;
+	static UNSAFE_CSS = /url\s*\(|src\s*\(|image\s*\(|image-set\s*\(|cross-fade\s*\(|@import|expression\s*\(|[;{}<>\\]/i;
 	static SAFE_IDENT = /^[a-zA-Z0-9_-]+$/;
 	stylesheetId = "v0-theme-stylesheet";
 	prefix;

package/dist/browser/index.d.ts

@@ -946,7 +946,7 @@ interface RegistryTicket<V = unknown> {
   /**
    * The index of the ticket in the registry.
    *
-   * @remarks Automatically managed by the registry. Assigned at registration and updated during reindexing; a supplied index is ignored — use `move()` to position a ticket. It's not recommended to manually set this. A ticket read via `values()`/`entries()` immediately after `unregister()`/`offboard()` may carry a stale index until the next position-reading call (`register`/`upsert`/`browse`/`lookup`/`move`/`reorder`/`seek`) drains the deferred reindex.
+   * @remarks Automatically managed by the registry. Assigned at registration and updated during reindexing; a supplied index is ignored — use `move()` to position a ticket. It's not recommended to manually set this. When a removal defers its reindex — a tail-block removal, or a registry with no index-derived values — a ticket read via `values()`/`entries()` may carry a stale index until the next position-reading call (`register`/`upsert`/`browse`/`lookup`/`move`/`reorder`/`seek`) drains it. A mid-list `unregister`/`offboard` that shifts index-derived survivors reindexes eagerly, so those reads are already current.
    */
   index: number;
   /** The value associated with the ticket. If not provided, it defaults to the index. */
@@ -1122,7 +1122,7 @@ interface RegistryContext<Z extends RegistryTicketInput = RegistryTicketInput, E
    * @param id The ID of the ticket to upsert.
    * @param ticket The partial ticket data to update or insert.
    * @param event Optional custom event name to emit alongside `update:ticket`. The patched ticket is dispatched as the event payload.
-   * @remarks If the ticket exists, it will be updated in place — the ticket reference returned by `register()` remains valid and reactive (when `reactive: true`). If it doesn't exist, a new ticket will be created with the given ID and data. This operation invalidates cached results from `keys()`, `values()`, and `entries()`.
+   * @remarks If the ticket exists, it will be updated in place — the ticket reference returned by `register()` remains valid and reactive (when `reactive: true`), and cached `keys()` / `values()` / `entries()` results stay valid (same refs, membership and order unchanged; iterating effects are not re-notified). If it doesn't exist, a new ticket will be created with the given ID and data, which invalidates the cached results.
    *
    * @see https://0.vuetifyjs.com/composables/registration/create-registry
    *
@@ -1464,12 +1464,13 @@ interface RegistryContext<Z extends RegistryTicketInput = RegistryTicketInput, E
    * @param ids An array of ticket IDs to unregister.
    * @returns An array of `Partial<Z>` — the inputs that were registered, with
    * registry-managed fields (`index`, `valueIsIndex`, `unregister`) stripped.
-   * The `id` is preserved only when `valueIsIndex` was false (i.e. the user
-   * supplied a meaningful value); otherwise the id is stripped so the receiving
-   * registry can assign a fresh one. Order matches the input `ids` array. Missing
-   * ids are silently skipped — the returned array may be shorter than `ids`.
-   * @remarks Unregisters multiple tickets in a single operation with optimized
-   * reindexing. The inverse of `onboard`: onboard takes inputs and returns outputs;
+   * A user-supplied `id` is preserved so identity survives the transfer; an
+   * auto-generated `id` is stripped so the receiving registry can assign a fresh
+   * one. The `value` is stripped only when it was index-derived (`valueIsIndex`).
+   * Order matches the input `ids` array. Missing ids are silently skipped — the
+   * returned array may be shorter than `ids`.
+   * @remarks Unregisters multiple tickets in a single compaction pass, reindexing
+   * eagerly only when index-derived survivors shift. The inverse of `onboard`: onboard takes inputs and returns outputs;
    * offboard takes ids and returns the inputs back. Pair with `onboard` on a
    * different registry to move tickets across registries.
    *
@@ -1571,7 +1572,7 @@ interface RegistryOptions {
    * Enable reactive behavior for registry operations
    *
    * @default false
-   * @remarks When enabled, the registry will use Vue's shallowReactive to track changes. This is useful for scenarios where you want to reactively update the registry state in response to changes.
+   * @remarks When enabled, tickets and the backing collection are shallowReactive, and `keys()`, `values()`, and `entries()` register a single version dependency so effects and templates re-evaluate on structural mutation. Iteration results stay cached between mutations — reactive reads cost the same as non-reactive ones.
    *
    * @example
    * ```ts
@@ -1790,7 +1791,9 @@ interface ModelContext<Z extends ModelTicketInput = ModelTicketInput, E extends
    * Unselect a ticket by ID
    *
    * @param id The ID of the ticket to unselect.
-   * @remarks Removes the ID from `selectedIds`. No-op if the model instance is disabled.
+   * @remarks Removes the ID from `selectedIds`.
+   * No-op if the model instance is disabled, the ticket doesn't exist, or the ticket is disabled.
+   * Wholesale operations (`apply`, `reset`, `clear`) bypass this guard so disabled ids can always drain.
    *
    * @example
    * ```ts
@@ -1805,7 +1808,7 @@ interface ModelContext<Z extends ModelTicketInput = ModelTicketInput, E extends
    *
    * @param id The ID of the ticket to toggle.
    * @remarks Calls `select(id)` if not selected, `unselect(id)` if already selected.
-   * No-op if the model instance is disabled.
+   * No-op if the model instance is disabled or the ticket is disabled.
    *
    * @example
    * ```ts
@@ -2352,11 +2355,11 @@ interface AvatarImageSlotProps {
 }
 declare const _default$12: typeof __VLS_export$157;
 declare const __VLS_export$157: __VLS_WithSlots$118<_$vue.DefineComponent<AvatarImageProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  load: (e: Event) => any;
   error: (e: Event) => any;
+  load: (e: Event) => any;
 }, string, _$vue.PublicProps, Readonly<AvatarImageProps> & Readonly<{
-  onLoad?: ((e: Event) => any) | undefined;
   onError?: ((e: Event) => any) | undefined;
+  onLoad?: ((e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>, {
   default: (props: AvatarImageSlotProps) => any;
 }>;
@@ -2673,11 +2676,11 @@ declare const Avatar: {
    */
   Image: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<AvatarImageProps> & Readonly<{
-      onLoad?: ((e: Event) => any) | undefined;
       onError?: ((e: Event) => any) | undefined;
+      onLoad?: ((e: Event) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      load: (e: Event) => any;
       error: (e: Event) => any;
+      load: (e: Event) => any;
     }, _$vue.PublicProps, {}, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -2686,18 +2689,18 @@ declare const Avatar: {
       M: {};
       Defaults: {};
     }, Readonly<AvatarImageProps> & Readonly<{
-      onLoad?: ((e: Event) => any) | undefined;
       onError?: ((e: Event) => any) | undefined;
+      onLoad?: ((e: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<AvatarImageProps> & Readonly<{
-    onLoad?: ((e: Event) => any) | undefined;
     onError?: ((e: Event) => any) | undefined;
+    onLoad?: ((e: Event) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    load: (e: Event) => any;
     error: (e: Event) => any;
+    load: (e: Event) => any;
   }, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default: (props: AvatarImageSlotProps) => any;
@@ -8361,12 +8364,12 @@ interface ImageImgSlotProps {
 }
 declare const _default$70: typeof __VLS_export$98;
 declare const __VLS_export$98: __VLS_WithSlots$73<_$vue.DefineComponent<ImageImgProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  load: (e: Event) => any;
   error: (e: Event) => any;
+  load: (e: Event) => any;
   loadstart: (src: string) => any;
 }, string, _$vue.PublicProps, Readonly<ImageImgProps> & Readonly<{
-  onLoad?: ((e: Event) => any) | undefined;
   onError?: ((e: Event) => any) | undefined;
+  onLoad?: ((e: Event) => any) | undefined;
   onLoadstart?: ((src: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>, {
   default: (props: ImageImgSlotProps) => any;
@@ -8483,12 +8486,12 @@ declare const Image: {
    */
   Img: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<ImageImgProps> & Readonly<{
-      onLoad?: ((e: Event) => any) | undefined;
       onError?: ((e: Event) => any) | undefined;
+      onLoad?: ((e: Event) => any) | undefined;
       onLoadstart?: ((src: string) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      load: (e: Event) => any;
       error: (e: Event) => any;
+      load: (e: Event) => any;
       loadstart: (src: string) => any;
     }, _$vue.PublicProps, {}, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -8498,20 +8501,20 @@ declare const Image: {
       M: {};
       Defaults: {};
     }, Readonly<ImageImgProps> & Readonly<{
-      onLoad?: ((e: Event) => any) | undefined;
       onError?: ((e: Event) => any) | undefined;
+      onLoad?: ((e: Event) => any) | undefined;
       onLoadstart?: ((src: string) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<ImageImgProps> & Readonly<{
-    onLoad?: ((e: Event) => any) | undefined;
     onError?: ((e: Event) => any) | undefined;
+    onLoad?: ((e: Event) => any) | undefined;
     onLoadstart?: ((src: string) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    load: (e: Event) => any;
     error: (e: Event) => any;
+    load: (e: Event) => any;
     loadstart: (src: string) => any;
   }, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -11540,7 +11543,7 @@ interface SliderContext extends Omit<ModelContext<SliderTicketInput, SliderTicke
    * @param value Raw value to set.
    *
    * @remarks
-   * No-op when `readonly` is `true`. The value is snapped to step, clamped to min/max,
+   * No-op when `disabled` or `readonly` is `true`. The value is snapped to step, clamped to min/max,
    * and constrained by adjacent thumbs when `crossover` is `false`.
    *
    * @see {@link up} and {@link down} for relative adjustments.
@@ -11817,7 +11820,7 @@ interface TokenAlias<T = unknown> {
   $deprecated?: boolean | string;
 }
 type TokenPrimitive = string | number | boolean | null | Function;
-type TokenValue = TokenPrimitive | TokenAlias;
+type TokenValue = TokenPrimitive | TokenAlias | TokenCollection;
 interface TokenCollection {
   [key: string]: TokenValue | TokenCollection;
 }
@@ -15995,20 +15998,20 @@ declare const createTooltipContext: <_E extends TooltipContext = TooltipContext>
  * @see https://standardschema.dev/
  */
 interface StandardSchemaIssue {
-  message: string;
-  path?: ReadonlyArray<{
-    key: PropertyKey;
-  }>;
+  readonly message: string;
+  readonly path?: ReadonlyArray<PropertyKey | {
+    readonly key: PropertyKey;
+  }> | undefined;
 }
 interface StandardSchemaResult {
-  value?: unknown;
-  issues?: ReadonlyArray<StandardSchemaIssue>;
+  readonly value?: unknown;
+  readonly issues?: ReadonlyArray<StandardSchemaIssue> | undefined;
 }
 interface StandardSchemaV1 {
-  '~standard': {
-    version: 1;
-    vendor: string;
-    validate: (value: unknown) => StandardSchemaResult | Promise<StandardSchemaResult>;
+  readonly '~standard': {
+    readonly version: 1;
+    readonly vendor: string;
+    readonly validate: (value: unknown) => StandardSchemaResult | Promise<StandardSchemaResult>;
   };
 }
 /**
@@ -22539,12 +22542,9 @@ interface SwitchThumbSlotProps {
   isChecked: boolean;
   /** Whether the parent switch is in a mixed/indeterminate state */
   isMixed: boolean;
-  /** Pre-computed data attributes and visibility style for styling */
+  /** Pre-computed data attributes for styling */
   attrs: {
     'data-state': SwitchState;
-    'style': {
-      visibility: 'visible' | 'hidden';
-    };
   };
 }
 declare const _default$146: typeof __VLS_export$22;
@@ -22820,10 +22820,10 @@ declare const Switch: {
     };
   });
   /**
-   * Sliding knob indicator for switches.
+   * Sliding knob for switches.
    *
-   * Renders as a span with `data-state` attribute for CSS styling.
-   * Hidden via `visibility: hidden` when unchecked and not mixed.
+   * Renders as a span with a `data-state` attribute for CSS styling.
+   * Always visible; drive its off/on position and color from `data-state`.
    * Must be used within a Switch.Root or Switch.SelectAll.
    *
    * @see https://0.vuetifyjs.com/components/forms/switch
@@ -24854,7 +24854,7 @@ declare const selfClosingTags: ["area", "base", "br", "col", "embed", "hr", "img
  * Set of HTML elements that are self-closing (void elements)
  * These elements cannot have children and don't need closing tags
  */
-declare const SELF_CLOSING_TAGS: Set<"area" | "base" | "br" | "col" | "embed" | "hr" | "img" | "input" | "link" | "meta" | "source" | "track" | "wbr">;
+declare const SELF_CLOSING_TAGS: Set<"input" | "area" | "base" | "br" | "col" | "embed" | "hr" | "img" | "link" | "meta" | "source" | "track" | "wbr">;
 /**
  * Check if an element is self-closing
  */
@@ -25252,6 +25252,8 @@ declare function mergeDeep<T extends object>(target: T, ...sources: DeepPartial<
  * - In component setup/lifecycle: Uses Vue's `useId()` for SSR-safe hydration
  * - Outside components: Falls back to sequential counter (`v0-0`, `v0-1`, ...)
  * - Vapor mode compatible
+ * - IDs are sequential and predictable — intended for DOM `id`/ARIA wiring only.
+ *   Never use them as security tokens (CSRF tokens, session ids, capabilities).
  *
  * @example
  * ```ts