vuetiwatch 0.2.0 → 0.2.2

package/README.md

@@ -7,7 +7,7 @@
 🎨 Free, plug-and-play themes for **[Vuetify 4](https://vuetifyjs.com/)** — what [Bootswatch](https://bootswatch.com/)
 is to Bootstrap.
 
-[![The same page in two Vuetify 4 themes — Lux and Morph](https://raw.githubusercontent.com/j-tap/vuetiwatch/main/docs/playground-themes.webp)](https://j-tap.github.io/vuetiwatch/)
+[![The same landing page in nine of the nineteen Vuetify 4 themes](https://raw.githubusercontent.com/j-tap/vuetiwatch/main/docs/playground-themes.webp)](https://j-tap.github.io/vuetiwatch/)
 
 **[See all nineteen themes →](https://j-tap.github.io/vuetiwatch/)**
 
@@ -149,16 +149,9 @@ const { accents, accent, setAccent } = useVuetiwatch()
 </template>
 ```
 
-Presets rather than a colour picker, because every one of them is measured
-against the theme's ground — the Atlas accents run 5.8:1 to 8.3:1 on filled
-controls across all three variants, which a dragged slider cannot promise.
-The id is shared across the family, so the choice survives a light/dark
-switch: each variant carries its own tone of the same accent.
-
-`atlas`, `atlasDark` and `atlasSepia` are one family today. Vuetify's
-`ThemeDefinition` is a single mode by definition, so a registered pair is
-how a light/dark switch is built — the design lives in one place and only
-the ground changes.
+Presets rather than a colour picker: every one is measured against the
+theme's ground, and the id is shared across the family, so the choice
+survives a light/dark switch.
 
 Pass the event and the new theme opens as a circle from the control that was
 pressed, through the View Transitions API — Baseline since October 2025.
@@ -211,197 +204,27 @@ file also ships as `*.min.css`.
 
 ## Writing your own theme
 
-A theme states only what it changes — Vuetify merges it over its own `light`
-or `dark` first, so anything you leave out is inherited.
-
-```ts
-import { defineTheme } from 'vuetiwatch'
-
-export const midnight = defineTheme({
-  name: 'midnight',
-  meta: {
-    title: 'Midnight',
-    description: 'Deep blue, quiet contrast.',
-    dark: true,
-    iconStyle: 'outline',
-    swatch: ['#070B18', '#101830', '#5B8DEF', '#8A7BF0'],
-    fonts: ['Inter'],
-  },
-  theme: {
-    dark: true,
-    colors: { background: '#070B18', surface: '#101830', primary: '#5B8DEF' },
-    variables: {
-      'font-body': "'Inter', system-ui, sans-serif",
-      'vw-radius': '8px',
-    },
-  },
-  defaults: { VCard: { variant: 'outlined' } },
-})
-```
-
-Register it alongside the rest:
-
-```ts
-createVuetify({ theme: { themes: { ...vuetiwatchThemes, midnight: midnight.theme } } })
-app.use(createVuetiwatch(vuetify, { themes: [...themeList, midnight] }))
-```
-
-### Theme variables
-
-Vuetify re-emits everything under `variables` as a CSS custom property when
-the theme changes, which is how the stylesheet stays generic. Alongside
-Vuetify's own, it reads:
-
-| Variable | Default | Effect |
-| --- | --- | --- |
-| `vw-radius` | `4px` | Fields, alerts, lists, menus, snackbars, slider track, progress bars |
-| `vw-radius-btn` | `vw-radius` | Buttons and button groups, for themes whose controls are capsules |
-| `vw-radius-lg` | `vw-radius` | Cards, tables, expansion panels |
-| `vw-radius-chip` | `9999px` | Chips and badges |
-| `vw-radius-thumb` | `50%` | Slider thumb |
-| `vw-radius-icon-btn` | `50%` | Icon buttons, for themes with no curve anywhere |
-| `vw-radius-avatar` / `-dot` | `50%` | Avatars, and the dot on a timeline |
-| `vw-border-width` | `thin` | Outlined variants and field outlines |
-| `vw-outlined-fill` | `surface` | What an outlined card paints — `transparent` for themes whose surface is the ground |
-| `vw-panel-border` / `-shadow` / `-fill` | Vuetify's | A panel standing on its own: a bare list, sheet, banner or table |
-| `vw-panel-image` / `-filter` | none | The same panel's gradient and backdrop filter, for the gradient and glass themes |
-| `vw-outline-opacity` | `border-opacity` | The line around an outlined card, which Vuetify draws in the ink of its own text |
-| `vw-skeleton-opacity` | clamped | The bones of a loading placeholder, which Vuetify ties to `border-opacity` |
-| `vw-field-border-opacity` | `0.38` | The resting outline of a field — Vuetify's default reads about 2.3:1 |
-| `vw-btn-weight` / `-tracking` / `-transform` | Vuetify's | Button typography |
-| `vw-heading-weight` / `-tracking` / `-transform` | Vuetify's | Headings and the display / headline / title-large scale |
-| `vw-th-weight` / `-tracking` / `-transform` | Vuetify's | Table headers |
-| `vw-numeric` | `normal` | Figures in tables and pagination — `tabular-nums` lines columns up |
-| `vw-tab-slider-height` | `2px` | Active tab indicator |
-| `vw-tab-size` | `0.875rem` | Tab labels, which Vuetify builds out of buttons and sizes like body text |
-| `vw-avatar-ratio` | `0.4` | Initials inside an avatar, as a share of its height |
-| `vw-timeline-line` / `-width` | hairline | The timeline connector — any background, so a repeating gradient makes it dashed |
-| `vw-timeline-line-opacity` | `border-opacity` | The connector's fade, when `vw-timeline-line` is left alone |
-| `vw-relief-inset` | `0` | Padding inside chip groups, room for controls that lift |
-| `vw-overlay-shadow` / `-border` | Vuetify's | Menus, dialogs and tooltips |
-| `vw-list-bar` / `-color` | `0` | Accent bar on the active list item, leading edge |
-| `vw-pagination-active-color` / `-opacity` | Vuetify's | The current page |
-| `vw-link-decoration` | `underline` | Bare `<a>` elements |
-| `font-body` / `font-heading` | Roboto | Native to Vuetify 4 |
-| `vw-gradient` / `-btn` | none | A theme's gradient, and the deeper one used where text sits on it |
-| `vw-motion-duration` / `-ease` | `160ms` / standard | Press, hover lift, tab slider |
-| `vw-press-scale` / `-shift` | `0.98` / `0` | How far a control squashes and sinks under a press |
-| `vw-hover-lift` | `0` | How far a linked card rises on hover |
-| `vw-pop-scale` / `-duration` | `1.18` / `220ms` | The overshoot when a checkbox, toggle or star turns on |
-| `vw-focus-ring` / `-offset` | `2px solid primary` / `2px` | `:focus-visible` on buttons, tabs, chips, list items |
-| `vw-theme-transition` | `420ms` | The wipe when `change()` switches theme |
-
-`font-heading` reaches `text-display-*`, `text-headline-*`, `text-title-large`
-and bare `<h1>`–`<h6>`; the rest of the scale takes `font-body`. Vuetify 4
-uses the Material 3 names — `text-h1`…`text-h6`, `text-body-1`, `text-caption`
-and `text-overline` no longer exist.
-
-### What wins
-
-These variables set the *default* a component draws with — the same job
-Vuetify's SASS variables do at build time, moved to runtime so the look can
-be swapped without recompiling. Vuetify draws the same line itself: it ships
-`$button-border-radius` for the default and `$button-rounded-border-radius`
-for what the `rounded` prop asks for.
-
-Four levels, loudest first:
-
-| | Set by | Example |
-| --- | --- | --- |
-| **1. A prop or utility class** | the component's author | `<v-card rounded="xl">`, `class="rounded-0"` |
-| **2. The theme's component defaults** | the theme | `candy` making every `VBtn` `size="large"` |
-| **3. Your `createVuetify({ defaults })`** | you, once | `VDataTable: { hover: true }` |
-| **4. Vuetify** | the framework | the 4px corner every component ships with |
-
-Level 1 is why every rule in the core layer carries `:not([class*='rounded-'])`:
-a component whose author asked for a corner keeps it whatever the theme says.
-Level 2 sits above level 3 on purpose — a theme that could not change a
-variant would not be a theme — and `createVuetiwatch(vuetify, { defaults:
-'under' })` swaps the two when the app owns a decision the theme also has an
-opinion on, an admin panel with its own density switch being the usual case.
-It overrides only the keys it actually
-sets, so the rest of your configuration survives every switch, including
-defaults you assign at runtime. Level 4 holds because every declaration
-falls back to Vuetify's own value, which is why importing the stylesheet
-cannot change an app that is not running a Vuetiwatch theme.
-
-A fifth level sits underneath, in CSS rather than in props: your own
-stylesheet. Vuetify ships every rule inside `@layer vuetify-*`, and an
-unlayered rule outranks a layered one whatever its specificity, so the core
-layer needs no weight of its own to beat it — and takes none. Its scope is a
-`:where()`, which leaves each rule weighing the component selector and its
-guard, two classes at most. Anything with a second selector of its own clears
-it:
-
-```css
-/* wins over the theme */
-.v-application .v-btn { border-radius: 0 }
-```
-
-A theme file, which carries its own theme class, clears it the same way —
-which is what makes a theme an opinion over the defaults rather than a peer
-of them. The one exception is marked as such in the stylesheet: a short block
-of corrections that has to outrank a theme, because a theme's own rule does
-damage in a context it never considered — a per-button shadow drawing a seam
-down every join of a button group.
-
-The practical version: if a component looks wrong under a theme, look for a
-`rounded`, `variant`, `elevation` or `density` prop on it first. That prop is
-doing exactly what it is meant to do, and the theme is standing aside.
-
-### Contrast
-
-Vuetify picks the label colour for a filled control automatically, by
-whichever of black or white scores higher on [APCA](https://github.com/Myndex/apca-w3) —
-the WCAG 3 draft algorithm. It optimises, but it does not clear a bar: on
-Vuetify's own light theme the filled `warning` button lands at 2.4:1 against
-WCAG 2's 4.5:1 for label text.
-
-Every theme here is measured against both, and states `on-*` explicitly
-wherever the automatic pick falls short — which is the documented way to
-control it. Where the two models disagreed the colour was deepened a few
-points of lightness instead of flipping the label, so the hue survives and
-both models pass; `aurora` keeps its bright gradient for decoration and
-carries a deeper one behind anything with text on it.
-
-The result: in all eighteen non-stock themes every filled control clears 4.5:1.
-`classic` does not, and that is the point of it — it is stock Vuetify,
-including this.
-
-### Icons
-
-Vuetify's icon *set* is global and cannot vary per theme, but which glyph a
-component draws is an ordinary prop. `icons()` spreads one semantic set across
-every component that draws it — `dropdown` reaches selects, expansion panels
-and list groups at once.
-
-```ts
-import { icons } from 'vuetiwatch'
-
-defineTheme({
-  // …
-  defaults: [
-    icons({
-      dropdown: 'mdi-chevron-down',
-      checkboxOn: 'mdi-check-circle',
-      checkboxOff: 'mdi-circle-outline',
-    }),
-  ],
-})
-```
-
-Every key is optional; names must exist in the set the app installed, since a
-missing one renders blank.
-
-This covers only the glyphs Vuetify draws for its own controls. An icon the
-app passes itself — a mailbox, a dashboard — is content, so a theme declares a
-preference through `meta.iconStyle` instead and the app may follow it:
-
-```ts
-const outlined = computed(
-  () => vuetiwatchMeta[theme.global.name.value]?.iconStyle === 'outline',
-)
-```
+`defineTheme()` takes a name, the meta a picker needs, a Vuetify
+`ThemeDefinition` and the component defaults that go with it; everything left
+out is inherited from Vuetify's own `light` or `dark`. Register it alongside
+the rest, and it behaves like a theme that shipped with the package —
+including the switch animation and the light/dark family.
+
+## Documentation
+
+- **[Writing your own theme][authoring]** — `defineTheme`, overlay transitions,
+  text selection, per-theme icons
+- **[Theme variables][variables]** — every `vw-*` custom property the
+  stylesheet reads, and what it moves
+- **[What wins][cascade]** — props, theme defaults, your defaults, Vuetify,
+  and where your own CSS lands
+- **[Contrast][contrast]** — how the palettes are measured against WCAG 2 and
+  APCA, and the one stated exception
+
+[authoring]: https://github.com/j-tap/vuetiwatch/blob/main/docs/authoring.md
+[variables]: https://github.com/j-tap/vuetiwatch/blob/main/docs/theme-variables.md
+[cascade]: https://github.com/j-tap/vuetiwatch/blob/main/docs/cascade.md
+[contrast]: https://github.com/j-tap/vuetiwatch/blob/main/docs/contrast.md
 
 ## Requirements
 

package/dist/index.d.ts

@@ -2,10 +2,10 @@ export { atlas, atlasDark, atlasSepia, aurora, brutalist, calm, candy, classic,
 export { themeList, vuetiwatchDefaults, vuetiwatchMeta, vuetiwatchThemes, } from './registry.js';
 export { createVuetiwatch, useVuetiwatch } from './plugin.js';
 export { defineTheme } from './util/defineTheme.js';
-export { bars, combine, controls, fields, icons, surfaces, tables } from './util/defaults.js';
+export { bars, combine, controls, fields, icons, overlays, ripple, surfaces, tables } from './util/defaults.js';
 export type { Vuetiwatch, VuetiwatchOptions } from './plugin.js';
 export type { VuetiwatchThemeName } from './registry.js';
 export type { DefineThemeOptions } from './util/defineTheme.js';
-export type { VuetiwatchIcons } from './util/defaults.js';
+export type { VuetiwatchIcons, VuetiwatchOverlays } from './util/defaults.js';
 export type { VuetiwatchAccent, VuetiwatchDefaults, VuetiwatchMeta, VuetiwatchTheme, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAE7F,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACzD,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,eAAe,GAChB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAE/G,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC7E,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,eAAe,GAChB,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -2,5 +2,5 @@ export { atlas, atlasDark, atlasSepia, aurora, brutalist, calm, candy, classic,
 export { themeList, vuetiwatchDefaults, vuetiwatchMeta, vuetiwatchThemes, } from './registry.js';
 export { createVuetiwatch, useVuetiwatch } from './plugin.js';
 export { defineTheme } from './util/defineTheme.js';
-export { bars, combine, controls, fields, icons, surfaces, tables } from './util/defaults.js';
+export { bars, combine, controls, fields, icons, overlays, ripple, surfaces, tables } from './util/defaults.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAO,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAsB,eAAe,EAAE,MAAM,YAAY,CAAA;AAmBvF;;;;GAIG;AACH,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAcD,MAAM,WAAW,UAAU;IACzB,+EAA+E;IAC/E,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC,6EAA6E;IAC7E,OAAO,EAAE,WAAW,CAAC,eAAe,GAAG,SAAS,CAAC,CAAA;IACjD;;;;;OAKG;IACH,QAAQ,EAAE,WAAW,CAAC,SAAS,eAAe,EAAE,CAAC,CAAA;IACjD;;;;;;;;OAQG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5D,8DAA8D;IAC9D,OAAO,EAAE,WAAW,CAAC,SAAS,gBAAgB,EAAE,CAAC,CAAA;IACjD,iEAAiE;IACjE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IACzC;;;;;;;OAOG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAID;;;;;;GAMG;AACH,wBAAgB,aAAa,IAAK,UAAU,CAW3C;AAMD,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,iBAAiB,GACzB,MAAM,CAiJR"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAO,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAsB,eAAe,EAAE,MAAM,YAAY,CAAA;AAmBvF;;;;GAIG;AACH,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAcD,MAAM,WAAW,UAAU;IACzB,+EAA+E;IAC/E,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC,6EAA6E;IAC7E,OAAO,EAAE,WAAW,CAAC,eAAe,GAAG,SAAS,CAAC,CAAA;IACjD;;;;;OAKG;IACH,QAAQ,EAAE,WAAW,CAAC,SAAS,eAAe,EAAE,CAAC,CAAA;IACjD;;;;;;;;OAQG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5D,8DAA8D;IAC9D,OAAO,EAAE,WAAW,CAAC,SAAS,gBAAgB,EAAE,CAAC,CAAA;IACjD,iEAAiE;IACjE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IACzC;;;;;;;OAOG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAID;;;;;;GAMG;AACH,wBAAgB,aAAa,IAAK,UAAU,CAW3C;AAMD,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,iBAAiB,GACzB,MAAM,CAkKR"}

package/dist/plugin.js

@@ -1,4 +1,4 @@
-import { computed, inject, ref, watch } from 'vue';
+import { computed, inject, ref, toRaw, watch } from 'vue';
 import { combine } from './util/defaults.js';
 const injectionKey = Symbol.for('vuetiwatch');
 /**
@@ -58,8 +58,24 @@ export function createVuetiwatch(vuetify, options) {
             let userDefaults = instance.defaults.value ?? {};
             let applied;
             const defaultsFor = (name) => {
-                if (applied && instance.defaults.value !== applied) {
-                    userDefaults = instance.defaults.value ?? {};
+                /**
+                 * The comparison goes through `toRaw`, because Vuetify holds
+                 * `defaults` in a deep `ref` — "if an object is assigned as a ref's
+                 * value, the object is made deeply reactive" — so reading it back
+                 * hands out a proxy of what was written, never the object itself.
+                 * Comparing the two directly can only ever say "not ours", which is
+                 * the opposite of what the check asks: every theme change would fold
+                 * the outgoing theme's defaults into the app's own, and they would
+                 * never come back off. A theme with none of its own, `classic` above
+                 * all, then keeps whatever was on screen before it.
+                 *
+                 * Only the comparison is unwrapped. Vue asks callers not to hold a
+                 * persistent reference to a raw object, so what is kept is the proxy
+                 * Vuetify handed out — `mergeDeep` only ever reads it.
+                 */
+                const live = instance.defaults.value;
+                if (applied && toRaw(live) !== applied) {
+                    userDefaults = live ?? {};
                 }
                 const themeDefaults = defaultsByName.get(name);
                 if (!themeDefaults)

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}

package/dist/styles/aurora.css

@@ -72,7 +72,7 @@
   box-shadow: 0 0 14px #7c5cff80;
 }
 
-.v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
+.v-theme--aurora:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
   box-shadow: 0 0 0 1px #9b8cff29, 0 24px 64px #000000b3;
 }
 

package/dist/styles/aurora.min.css

@@ -1 +1 @@
-.v-theme--aurora.v-application{background-image:radial-gradient(60rem 40rem at 15% -10%,#7c5cff29,#0000 60%),radial-gradient(50rem 35rem at 95% 5%,#00d4ff1f,#0000 60%),radial-gradient(45rem 30rem at 50% 105%,#ff5caa1a,#0000 60%);background-attachment:fixed}.v-theme--aurora.v-application:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(35rem 28rem at 25% 25%,#7c5cff24,#0000 60%),radial-gradient(30rem 24rem at 75% 40%,#00d4ff1a,#0000 60%),radial-gradient(28rem 22rem at 55% 85%,#ff5caa17,#0000 60%);animation:34s ease-in-out infinite alternate vw-aurora-drift;position:fixed;inset:-20%}.v-theme--aurora .v-card.v-card--variant-elevated{background-image:radial-gradient(36rem 18rem at 0 0,#7c5cff24,#0000 70%);box-shadow:0 12px 40px #0000008c}.v-theme--aurora :is(.v-card,.v-alert,:is(.v-list,.v-sheet,.v-banner):not(:is(.v-card,.v-overlay__content,.v-navigation-drawer,.v-expansion-panels,.v-list) *)):after{content:"";border-radius:inherit;padding:var(--v-vw-border-width);background:var(--v-vw-gradient);opacity:.45;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary{background-image:var(--v-vw-gradient-btn,var(--v-vw-gradient));box-shadow:0 6px 24px #7c5cff73}.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary .v-btn__overlay{opacity:0}.v-theme--aurora .v-tab__slider{background:var(--v-vw-gradient);box-shadow:0 0 16px #7c5cffcc}.v-theme--aurora .v-slider-track__fill{background:var(--v-vw-gradient)}.v-theme--aurora .v-slider-thumb__surface{box-shadow:0 0 0 6px #7c5cff2e,0 0 16px #7c5cff99}.v-theme--aurora .v-selection-control--dirty .v-switch__track{background-image:var(--v-vw-gradient);box-shadow:0 0 14px #7c5cff80}.v-theme--aurora :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 0 0 1px #9b8cff29,0 24px 64px #000000b3}.v-theme--aurora :is(.v-progress-linear__determinate,.v-progress-linear__indeterminate){background-image:var(--v-vw-gradient)}.v-theme--aurora :is(.v-alert__underlay,.v-chip__underlay){background-image:var(--v-vw-gradient);opacity:.2}.v-theme--aurora :is(.v-app-bar,.v-toolbar,.v-navigation-drawer){background-image:linear-gradient(100deg,#7c5cff29,#00d4ff0f 55%,#0000)}.v-theme--aurora .v-divider:not(.v-divider--vertical){opacity:1;border-image:linear-gradient(90deg,#0000,#9b8cff73 25%,#00d4ff59 75%,#0000) 1}.v-theme--aurora :is(.v-table thead th,.v-data-table__th){border-bottom:1px solid #0000;border-image:var(--v-vw-gradient) 1}.v-theme--aurora .v-list-item.v-list-item--active{background-image:linear-gradient(90deg,#7c5cff38,#0000 45%)}.v-theme--aurora .v-badge__badge{background-image:var(--v-vw-gradient-btn,var(--v-vw-gradient))}.v-theme--aurora .v-field.v-field--variant-solo-filled.v-field--focused:after{content:"";border-radius:inherit;padding:var(--v-vw-border-width);background:var(--v-vw-gradient);opacity:.7;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.v-theme--aurora :is([class*=-display-],[class*=-headline-large]){background:var(--v-vw-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.v-theme--aurora .v-timeline-divider__dot{background-image:var(--v-vw-gradient);box-shadow:0 0 16px #7c5cff8c}.v-theme--aurora .v-timeline-divider__inner-dot:not([class*=bg-]){background-color:#0000!important}@keyframes vw-aurora-drift{0%{transform:translate(-3%,-2%)scale(1.06)}to{transform:translate(3%,2%)scale(1.14)}}@media (prefers-reduced-motion:reduce){.v-theme--aurora.v-application:before{animation:none}}
+.v-theme--aurora.v-application{background-image:radial-gradient(60rem 40rem at 15% -10%,#7c5cff29,#0000 60%),radial-gradient(50rem 35rem at 95% 5%,#00d4ff1f,#0000 60%),radial-gradient(45rem 30rem at 50% 105%,#ff5caa1a,#0000 60%);background-attachment:fixed}.v-theme--aurora.v-application:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(35rem 28rem at 25% 25%,#7c5cff24,#0000 60%),radial-gradient(30rem 24rem at 75% 40%,#00d4ff1a,#0000 60%),radial-gradient(28rem 22rem at 55% 85%,#ff5caa17,#0000 60%);animation:34s ease-in-out infinite alternate vw-aurora-drift;position:fixed;inset:-20%}.v-theme--aurora .v-card.v-card--variant-elevated{background-image:radial-gradient(36rem 18rem at 0 0,#7c5cff24,#0000 70%);box-shadow:0 12px 40px #0000008c}.v-theme--aurora :is(.v-card,.v-alert,:is(.v-list,.v-sheet,.v-banner):not(:is(.v-card,.v-overlay__content,.v-navigation-drawer,.v-expansion-panels,.v-list) *)):after{content:"";border-radius:inherit;padding:var(--v-vw-border-width);background:var(--v-vw-gradient);opacity:.45;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary{background-image:var(--v-vw-gradient-btn,var(--v-vw-gradient));box-shadow:0 6px 24px #7c5cff73}.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary .v-btn__overlay{opacity:0}.v-theme--aurora .v-tab__slider{background:var(--v-vw-gradient);box-shadow:0 0 16px #7c5cffcc}.v-theme--aurora .v-slider-track__fill{background:var(--v-vw-gradient)}.v-theme--aurora .v-slider-thumb__surface{box-shadow:0 0 0 6px #7c5cff2e,0 0 16px #7c5cff99}.v-theme--aurora .v-selection-control--dirty .v-switch__track{background-image:var(--v-vw-gradient);box-shadow:0 0 14px #7c5cff80}.v-theme--aurora:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--aurora :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 0 0 1px #9b8cff29,0 24px 64px #000000b3}.v-theme--aurora :is(.v-progress-linear__determinate,.v-progress-linear__indeterminate){background-image:var(--v-vw-gradient)}.v-theme--aurora :is(.v-alert__underlay,.v-chip__underlay){background-image:var(--v-vw-gradient);opacity:.2}.v-theme--aurora :is(.v-app-bar,.v-toolbar,.v-navigation-drawer){background-image:linear-gradient(100deg,#7c5cff29,#00d4ff0f 55%,#0000)}.v-theme--aurora .v-divider:not(.v-divider--vertical){opacity:1;border-image:linear-gradient(90deg,#0000,#9b8cff73 25%,#00d4ff59 75%,#0000) 1}.v-theme--aurora :is(.v-table thead th,.v-data-table__th){border-bottom:1px solid #0000;border-image:var(--v-vw-gradient) 1}.v-theme--aurora .v-list-item.v-list-item--active{background-image:linear-gradient(90deg,#7c5cff38,#0000 45%)}.v-theme--aurora .v-badge__badge{background-image:var(--v-vw-gradient-btn,var(--v-vw-gradient))}.v-theme--aurora .v-field.v-field--variant-solo-filled.v-field--focused:after{content:"";border-radius:inherit;padding:var(--v-vw-border-width);background:var(--v-vw-gradient);opacity:.7;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.v-theme--aurora :is([class*=-display-],[class*=-headline-large]){background:var(--v-vw-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.v-theme--aurora .v-timeline-divider__dot{background-image:var(--v-vw-gradient);box-shadow:0 0 16px #7c5cff8c}.v-theme--aurora .v-timeline-divider__inner-dot:not([class*=bg-]){background-color:#0000!important}@keyframes vw-aurora-drift{0%{transform:translate(-3%,-2%)scale(1.06)}to{transform:translate(3%,2%)scale(1.14)}}@media (prefers-reduced-motion:reduce){.v-theme--aurora.v-application:before{animation:none}}

package/dist/styles/brutalist.css

@@ -21,7 +21,7 @@
   transform: translate(-1px, -1px);
 }
 
-.v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
+.v-theme--brutalist:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
   border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
   box-shadow: 8px 8px 0 rgb(var(--v-shadow-color));
 }

package/dist/styles/brutalist.min.css

@@ -1 +1 @@
-.v-theme--brutalist{--vw-brut-offset:4px}.v-theme--brutalist :is(.v-card,.v-btn,.v-alert,.v-chip,.v-table,.v-btn-group,.v-expansion-panels):not(.v-btn--variant-text,.v-btn--variant-plain,.v-card--variant-text,.v-card--variant-plain){box-shadow:var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color))}.v-theme--brutalist :is(.v-btn,.v-chip,.v-btn-group):not(.v-btn--variant-text,.v-btn--variant-plain):not(.v-btn--disabled,.v-btn-group *){border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.v-theme--brutalist .v-btn:active:not(.v-btn--disabled){transform:translate(var(--vw-brut-offset), var(--vw-brut-offset));box-shadow:0 0 0 rgb(var(--v-shadow-color))}.v-theme--brutalist .v-btn:not(.v-btn--variant-text,.v-btn--variant-plain):hover:not(.v-btn--disabled,.v-btn-group *){box-shadow:5px 5px 0 rgb(var(--v-shadow-color));transform:translate(-1px,-1px)}.v-theme--brutalist :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));box-shadow:8px 8px 0 rgb(var(--v-shadow-color))}.v-theme--brutalist :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-secondary));border-bottom:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));text-transform:uppercase;font-weight:700}.v-theme--brutalist .v-expansion-panels{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color))}.v-theme--brutalist .v-timeline-divider__dot{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));box-shadow:var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color))}@media (prefers-reduced-motion:reduce){.v-theme--brutalist .v-btn{transition:none}.v-theme--brutalist .v-btn:hover:not(.v-btn--disabled){transform:none}}
+.v-theme--brutalist{--vw-brut-offset:4px}.v-theme--brutalist :is(.v-card,.v-btn,.v-alert,.v-chip,.v-table,.v-btn-group,.v-expansion-panels):not(.v-btn--variant-text,.v-btn--variant-plain,.v-card--variant-text,.v-card--variant-plain){box-shadow:var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color))}.v-theme--brutalist :is(.v-btn,.v-chip,.v-btn-group):not(.v-btn--variant-text,.v-btn--variant-plain):not(.v-btn--disabled,.v-btn-group *){border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.v-theme--brutalist .v-btn:active:not(.v-btn--disabled){transform:translate(var(--vw-brut-offset), var(--vw-brut-offset));box-shadow:0 0 0 rgb(var(--v-shadow-color))}.v-theme--brutalist .v-btn:not(.v-btn--variant-text,.v-btn--variant-plain):hover:not(.v-btn--disabled,.v-btn-group *){box-shadow:5px 5px 0 rgb(var(--v-shadow-color));transform:translate(-1px,-1px)}.v-theme--brutalist:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--brutalist :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));box-shadow:8px 8px 0 rgb(var(--v-shadow-color))}.v-theme--brutalist :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-secondary));border-bottom:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));text-transform:uppercase;font-weight:700}.v-theme--brutalist .v-expansion-panels{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color))}.v-theme--brutalist .v-timeline-divider__dot{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));box-shadow:var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color))}@media (prefers-reduced-motion:reduce){.v-theme--brutalist .v-btn{transition:none}.v-theme--brutalist .v-btn:hover:not(.v-btn--disabled){transform:none}}

package/dist/styles/calm.css

@@ -2,7 +2,7 @@
   box-shadow: none;
 }
 
-.v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
+.v-theme--calm:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
   border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);
   box-shadow: 0 16px 48px #3a3a360f;
 }

package/dist/styles/calm.min.css

@@ -1 +1 @@
-.v-theme--calm :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--calm :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);box-shadow:0 16px 48px #3a3a360f}.v-theme--calm :is(.v-table thead th,.v-data-table__th){border-bottom:var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);font-weight:500}.v-theme--calm .v-card-text{line-height:1.7}
+.v-theme--calm :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--calm:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--calm :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);box-shadow:0 16px 48px #3a3a360f}.v-theme--calm :is(.v-table thead th,.v-data-table__th){border-bottom:var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);font-weight:500}.v-theme--calm .v-card-text{line-height:1.7}

package/dist/styles/candy.css

@@ -39,11 +39,8 @@
 }
 
 .v-theme--candy .v-field.v-field--variant-solo-filled {
-  box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
-}
-
-.v-theme--candy .v-field.v-field--variant-solo-filled .v-field__overlay {
   background-color: rgb(var(--v-theme-surface-light));
+  box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
 }
 
 .v-theme--candy :is(.v-switch__track, .v-slider-track__background) {

package/dist/styles/candy.min.css

@@ -1 +1 @@
-.v-theme--candy{--vw-candy-pad:inset 0 2px 0 #ffffff8c, inset 0 -3px 0 rgba(var(--v-theme-on-surface), .08);--vw-candy-rest:0 3px 6px rgba(var(--v-shadow-color), .16), 0 10px 22px rgba(var(--v-shadow-color), .13);--vw-candy-squash:0 1px 3px rgba(var(--v-shadow-color), .2), 0 3px 9px rgba(var(--v-shadow-color), .12);--v-vw-relief-inset:4px}.v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat,.v-btn--variant-elevated):not(.v-btn--disabled){box-shadow:var(--vw-candy-pad), var(--vw-candy-rest);transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat,.v-btn--variant-elevated):not(.v-btn--disabled):active{box-shadow:var(--vw-candy-pad), var(--vw-candy-squash)}.v-theme--candy .v-chip.v-chip:not(.v-chip--variant-text,.v-chip--variant-plain){box-shadow:inset 0 1px 0 #ffffff80, 0 2px 5px rgba(var(--v-shadow-color), .14)}.v-theme--candy :is(.v-card.v-card--variant-elevated,.v-alert.v-alert--variant-tonal){box-shadow:inset 0 2px 0 #fff9, 0 6px 16px rgba(var(--v-shadow-color), .12), 0 20px 44px rgba(var(--v-shadow-color), .1)}.v-theme--candy .v-card.v-card--variant-elevated{transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--candy .v-card.v-card--variant-elevated.v-card--link:hover{box-shadow:inset 0 2px 0 #fff9, 0 10px 22px rgba(var(--v-shadow-color), .14), 0 28px 60px rgba(var(--v-shadow-color), .12)}.v-theme--candy .v-field.v-field--variant-solo-filled{box-shadow:inset 0 2px 5px rgba(var(--v-shadow-color), .16)}.v-theme--candy .v-field.v-field--variant-solo-filled .v-field__overlay{background-color:rgb(var(--v-theme-surface-light))}.v-theme--candy :is(.v-switch__track,.v-slider-track__background){box-shadow:inset 0 2px 4px rgba(var(--v-shadow-color), .22)}.v-theme--candy :is(.v-switch__thumb,.v-slider-thumb__surface){box-shadow:inset 0 2px 0 #ffffffa6, 0 2px 5px rgba(var(--v-shadow-color), .32), 0 0 0 5px rgba(var(--v-theme-primary), .14)}.v-theme--candy .v-tabs--inset .v-tab__slider{box-shadow:inset 0 1px 0 #ffffff80, 0 4px 12px rgba(var(--v-theme-primary), .24)}.v-theme--candy :is(.v-timeline-divider__before,.v-timeline-divider__after){border-radius:999px}.v-theme--candy .v-timeline-divider__dot{box-shadow:inset 0 2px 0 #fff9, 0 3px 8px rgba(var(--v-shadow-color), .22)}
+.v-theme--candy{--vw-candy-pad:inset 0 2px 0 #ffffff8c, inset 0 -3px 0 rgba(var(--v-theme-on-surface), .08);--vw-candy-rest:0 3px 6px rgba(var(--v-shadow-color), .16), 0 10px 22px rgba(var(--v-shadow-color), .13);--vw-candy-squash:0 1px 3px rgba(var(--v-shadow-color), .2), 0 3px 9px rgba(var(--v-shadow-color), .12);--v-vw-relief-inset:4px}.v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat,.v-btn--variant-elevated):not(.v-btn--disabled){box-shadow:var(--vw-candy-pad), var(--vw-candy-rest);transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat,.v-btn--variant-elevated):not(.v-btn--disabled):active{box-shadow:var(--vw-candy-pad), var(--vw-candy-squash)}.v-theme--candy .v-chip.v-chip:not(.v-chip--variant-text,.v-chip--variant-plain){box-shadow:inset 0 1px 0 #ffffff80, 0 2px 5px rgba(var(--v-shadow-color), .14)}.v-theme--candy :is(.v-card.v-card--variant-elevated,.v-alert.v-alert--variant-tonal){box-shadow:inset 0 2px 0 #fff9, 0 6px 16px rgba(var(--v-shadow-color), .12), 0 20px 44px rgba(var(--v-shadow-color), .1)}.v-theme--candy .v-card.v-card--variant-elevated{transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--candy .v-card.v-card--variant-elevated.v-card--link:hover{box-shadow:inset 0 2px 0 #fff9, 0 10px 22px rgba(var(--v-shadow-color), .14), 0 28px 60px rgba(var(--v-shadow-color), .12)}.v-theme--candy .v-field.v-field--variant-solo-filled{background-color:rgb(var(--v-theme-surface-light));box-shadow:inset 0 2px 5px rgba(var(--v-shadow-color), .16)}.v-theme--candy :is(.v-switch__track,.v-slider-track__background){box-shadow:inset 0 2px 4px rgba(var(--v-shadow-color), .22)}.v-theme--candy :is(.v-switch__thumb,.v-slider-thumb__surface){box-shadow:inset 0 2px 0 #ffffffa6, 0 2px 5px rgba(var(--v-shadow-color), .32), 0 0 0 5px rgba(var(--v-theme-primary), .14)}.v-theme--candy .v-tabs--inset .v-tab__slider{box-shadow:inset 0 1px 0 #ffffff80, 0 4px 12px rgba(var(--v-theme-primary), .24)}.v-theme--candy :is(.v-timeline-divider__before,.v-timeline-divider__after){border-radius:999px}.v-theme--candy .v-timeline-divider__dot{box-shadow:inset 0 2px 0 #fff9, 0 3px 8px rgba(var(--v-shadow-color), .22)}

package/dist/styles/clay.css

@@ -39,7 +39,7 @@
       -2px -2px 6px #ffffffe6;
 }
 
-.v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
+.v-theme--clay:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
   box-shadow: 12px 12px 40px rgba(var(--v-shadow-color), .24);
 }
 

package/dist/styles/clay.min.css

@@ -1 +1 @@
-.v-theme--clay{--vw-clay-lift:8px 8px 20px rgba(var(--v-shadow-color), .18), -6px -6px 16px #ffffffe6, inset -4px -4px 12px rgba(var(--v-shadow-color), .06), inset 4px 4px 10px #ffffffb3}.v-theme--clay :is(.v-card,.v-btn,.v-alert,.v-btn-group,.v-expansion-panels):not(.v-btn--variant-text,.v-btn--variant-plain,.v-card--variant-text,.v-card--variant-plain,.v-btn--size-small,.v-btn--size-x-small){box-shadow:var(--vw-clay-lift)}.v-theme--clay :is(.v-chip,.v-btn--size-small,.v-btn--size-x-small):not(.v-btn--variant-text,.v-btn--variant-plain){box-shadow:3px 3px 7px rgba(var(--v-shadow-color), .13), -2px -2px 5px #fff9}.v-theme--clay [class*=bg-] :is(.v-btn.v-btn,.v-chip.v-chip){box-shadow:none}.v-theme--clay .v-btn:active:not(.v-btn--disabled){box-shadow:4px 4px 10px rgba(var(--v-shadow-color), .16), inset -3px -3px 10px rgba(var(--v-shadow-color), .1), inset 3px 3px 8px #fff9}.v-theme--clay .v-field.v-field--variant-solo{background:rgb(var(--v-theme-surface));box-shadow:inset 4px 4px 10px rgba(var(--v-shadow-color), .12), inset -4px -4px 10px #ffffffe6}.v-theme--clay :is(.v-switch__track,.v-slider-track){box-shadow:inset 2px 2px 6px rgba(var(--v-shadow-color), .18)}.v-theme--clay :is(.v-switch__thumb,.v-slider-thumb__surface){box-shadow:3px 3px 8px rgba(var(--v-shadow-color), .24), -2px -2px 6px #ffffffe6}.v-theme--clay :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:12px 12px 40px rgba(var(--v-shadow-color), .24)}.v-theme--clay .v-tab__slider{border-radius:5px}.v-theme--clay :is(.v-timeline-divider__before,.v-timeline-divider__after){box-shadow:inset 2px 2px 5px rgba(var(--v-shadow-color), .18), inset -2px -2px 5px #fffc}.v-theme--clay .v-timeline-divider__dot{box-shadow:var(--vw-clay-lift)}
+.v-theme--clay{--vw-clay-lift:8px 8px 20px rgba(var(--v-shadow-color), .18), -6px -6px 16px #ffffffe6, inset -4px -4px 12px rgba(var(--v-shadow-color), .06), inset 4px 4px 10px #ffffffb3}.v-theme--clay :is(.v-card,.v-btn,.v-alert,.v-btn-group,.v-expansion-panels):not(.v-btn--variant-text,.v-btn--variant-plain,.v-card--variant-text,.v-card--variant-plain,.v-btn--size-small,.v-btn--size-x-small){box-shadow:var(--vw-clay-lift)}.v-theme--clay :is(.v-chip,.v-btn--size-small,.v-btn--size-x-small):not(.v-btn--variant-text,.v-btn--variant-plain){box-shadow:3px 3px 7px rgba(var(--v-shadow-color), .13), -2px -2px 5px #fff9}.v-theme--clay [class*=bg-] :is(.v-btn.v-btn,.v-chip.v-chip){box-shadow:none}.v-theme--clay .v-btn:active:not(.v-btn--disabled){box-shadow:4px 4px 10px rgba(var(--v-shadow-color), .16), inset -3px -3px 10px rgba(var(--v-shadow-color), .1), inset 3px 3px 8px #fff9}.v-theme--clay .v-field.v-field--variant-solo{background:rgb(var(--v-theme-surface));box-shadow:inset 4px 4px 10px rgba(var(--v-shadow-color), .12), inset -4px -4px 10px #ffffffe6}.v-theme--clay :is(.v-switch__track,.v-slider-track){box-shadow:inset 2px 2px 6px rgba(var(--v-shadow-color), .18)}.v-theme--clay :is(.v-switch__thumb,.v-slider-thumb__surface){box-shadow:3px 3px 8px rgba(var(--v-shadow-color), .24), -2px -2px 6px #ffffffe6}.v-theme--clay:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--clay :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:12px 12px 40px rgba(var(--v-shadow-color), .24)}.v-theme--clay .v-tab__slider{border-radius:5px}.v-theme--clay :is(.v-timeline-divider__before,.v-timeline-divider__after){box-shadow:inset 2px 2px 5px rgba(var(--v-shadow-color), .18), inset -2px -2px 5px #fffc}.v-theme--clay .v-timeline-divider__dot{box-shadow:var(--vw-clay-lift)}

package/dist/styles/core.css

@@ -94,7 +94,7 @@
   border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
 }
 
-:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-alert:not([class*="rounded-"]), .v-field:not([class*="rounded-"]), .v-list-item:not([class*="rounded-"]), .v-snackbar__wrapper, .v-menu > .v-overlay__content, .v-tooltip > .v-overlay__content, .v-overlay__content > :is(.v-list, .v-sheet)) {
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-alert:not([class*="rounded-"]), .v-field:not([class*="rounded-"]), .v-list-item:not([class*="rounded-"]), .v-snackbar__wrapper, .v-overlay__content > :is(.v-list, .v-sheet)) {
   border-radius: var(--v-vw-radius, 4px);
 }
 
@@ -127,6 +127,10 @@
   background-color: rgb(var(--v-theme-surface));
 }
 
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-card--variant-tonal > .v-card__underlay {
+  z-index: -1;
+}
+
 :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-card > :is(.v-list, .v-table):not([class*="bg-"]) {
   background: none;
 }
@@ -151,11 +155,39 @@
   text-transform: var(--v-vw-btn-transform, none);
 }
 
-:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content {
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon):is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content {
   border: var(--v-vw-overlay-border, none);
   box-shadow: var(--v-vw-overlay-shadow, revert-layer);
 }
 
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon):is(.v-menu, .v-tooltip) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-tooltip) > .v-overlay__content {
+  border-radius: var(--v-vw-radius, 4px);
+}
+
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon).v-dialog:not(.v-dialog--fullscreen) > .v-overlay__content, :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-dialog:not(.v-dialog--fullscreen) > .v-overlay__content {
+  border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
+}
+
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-overlay__content, .v-overlay__scrim):is([class*="-transition-enter-active"], [class*="-transition-leave-active"]) {
+  transition-timing-function: var(--v-vw-overlay-ease, var(--v-vw-motion-ease, revert-layer));
+}
+
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__content[class*="-transition-enter-active"] {
+  transition-duration: var(--v-vw-overlay-duration, revert-layer);
+}
+
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__content[class*="-transition-leave-active"] {
+  transition-duration: var(--v-vw-overlay-exit, var(--v-vw-overlay-duration, revert-layer));
+}
+
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__scrim[class*="-transition-enter-active"] {
+  transition-duration: var(--v-vw-scrim-duration, var(--v-vw-overlay-duration, revert-layer));
+}
+
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__scrim[class*="-transition-leave-active"] {
+  transition-duration: var(--v-vw-scrim-duration, var(--v-vw-overlay-exit, var(--v-vw-overlay-duration, revert-layer)));
+}
+
 :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-chip-group .v-slide-group__content {
   padding: var(--v-vw-relief-inset, 0);
 }
@@ -293,6 +325,16 @@
   text-underline-offset: .15em;
 }
 
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon)::selection {
+  background-color: var(--v-vw-selection-fill, rgba(var(--v-theme-primary), .24));
+  color: var(--v-vw-selection-color, inherit);
+}
+
+:where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) ::selection {
+  background-color: var(--v-vw-selection-fill, rgba(var(--v-theme-primary), .24));
+  color: var(--v-vw-selection-color, inherit);
+}
+
 @keyframes vw-pop {
   0% {
     transform: scale(1);