{"version":1,"v0Version":"1.0.3","tokens":["background","divider","error","info","on-background","on-error","on-info","on-primary","on-secondary","on-success","on-surface","on-surface-variant","on-warning","primary","secondary","success","surface","surface-tint","surface-variant","warning"],"items":[{"name":"alert-dialog","type":"components","category":"disclosure","level":"preview","title":"AlertDialog","description":"A headless confirmation dialog that seeks user input before proceeding. Features a `wait()`/`close()` pattern for deferred close during async operations.","docs":"https://0.vuetifyjs.com/components/disclosure/alert-dialog","examples":["basic","delete-project-dialog"]},{"name":"aspect-ratio","type":"components","category":"primitives","level":"stable","title":"AspectRatio","description":"Reserves a box with a fixed width-to-height ratio using CSS `aspect-ratio`.","docs":"https://0.vuetifyjs.com/components/primitives/aspect-ratio","examples":["basic","responsive"]},{"name":"atom","type":"components","category":"primitives","level":"stable","title":"Atom","description":"Low-level primitive for building polymorphic components.","docs":"https://0.vuetifyjs.com/components/primitives/atom","examples":["polymorphic"]},{"name":"avatar","type":"components","category":"semantic","level":"preview","title":"Avatar","description":"Headless image component with automatic fallback to icon or text content.","docs":"https://0.vuetifyjs.com/components/semantic/avatar","examples":["basic","team"]},{"name":"breadcrumbs","type":"components","category":"semantic","level":"preview","title":"Breadcrumbs","description":"A headless component for creating responsive breadcrumb navigation with proper ARIA support.","docs":"https://0.vuetifyjs.com/components/semantic/breadcrumbs","examples":["basic","breadcrumb-trail","AppBreadcrumbs"]},{"name":"button","type":"components","category":"actions","level":"preview","title":"Button","description":"Headless button with loading state, toggle group support, and icon accessibility.","docs":"https://0.vuetifyjs.com/components/actions/button","examples":["basic","loading","group","icon","states"]},{"name":"carousel","type":"components","category":"semantic","level":"preview","title":"Carousel","description":"Headless carousel built on CSS scroll-snap with multi-slide display and partial-slide peeking.","docs":"https://0.vuetifyjs.com/components/semantic/carousel","examples":["basic","gallery"]},{"name":"checkbox","type":"components","category":"forms","level":"stable","title":"Checkbox","description":"A checkbox for boolean state or multi-selection groups with tri-state support.","docs":"https://0.vuetifyjs.com/components/forms/checkbox","examples":["basic","inbox-selection"]},{"name":"collapsible","type":"components","category":"disclosure","level":"stable","title":"Collapsible","description":"A single-item disclosure toggle for showing and hiding content.","docs":"https://0.vuetifyjs.com/components/disclosure/collapsible","examples":["basic","filter-panel","faq"]},{"name":"combobox","type":"components","category":"forms","level":"preview","title":"Combobox","description":"A headless autocomplete input that filters options as the user types, with client and server-side filtering support.","docs":"https://0.vuetifyjs.com/components/forms/combobox","examples":["basic","user-picker"]},{"name":"create-breadcrumbs","type":"composables","category":"semantic","level":"preview","title":"createBreadcrumbs","description":"A composable that extends `createSingle` for breadcrumb navigation with automatic path truncation.","docs":"https://0.vuetifyjs.com/composables/semantic/create-breadcrumbs","examples":["basic","file-explorer"]},{"name":"create-combobox","type":"composables","category":"forms","level":"preview","title":"createCombobox","description":"Low-level combobox coordinator for custom implementations. Most users should use the `Combobox` component instead.","docs":"https://0.vuetifyjs.com/composables/forms/create-combobox","examples":["country-autocomplete"]},{"name":"create-context","type":"composables","category":"foundation","level":"stable","title":"createContext","description":"Type-safe dependency injection factory built on Vue's provide/inject. Shares state across component trees without prop drilling.","docs":"https://0.vuetifyjs.com/composables/foundation/create-context","examples":["notifications"]},{"name":"create-data-grid","type":"composables","category":"data","level":"preview","title":"createDataGrid","description":"A headless data grid with column layout, cell editing, row ordering, and row spanning.","docs":"https://0.vuetifyjs.com/composables/data/create-data-grid","examples":["pinned","editing","spanning"]},{"name":"create-data-table","type":"composables","category":"data","level":"preview","title":"createDataTable","description":"Composable data table built on v0 primitives. Composes sorting, filtering, pagination, selection, and expansion into a single pipeline.","docs":"https://0.vuetifyjs.com/composables/data/create-data-table","examples":["basic","server","features","virtual"]},{"name":"create-filter","type":"composables","category":"data","level":"preview","title":"createFilter","description":"A composable for filtering arrays of items based on search queries, supporting both primitive values and complex objects with customizable filtering logic.","docs":"https://0.vuetifyjs.com/composables/data/create-filter","examples":["product-browser"]},{"name":"create-form","type":"composables","category":"forms","level":"preview","title":"createForm","description":"Coordinates validation across multiple inputs. Provides `submit()`, `reset()`, and aggregate validity state.","docs":"https://0.vuetifyjs.com/composables/forms/create-form","examples":["contact-form"]},{"name":"create-group","type":"composables","category":"selection","level":"stable","title":"createGroup","description":"Multi-selection with tri-state (mixed/indeterminate) support for checkbox trees, grouped toggles, and any pattern where items can be partially selected.","docs":"https://0.vuetifyjs.com/composables/selection/create-group","examples":["chip-filter"]},{"name":"create-input","type":"composables","category":"forms","level":"preview","title":"createInput","description":"Shared form field primitive with validation state, ARIA ID generation, and automatic form registration.","docs":"https://0.vuetifyjs.com/composables/forms/create-input","examples":["profile-form"]},{"name":"create-kanban","type":"composables","category":"data","level":"preview","title":"createKanban","description":"Two-level board state for columns of cards, with column reorder, in-column reorder, and a cross-column `transfer` primitive.","docs":"https://0.vuetifyjs.com/composables/data/create-kanban","examples":["headless-board"]},{"name":"create-model","type":"composables","category":"selection","level":"stable","title":"createModel","description":"Reactive value store that wraps a ref with two-way selection binding.","docs":"https://0.vuetifyjs.com/composables/selection/create-model","examples":["compound","colors"]},{"name":"create-nested","type":"composables","category":"selection","level":"stable","title":"createNested","description":"Hierarchical tree management built on `createGroup`, with parent-child relationships, open/close state, and pluggable traversal strategies.","docs":"https://0.vuetifyjs.com/composables/selection/create-nested","examples":["file-explorer"]},{"name":"create-number-field","type":"composables","category":"forms","level":"preview","title":"createNumberField","description":"Numeric value with locale-aware formatting, step snapping, min/max/step bounds, and parse/commit for text input.","docs":"https://0.vuetifyjs.com/composables/forms/create-number-field","examples":["order-calculator"]},{"name":"create-numeric","type":"composables","category":"forms","level":"preview","title":"createNumeric","description":"Pure numeric math for bounded values with step snapping, range clamping, and floating-point precision correction.","docs":"https://0.vuetifyjs.com/composables/forms/create-numeric","examples":["basic"]},{"name":"create-otp","type":"composables","category":"forms","level":"preview","title":"createOtp","description":"Fixed-length one-time-password or verification-code value with pattern-gated entry and completion detection.","docs":"https://0.vuetifyjs.com/composables/forms/create-otp","examples":["verification-code"]},{"name":"create-overflow","type":"composables","category":"semantic","level":"preview","title":"createOverflow","description":"Computes how many items fit in a container based on available width, for responsive truncation in pagination, breadcrumbs, and similar UIs.","docs":"https://0.vuetifyjs.com/composables/semantic/create-overflow","examples":["overflow-nav"]},{"name":"create-pagination","type":"composables","category":"data","level":"preview","title":"createPagination","description":"A lightweight composable for managing pagination state with navigation methods and computed visible page items.","docs":"https://0.vuetifyjs.com/composables/data/create-pagination","examples":["paginated-list"]},{"name":"create-plugin","type":"composables","category":"foundation","level":"stable","title":"createPlugin","description":"Factory for creating Vue plugins with typed dependency injection and lifecycle hooks.","docs":"https://0.vuetifyjs.com/composables/foundation/create-plugin","examples":["dashboard"]},{"name":"create-progress","type":"composables","category":"semantic","level":"preview","title":"createProgress","description":"A composable for tracking progress across one or more segments, with percentage computation and indeterminate state detection.","docs":"https://0.vuetifyjs.com/composables/semantic/create-progress","examples":["upload"]},{"name":"create-queue","type":"composables","category":"registration","level":"preview","title":"createQueue","description":"FIFO queue for time-based collections with automatic timeout removal and pause/resume support.","docs":"https://0.vuetifyjs.com/composables/registration/create-queue","examples":["uploads"]},{"name":"create-rating","type":"composables","category":"forms","level":"preview","title":"createRating","description":"Bounded number with discrete items. Give it a size, get items to iterate with full/half/empty state. Half-step support for 0.5 increments.","docs":"https://0.vuetifyjs.com/composables/forms/create-rating","examples":["star-rating"]},{"name":"create-registry","type":"composables","category":"registration","level":"stable","title":"createRegistry","description":"Foundation for ordered, keyed collections. Items are registered with IDs and indexes, and can be looked up by ID, index, or value.","docs":"https://0.vuetifyjs.com/composables/registration/create-registry","examples":["task-manager"]},{"name":"create-selection","type":"composables","category":"selection","level":"stable","title":"createSelection","description":"A composable for managing the selection of items in a collection with automatic indexing and lifecycle management.","docs":"https://0.vuetifyjs.com/composables/selection/create-selection","examples":["bookmark-manager","track-list"]},{"name":"create-single","type":"composables","category":"selection","level":"stable","title":"createSingle","description":"Extends `createSelection` to enforce single-item selection, automatically clearing the previous selection.","docs":"https://0.vuetifyjs.com/composables/selection/create-single","examples":["theme-picker"]},{"name":"create-slider","type":"composables","category":"forms","level":"preview","title":"createSlider","description":"Slider state composable for single-thumb, range, and multi-thumb sliders. Handles value math, step snapping, and percentage conversion.","docs":"https://0.vuetifyjs.com/composables/forms/create-slider","examples":["scrubber","compare"]},{"name":"create-sortable","type":"composables","category":"data","level":"preview","title":"createSortable","description":"Ordered-list state with `move`, `swap`, and `reorder` mutations.","docs":"https://0.vuetifyjs.com/composables/data/create-sortable","examples":["playlist","dnd"]},{"name":"create-step","type":"composables","category":"selection","level":"stable","title":"createStep","description":"Extends `createSingle` with bounded or circular navigation. Built for wizards, multi-step forms, and onboarding flows.","docs":"https://0.vuetifyjs.com/composables/selection/create-step","examples":["checkout-wizard"]},{"name":"create-timeline","type":"composables","category":"registration","level":"preview","title":"createTimeline","description":"Bounded undo/redo history built on `createRegistry` with a configurable size limit.","docs":"https://0.vuetifyjs.com/composables/registration/create-timeline","examples":["canvas"]},{"name":"create-tokens","type":"composables","category":"registration","level":"preview","title":"createTokens","description":"Design token registry with hierarchical collections, alias resolution, and namespace support.","docs":"https://0.vuetifyjs.com/composables/registration/create-tokens","examples":["design-system"]},{"name":"create-trinity","type":"composables","category":"foundation","level":"stable","title":"createTrinity","description":"Generates a typed `[useX, provideX, defaultX]` tuple for Vue's provide/inject dependency injection pattern.","docs":"https://0.vuetifyjs.com/composables/foundation/create-trinity","examples":["toast-system"]},{"name":"create-validation","type":"composables","category":"forms","level":"preview","title":"createValidation","description":"Per-input validation with reactive rules, async validation, and Standard Schema support.","docs":"https://0.vuetifyjs.com/composables/forms/create-validation","examples":["email-field"]},{"name":"create-virtual","type":"composables","category":"data","level":"preview","title":"createVirtual","description":"Virtual scrolling composable for efficiently rendering large lists by only rendering visible items.","docs":"https://0.vuetifyjs.com/composables/data/create-virtual","examples":["directory"]},{"name":"dialog","type":"components","category":"disclosure","level":"preview","title":"Dialog","description":"A headless modal dialog component using the native HTML dialog element.","docs":"https://0.vuetifyjs.com/components/disclosure/dialog","examples":["basic"]},{"name":"expansion-panel","type":"components","category":"disclosure","level":"preview","title":"ExpansionPanel","description":"A component for creating accordion-style expansion panels with proper ARIA support.","docs":"https://0.vuetifyjs.com/components/disclosure/expansion-panel","examples":["basic","faq-accordion"]},{"name":"form","type":"components","category":"forms","level":"preview","title":"Form","description":"A form wrapper that coordinates validation across child input fields and handles submit/reset events.","docs":"https://0.vuetifyjs.com/components/forms/form","examples":["basic","signup-form"]},{"name":"group","type":"components","category":"providers","level":"stable","title":"Group","description":"A headless component for managing multi-selection with batch operations and tri-state support.","docs":"https://0.vuetifyjs.com/components/providers/group","examples":["basic"]},{"name":"image","type":"components","category":"semantic","level":"preview","title":"Image","description":"Image loading with placeholder/error fallback, a `retry()` method, and optional lazy loading via IntersectionObserver.","docs":"https://0.vuetifyjs.com/components/semantic/image","examples":["basic","observer","picture"]},{"name":"input","type":"components","category":"forms","level":"preview","title":"Input","description":"Headless text input with integrated validation and automatic form registration.","docs":"https://0.vuetifyjs.com/components/forms/input","examples":["basic","contact-form","search"]},{"name":"locale","type":"components","category":"providers","level":"preview","title":"Locale","description":"Scopes a locale to a component subtree for localized sections of your app.","docs":"https://0.vuetifyjs.com/components/providers/locale","examples":["scoped-override"]},{"name":"number-field","type":"components","category":"forms","level":"preview","title":"NumberField","description":"Numeric input with increment/decrement buttons, drag-to-scrub, and locale-aware formatting via `Intl.NumberFormat` for currency, percent, and units.","docs":"https://0.vuetifyjs.com/components/forms/number-field","examples":["basic","cart-line-items"]},{"name":"overflow","type":"components","category":"semantic","level":"preview","title":"Overflow","description":"Responsive truncation — hides overflowing items as the container runs out of width and surfaces the hidden count via an indicator.","docs":"https://0.vuetifyjs.com/components/semantic/overflow","examples":["overflow-toolbar","avatar-group"]},{"name":"pagination","type":"components","category":"semantic","level":"preview","title":"Pagination","description":"A headless component for creating page navigation with proper ARIA support.","docs":"https://0.vuetifyjs.com/components/semantic/pagination","examples":["basic"]},{"name":"popover","type":"components","category":"disclosure","level":"preview","title":"Popover","description":"A headless component for creating popovers and tooltips using modern CSS anchor positioning.","docs":"https://0.vuetifyjs.com/components/disclosure/popover","examples":["basic"]},{"name":"portal","type":"components","category":"primitives","level":"preview","title":"Portal","description":"Renderless teleport wrapper with automatic z-index stacking.","docs":"https://0.vuetifyjs.com/components/primitives/portal","examples":["basic"]},{"name":"presence","type":"components","category":"primitives","level":"preview","title":"Presence","description":"Animation-agnostic mount lifecycle for conditional content.","docs":"https://0.vuetifyjs.com/components/primitives/presence","examples":["basic","animated-toast"]},{"name":"progress","type":"components","category":"semantic","level":"preview","title":"Progress","description":"Progress bar supporting determinate, indeterminate, and buffered loading indicators.","docs":"https://0.vuetifyjs.com/components/semantic/progress","examples":["basic","storage","media"]},{"name":"radio","type":"components","category":"forms","level":"stable","title":"Radio","description":"A radio button for single-selection groups with roving focus and shared v-model state.","docs":"https://0.vuetifyjs.com/components/forms/radio","examples":["group","shipping-options"]},{"name":"rating","type":"components","category":"forms","level":"preview","title":"Rating","description":"Headless rating input with hover preview, keyboard navigation, and half-step support.","docs":"https://0.vuetifyjs.com/components/forms/rating","examples":["basic","review-form"]},{"name":"scrim","type":"components","category":"providers","level":"preview","title":"Scrim","description":"Headless backdrop component for overlay systems with automatic z-index management and dismiss handling.","docs":"https://0.vuetifyjs.com/components/providers/scrim","examples":["basic"]},{"name":"select","type":"components","category":"forms","level":"preview","title":"Select","description":"Headless dropdown select with single and multi-selection, keyboard navigation, and native popover positioning.","docs":"https://0.vuetifyjs.com/components/forms/select","examples":["basic","tag-filter"]},{"name":"selection","type":"components","category":"providers","level":"stable","title":"Selection","description":"A headless component for managing selection state in collections with support for single and multi-selection patterns.","docs":"https://0.vuetifyjs.com/components/providers/selection","examples":["basic"]},{"name":"single","type":"components","category":"providers","level":"stable","title":"Single","description":"Headless single-selection provider — selecting an item automatically deselects the previously selected one, driving tabs, segmented controls, and theme pickers.","docs":"https://0.vuetifyjs.com/components/providers/single","examples":["basic","billing-toggle"]},{"name":"slider","type":"components","category":"forms","level":"preview","title":"Slider","description":"Headless slider for single-value and range inputs with pointer drag, keyboard navigation, and step snapping.","docs":"https://0.vuetifyjs.com/components/forms/slider","examples":["basic","equalizer","color-picker"]},{"name":"snackbar","type":"components","category":"semantic","level":"preview","title":"Snackbar","description":"Headless compound component for toast and snackbar notifications. Pairs with `useNotifications` for queue-driven stacks with auto-dismiss and pause on hover.","docs":"https://0.vuetifyjs.com/components/semantic/snackbar","examples":["basic","toast-host","queue","in-dialog"]},{"name":"splitter","type":"components","category":"semantic","level":"preview","title":"Splitter","description":"A headless component for building resizable panel layouts with drag handles and full keyboard support.","docs":"https://0.vuetifyjs.com/components/semantic/splitter","examples":["basic","playground"]},{"name":"step","type":"components","category":"providers","level":"stable","title":"Step","description":"A headless component for navigation through multi-step processes like wizards and forms.","docs":"https://0.vuetifyjs.com/components/providers/step","examples":["basic"]},{"name":"switch","type":"components","category":"forms","level":"stable","title":"Switch","description":"A switch for on/off state or multi-selection groups with tri-state support.","docs":"https://0.vuetifyjs.com/components/forms/switch","examples":["basic","settings-panel"]},{"name":"tabs","type":"components","category":"disclosure","level":"stable","title":"Tabs","description":"A component for creating accessible tabbed interfaces with proper ARIA support and keyboard navigation.","docs":"https://0.vuetifyjs.com/components/disclosure/tabs","examples":["basic"]},{"name":"theme","type":"components","category":"providers","level":"stable","title":"Theme","description":"Scopes a theme to a component subtree for independently themed sections of your app.","docs":"https://0.vuetifyjs.com/components/providers/theme","examples":["scoped-override"]},{"name":"to-array","type":"composables","category":"transformers","level":"stable","title":"toArray","description":"Coerces any value — including `null` and `undefined` — to an array.","docs":"https://0.vuetifyjs.com/composables/transformers/to-array","examples":["normalize"]},{"name":"to-element","type":"composables","category":"transformers","level":"stable","title":"toElement","description":"Resolves refs, getters, raw DOM elements, or Vue component instances to a single `Element | undefined`.","docs":"https://0.vuetifyjs.com/composables/transformers/to-element","examples":["basic"]},{"name":"to-highlight","type":"composables","category":"transformers","level":"preview","title":"toHighlight","description":"Splits text into matched and unmatched chunks, returning a plain `HighlightChunk[]` for search-term highlighting.","docs":"https://0.vuetifyjs.com/composables/transformers/to-highlight","examples":["inbox"]},{"name":"to-reactive","type":"composables","category":"transformers","level":"preview","title":"toReactive","description":"Converts a `MaybeRef` object to a reactive proxy with automatic ref unwrapping and `Map`/`Set` support.","docs":"https://0.vuetifyjs.com/composables/transformers/to-reactive","examples":["settings"]},{"name":"toggle","type":"components","category":"actions","level":"stable","title":"Toggle","description":"A headless toggle button with dual-mode support: standalone boolean binding or group selection with single and multi-select.","docs":"https://0.vuetifyjs.com/components/actions/toggle","examples":["basic","format-toolbar"]},{"name":"tooltip","type":"components","category":"disclosure","level":"preview","title":"Tooltip","description":"Description tooltip with hover and focus triggers, configurable open/close delays, and an optional interactive-content mode.","docs":"https://0.vuetifyjs.com/components/disclosure/tooltip","examples":["basic","toolbar"]},{"name":"treeview","type":"components","category":"disclosure","level":"preview","title":"Treeview","description":"A compound component for building accessible hierarchical tree interfaces with expand/collapse and selection support.","docs":"https://0.vuetifyjs.com/components/disclosure/treeview","examples":["basic","settings-panel"]},{"name":"use-breakpoints","type":"composables","category":"plugins","level":"stable","title":"useBreakpoints","description":"Reactive viewport detection for building responsive layouts with named breakpoints.","docs":"https://0.vuetifyjs.com/composables/plugins/use-breakpoints","examples":["responsive-dashboard"]},{"name":"use-click-outside","type":"composables","category":"system","level":"preview","title":"useClickOutside","description":"A composable for detecting clicks outside of specified element(s) with automatic cleanup.","docs":"https://0.vuetifyjs.com/composables/system/use-click-outside","examples":["basic"]},{"name":"use-date","type":"composables","category":"plugins","level":"preview","title":"useDate","description":"Date manipulation using the Temporal API with locale-aware formatting and adapter support.","docs":"https://0.vuetifyjs.com/composables/plugins/use-date","examples":["basic","month-calendar"]},{"name":"use-delay","type":"composables","category":"system","level":"preview","title":"useDelay","description":"Schedule open and close transitions with start, stop, pause, and resume controls and a reactive view of the pending delay.","docs":"https://0.vuetifyjs.com/composables/system/use-delay","examples":["basic"]},{"name":"use-drag-drop","type":"composables","category":"system","level":"preview","title":"useDragDrop","description":"Headless drag-and-drop primitive. Owns two registries — draggables and zones — plus the active-drag state.","docs":"https://0.vuetifyjs.com/composables/system/use-drag-drop","examples":["basic"]},{"name":"use-event-listener","type":"composables","category":"system","level":"preview","title":"useEventListener","description":"A composable for handling DOM events with automatic cleanup on component unmount.","docs":"https://0.vuetifyjs.com/composables/system/use-event-listener","examples":["mouse-tracker"]},{"name":"use-features","type":"composables","category":"plugins","level":"preview","title":"useFeatures","description":"Manage feature flags and variations across your application.","docs":"https://0.vuetifyjs.com/composables/plugins/use-features","examples":["feature-flags"]},{"name":"use-hotkey","type":"composables","category":"system","level":"preview","title":"useHotkey","description":"A composable for handling hotkey combinations and sequences with platform-aware modifiers and automatic cleanup.","docs":"https://0.vuetifyjs.com/composables/system/use-hotkey","examples":["command-palette"]},{"name":"use-hydration","type":"composables","category":"plugins","level":"preview","title":"useHydration","description":"Control SSR hydration timing to prevent mismatches and optimize client-side rendering.","docs":"https://0.vuetifyjs.com/composables/plugins/use-hydration","examples":["hydration-state"]},{"name":"use-image","type":"composables","category":"system","level":"preview","title":"useImage","description":"Tracks image loading state as a reactive state machine with idle, loading, loaded, and error states.","docs":"https://0.vuetifyjs.com/composables/system/use-image","examples":["gallery","lazy","retry"]},{"name":"use-intersection-observer","type":"composables","category":"system","level":"stable","title":"useIntersectionObserver","description":"A composable for detecting when elements enter or leave the viewport using the Intersection Observer API with automatic cleanup.","docs":"https://0.vuetifyjs.com/composables/system/use-intersection-observer","examples":["scroll-reveal"]},{"name":"use-lazy","type":"composables","category":"system","level":"preview","title":"useLazy","description":"A composable for deferring content rendering until first activation, with optional reset on deactivation.","docs":"https://0.vuetifyjs.com/composables/system/use-lazy","examples":["demo"]},{"name":"use-locale","type":"composables","category":"plugins","level":"preview","title":"useLocale","description":"i18n plugin with message translation, number formatting, and locale switching.","docs":"https://0.vuetifyjs.com/composables/plugins/use-locale","examples":["locale-scopes"]},{"name":"use-logger","type":"composables","category":"plugins","level":"preview","title":"useLogger","description":"Application logging with configurable levels, filtering, and swappable adapters for popular logging libraries.","docs":"https://0.vuetifyjs.com/composables/plugins/use-logger","examples":["log-console"]},{"name":"use-media-query","type":"composables","category":"system","level":"preview","title":"useMediaQuery","description":"A composable for reactive CSS media query matching with automatic cleanup.","docs":"https://0.vuetifyjs.com/composables/system/use-media-query","examples":["basic"]},{"name":"use-mutation-observer","type":"composables","category":"system","level":"stable","title":"useMutationObserver","description":"A composable for detecting DOM changes using the Mutation Observer API with automatic cleanup.","docs":"https://0.vuetifyjs.com/composables/system/use-mutation-observer","examples":["basic"]},{"name":"use-notifications","type":"composables","category":"plugins","level":"preview","title":"useNotifications","description":"Notification lifecycle management with severity levels, state mutations, toast queuing, and auto-dismiss.","docs":"https://0.vuetifyjs.com/composables/plugins/use-notifications","examples":["inbox"]},{"name":"use-permissions","type":"composables","category":"plugins","level":"preview","title":"usePermissions","description":"Role-based access control with actions, subjects, and context-aware conditions.","docs":"https://0.vuetifyjs.com/composables/plugins/use-permissions","examples":["access-control"]},{"name":"use-popover","type":"composables","category":"system","level":"preview","title":"usePopover","description":"A composable for native popover API behavior with CSS anchor positioning.","docs":"https://0.vuetifyjs.com/composables/system/use-popover","examples":["menu-button"]},{"name":"use-presence","type":"composables","category":"system","level":"preview","title":"usePresence","description":"Animation-agnostic mount lifecycle management.","docs":"https://0.vuetifyjs.com/composables/system/use-presence","examples":["accordion"]},{"name":"use-proxy-model","type":"composables","category":"reactivity","level":"stable","title":"useProxyModel","description":"A composable for syncing refs bidirectionally with selection contexts, enabling seamless v-model integration with selection state.","docs":"https://0.vuetifyjs.com/composables/reactivity/use-proxy-model","examples":["color-picker"]},{"name":"use-proxy-registry","type":"composables","category":"reactivity","level":"preview","title":"useProxyRegistry","description":"A reactive proxy wrapper for registry collections that automatically updates refs when items are registered or unregistered.","docs":"https://0.vuetifyjs.com/composables/reactivity/use-proxy-registry","examples":["notification-center"]},{"name":"use-raf","type":"composables","category":"system","level":"preview","title":"useRaf","description":"Throttles callbacks to the next animation frame with cancel-then-request deduplication. Cleans up automatically on scope disposal.","docs":"https://0.vuetifyjs.com/composables/system/use-raf","examples":["scroll-throttle"]},{"name":"use-reduced-motion","type":"composables","category":"plugins","level":"preview","title":"useReducedMotion","description":"Respect or override the user's `prefers-reduced-motion` setting, with a reactive flag and a body data attribute for CSS-only consumers.","docs":"https://0.vuetifyjs.com/composables/plugins/use-reduced-motion","examples":["basic"]},{"name":"use-resize-observer","type":"composables","category":"system","level":"stable","title":"useResizeObserver","description":"A composable for detecting element size changes using the Resize Observer API with automatic cleanup.","docs":"https://0.vuetifyjs.com/composables/system/use-resize-observer","examples":["responsive-grid"]},{"name":"use-roving-focus","type":"composables","category":"system","level":"preview","title":"useRovingFocus","description":"Keyboard navigation for composite widgets where arrow keys move focus between items, skipping disabled ones.","docs":"https://0.vuetifyjs.com/composables/system/use-roving-focus","examples":["grid"]},{"name":"use-rtl","type":"composables","category":"plugins","level":"preview","title":"useRtl","description":"Right-to-left text direction management with reactive state and subtree overrides.","docs":"https://0.vuetifyjs.com/composables/plugins/use-rtl","examples":["direction-toggle"]},{"name":"use-rules","type":"composables","category":"plugins","level":"preview","title":"useRules","description":"Validation rule management with Standard Schema support and custom aliases.","docs":"https://0.vuetifyjs.com/composables/plugins/use-rules","examples":["dashboard"]},{"name":"use-stack","type":"composables","category":"plugins","level":"preview","title":"useStack","description":"Overlay z-index coordinator with automatic stacking order and parent-child nesting support.","docs":"https://0.vuetifyjs.com/composables/plugins/use-stack","examples":["overlays"]},{"name":"use-storage","type":"composables","category":"plugins","level":"stable","title":"useStorage","description":"Reactive storage with automatic serialization, caching, and SSR-safe operations.","docs":"https://0.vuetifyjs.com/composables/plugins/use-storage","examples":["settings-panel"]},{"name":"use-theme","type":"composables","category":"plugins","level":"stable","title":"useTheme","description":"Theme management with multiple themes, CSS custom properties, and token alias resolution.","docs":"https://0.vuetifyjs.com/composables/plugins/use-theme","examples":["color-studio"]},{"name":"use-timer","type":"composables","category":"system","level":"preview","title":"useTimer","description":"A reactive timer composable with pause/resume support and remaining time tracking.","docs":"https://0.vuetifyjs.com/composables/system/use-timer","examples":["countdown","toasts"]},{"name":"use-toggle-scope","type":"composables","category":"system","level":"preview","title":"useToggleScope","description":"A composable for conditionally managing Vue effect scopes based on reactive boolean conditions with automatic cleanup.","docs":"https://0.vuetifyjs.com/composables/system/use-toggle-scope","examples":["conditional-effects"]},{"name":"use-tooltip","type":"composables","category":"plugins","level":"preview","title":"useTooltip","description":"Shares tooltip open/close/skip delay defaults across a region, so nearby tooltips open instantly once one is already open.","docs":"https://0.vuetifyjs.com/composables/plugins/use-tooltip","examples":["tooltip-region"]},{"name":"use-virtual-focus","type":"composables","category":"system","level":"preview","title":"useVirtualFocus","description":"A composable for keyboard navigation where DOM focus stays on a single control element while a visual highlight moves across items.","docs":"https://0.vuetifyjs.com/composables/system/use-virtual-focus","examples":["listbox"]}]}