vuetiwatch 0.1.0 → 0.2.0

package/dist/themes/slate.js

@@ -34,8 +34,16 @@ export const slate = defineTheme({
             warning: '#B7791F',
             'on-surface': '#1A202C',
             'on-background': '#1A202C',
+            // Vuetify picks the label colour by luminance and settles for
+            // about 3:1, which is the bar for large text rather than for a
+            // button label. Measured on the filled buttons: warning 3.6:1 → 4.5:1.
+            'on-warning': '#1A202C',
         },
         variables: {
+            /* A panel standing on its own — a bare list, sheet, banner or table.
+               Core owns the selector; this is what it draws with. */
+            'vw-panel-border': 'var(--v-vw-border-width) solid rgba(var(--v-border-color), var(--v-border-opacity))',
+            'vw-panel-shadow': '0 1px 2px rgba(var(--v-shadow-color), 0.05)',
             'border-color': '#1A202C',
             'border-opacity': 0.14,
             'shadow-color': '#1A202C',
@@ -54,11 +62,24 @@ export const slate = defineTheme({
             'vw-list-bar': '3px',
             'vw-list-bar-color': 'rgb(var(--v-theme-primary))',
             'vw-tab-slider-height': '3px',
+            // Dashboard: short, unremarkable, out of the way of the data.
+            'vw-motion-duration': '120ms',
+            'vw-press-scale': '0.98',
+            'vw-pop-scale': '1.12',
+            'vw-pop-duration': '160ms',
+            'vw-focus-ring': '2px solid rgb(var(--v-theme-primary))',
+            // Dense and structural: a 2px rule and a square dot.
+            'vw-timeline-line': 'rgba(var(--v-theme-primary), 0.35)',
+            'vw-timeline-line-width': '2px',
+            'vw-radius-dot': '3px',
         },
     },
     defaults: [
         {
-            VBtn: { variant: 'flat', density: 'comfortable' },
+            // No `density` on the button: Vuetify subtracts it from the size
+            // height, and a comfortable `x-small` ends up shorter than its own
+            // label. Everything else in the theme stays compact.
+            VBtn: { variant: 'flat' },
             VCard: { variant: 'outlined' },
             VAlert: { variant: 'tonal', density: 'compact' },
             VChip: { variant: 'tonal', size: 'small' },

package/dist/themes/slate.js.map

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

package/dist/themes/soft.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"soft.d.ts","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,IAAI,+CA2Ef,CAAA"}
+{"version":3,"file":"soft.d.ts","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,IAAI,+CAiGf,CAAA"}

package/dist/themes/soft.js

@@ -12,7 +12,7 @@ export const soft = defineTheme({
         description: 'Pastel palette, large radii and diffuse shadows. Friendly and unhurried.',
         dark: false,
         iconStyle: 'filled',
-        swatch: ['#F7F5FF', '#FFFFFF', '#7C6CF0', '#F08CA8'],
+        swatch: ['#F7F5FF', '#FFFFFF', '#705EEF', '#F08CA8'],
         fonts: ['Nunito'],
     },
     theme: {
@@ -24,7 +24,7 @@ export const soft = defineTheme({
             'surface-light': '#EAE3FF',
             'surface-variant': '#4A4458',
             'on-surface-variant': '#F7F5FF',
-            primary: '#7C6CF0',
+            primary: '#705EEF',
             'primary-darken-1': '#5F4DE0',
             secondary: '#F08CA8',
             'secondary-darken-1': '#DB6C8B',
@@ -34,8 +34,18 @@ export const soft = defineTheme({
             warning: '#F5B851',
             'on-surface': '#2E2A3B',
             'on-background': '#2E2A3B',
+            // Vuetify's automatic pick lands on white here, which is worse by
+            // both models — this reads w6.0/a56 against w2.3/a50.
+            'on-secondary': '#2E2A3B',
+            // Vuetify picks the label colour by luminance and settles for
+            // about 3:1, which is the bar for large text rather than for a
+            // button label. Measured on the filled buttons: error 2.8:1 → 4.9:1.
+            'on-error': '#2E2A3B',
         },
         variables: {
+            /* A panel standing on its own — a bare list, sheet, banner or table.
+               Core owns the selector; this is what it draws with. */
+            'vw-panel-shadow': '0 2px 4px rgba(var(--v-theme-primary), 0.06), 0 12px 28px rgba(var(--v-theme-primary), 0.1)',
             'border-color': '#5F4DE0',
             'border-opacity': 0.1,
             'shadow-color': '#4A3F8C',
@@ -49,6 +59,15 @@ export const soft = defineTheme({
             'vw-btn-transform': 'none',
             'vw-btn-tracking': '0',
             'vw-btn-weight': '700',
+            // Unhurried, with a little give.
+            'vw-motion-duration': '250ms',
+            'vw-press-scale': '0.97',
+            'vw-hover-lift': '2px',
+            'vw-pop-scale': '1.22',
+            'vw-pop-duration': '260ms',
+            // Thick and pastel, matching the radii.
+            'vw-timeline-line': 'rgba(var(--v-theme-primary), 0.25)',
+            'vw-timeline-line-width': '5px',
         },
     },
     defaults: [

package/dist/themes/soft.js.map

@@ -1 +1 @@
-{"version":3,"file":"soft.js","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,0EAA0E;QACvF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,QAAQ,CAAC;KAClB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;SAC3B;QACD,SAAS,EAAE;YACT,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,GAAG;YACrB,cAAc,EAAE,SAAS;YACzB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;YAC/B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,8CAA8C;YAC3D,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,MAAM;YACtB,gBAAgB,EAAE,OAAO;YACzB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,GAAG;YACtB,eAAe,EAAE,KAAK;SACvB;KACF;IACD,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;YAC5B,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SAC5B;QACD,MAAM,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;QAClC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACpB;YACE,oEAAoE;YACpE,wEAAwE;YACxE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;YACxB,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;YACxC,+DAA+D;YAC/D,kDAAkD;YAClD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE;SACxC;QACD,KAAK,CAAC;YACJ,qDAAqD;YACrD,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,WAAW;YACvB,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE,kBAAkB;SAC1B,CAAC;KACH;CACF,CAAC,CAAA"}
+{"version":3,"file":"soft.js","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -1,6 +1,20 @@
 import type { createVuetify, ThemeDefinition } from 'vuetify';
 /** Global component defaults, same shape as `createVuetify({ defaults })`. */
 export type VuetiwatchDefaults = NonNullable<NonNullable<Parameters<typeof createVuetify>[0]>['defaults']>;
+/**
+ * A named set of colours a theme offers as an alternative to its own.
+ *
+ * Presets rather than a colour picker on purpose: an accent has to clear
+ * contrast against the theme's ground, and a slider hands that problem to
+ * whoever drags it. Each entry here is measured.
+ */
+export interface VuetiwatchAccent {
+    /** Shared across a family, so the choice survives a light/dark switch. */
+    id: string;
+    title: string;
+    /** Written over the theme's own colours — `primary` and its companions. */
+    colors: Record<string, string>;
+}
 export interface VuetiwatchMeta {
     /** Human readable name, for theme pickers. */
     title: string;
@@ -21,6 +35,32 @@ export interface VuetiwatchMeta {
      * the playground's navigation demo.
      */
     iconStyle: 'outline' | 'filled';
+    /**
+     * Themes that are one design on different grounds — `atlas`, `atlasDark`
+     * and `atlasSepia` all carry `family: 'atlas'`.
+     *
+     * It exists so an app can offer the choice: `useVuetiwatch().siblings`
+     * returns the variants of whatever is running, which is everything a
+     * light/dark switch needs. Vuetify's own `ThemeDefinition` is one mode by
+     * definition, so a pair of registered themes is how the switch is built.
+     */
+    family?: string;
+    /** This variant's name within its family — 'Light', 'Dark', 'Sepia'. */
+    variant?: string;
+    /**
+     * Alternative accents, applied through `useVuetiwatch().setAccent()`.
+     * The first is the theme's own, so a picker can show it selected.
+     */
+    accents?: VuetiwatchAccent[];
+    /**
+     * Opts the theme out of the Vuetiwatch core stylesheet, so it renders as
+     * stock Vuetify and nothing in this package reaches it.
+     *
+     * Only `classic` sets it. The set needs one theme that is the control —
+     * a reference point you can switch to and see exactly what the others
+     * added — and that only means something if it is untouched.
+     */
+    stock?: boolean;
     /**
      * Web fonts the theme expects. The package never loads them for you —
      * add them yourself (Google Fonts, Fontsource, self-hosted) for the full

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE7D,8EAA8E;AAC9E,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAC1C,WAAW,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAC7D,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,WAAW,EAAE,MAAM,CAAA;IACnB,+CAA+C;IAC/C,IAAI,EAAE,OAAO,CAAA;IACb,+DAA+D;IAC/D,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC;;;;;;;;;OASG;IACH,SAAS,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC/B;;;;OAIG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IAC3D,0DAA0D;IAC1D,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,cAAc,CAAA;IACpB,4DAA4D;IAC5D,KAAK,EAAE,eAAe,CAAA;IACtB,6DAA6D;IAC7D,QAAQ,EAAE,kBAAkB,CAAA;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE7D,8EAA8E;AAC9E,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAC1C,WAAW,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAC7D,CAAA;AAED;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,WAAW,EAAE,MAAM,CAAA;IACnB,+CAA+C;IAC/C,IAAI,EAAE,OAAO,CAAA;IACb,+DAA+D;IAC/D,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC;;;;;;;;;OASG;IACH,SAAS,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC/B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IAC3D,0DAA0D;IAC1D,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,cAAc,CAAA;IACpB,4DAA4D;IAC5D,KAAK,EAAE,eAAe,CAAA;IACtB,6DAA6D;IAC7D,QAAQ,EAAE,kBAAkB,CAAA;CAC7B"}

package/dist/util/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/util/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAGrD,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AA0CpC;;;GAGG;AACH,eAAO,MAAM,MAAM,UAAW,KAAK,KAAG,kBACL,CAAA;AAEjC,uEAAuE;AACvE,eAAO,MAAM,QAAQ,UAAW,KAAK,KAAG,kBACL,CAAA;AAEnC,uDAAuD;AACvD,eAAO,MAAM,IAAI,UAAW,KAAK,KAAG,kBACL,CAAA;AAE/B,yDAAyD;AACzD,eAAO,MAAM,QAAQ,UAAW,KAAK,KAAG,kBACL,CAAA;AAEnC,qEAAqE;AACrE,eAAO,MAAM,MAAM,YAAa,SAAS,GAAG,aAAa,GAAG,SAAS,KAAG,kBAItE,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,aAAc,kBAAkB,EAAE,KAAG,kBACkB,CAAA;AAE3E;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,0EAA0E;AAC1E,wBAAgB,KAAK,CAAE,GAAG,EAAE,eAAe,GAAG,kBAAkB,CA6C/D"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/util/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAGrD,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAqDpC;;;GAGG;AACH,eAAO,MAAM,MAAM,UAAW,KAAK,KAAG,kBACT,CAAA;AAE7B,uEAAuE;AACvE,eAAO,MAAM,QAAQ,UAAW,KAAK,KAAG,kBACL,CAAA;AAEnC,uDAAuD;AACvD,eAAO,MAAM,IAAI,UAAW,KAAK,KAAG,kBACL,CAAA;AAE/B,yDAAyD;AACzD,eAAO,MAAM,QAAQ,UAAW,KAAK,KAAG,kBACL,CAAA;AAEnC,qEAAqE;AACrE,eAAO,MAAM,MAAM,YAAa,SAAS,GAAG,aAAa,GAAG,SAAS,KAAG,kBAItE,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,aAAc,kBAAkB,EAAE,KAAG,kBACkB,CAAA;AAE3E;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,0EAA0E;AAC1E,wBAAgB,KAAK,CAAE,GAAG,EAAE,eAAe,GAAG,kBAAkB,CA6C/D"}

package/dist/util/defaults.js

@@ -7,7 +7,17 @@ const FIELD_COMPONENTS = [
     'VAutocomplete',
     'VCombobox',
     'VFileInput',
+    'VNumberInput',
 ];
+/**
+ * The same list plus the one field that takes `variant` and `density` but
+ * none of the icons: the OTP input has no clear button to name.
+ *
+ * Both exist because a theme states its input style once. A field left out
+ * of it does not fall back to something neutral — it keeps Vuetify's filled
+ * variant and stands out as the one control the theme forgot.
+ */
+const FIELD_STYLED = [...FIELD_COMPONENTS, 'VOtpInput'];
 /** The subset of those that opens a menu, and so draws a dropdown glyph. */
 const MENU_COMPONENTS = [
     'VSelect',
@@ -36,7 +46,7 @@ const spread = (names, props) => Object.fromEntries(names.map(name => [name, pro
  * Applies the same props to every field-based input, so a theme states its
  * input style once instead of six times.
  */
-export const fields = (props) => spread(FIELD_COMPONENTS, props);
+export const fields = (props) => spread(FIELD_STYLED, props);
 /** Applies the same props to checkboxes, radio groups and switches. */
 export const controls = (props) => spread(CONTROL_COMPONENTS, props);
 /** Applies the same props to app bars and toolbars. */

package/dist/util/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../src/util/defaults.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../src/util/defaults.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAItC,8EAA8E;AAC9E,MAAM,gBAAgB,GAAG;IACvB,YAAY;IACZ,WAAW;IACX,SAAS;IACT,eAAe;IACf,WAAW;IACX,YAAY;IACZ,cAAc;CACN,CAAA;AAEV;;;;;;;GAOG;AACH,MAAM,YAAY,GAAG,CAAC,GAAG,gBAAgB,EAAE,WAAW,CAAU,CAAA;AAEhE,4EAA4E;AAC5E,MAAM,eAAe,GAAG;IACtB,SAAS;IACT,eAAe;IACf,WAAW;CACH,CAAA;AAEV,wDAAwD;AACxD,MAAM,kBAAkB,GAAG;IACzB,WAAW;IACX,aAAa;IACb,SAAS;CACD,CAAA;AAEV,yDAAyD;AACzD,MAAM,cAAc,GAAG;IACrB,SAAS;IACT,UAAU;CACF,CAAA;AAEV,yDAAyD;AACzD,MAAM,kBAAkB,GAAG;IACzB,OAAO;IACP,QAAQ;IACR,OAAO;CACC,CAAA;AAEV,MAAM,MAAM,GAAG,CAAC,KAAwB,EAAE,KAAY,EAAsB,EAAE,CAC5E,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;AAEtD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAY,EAAsB,EAAE,CACzD,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AAE7B,uEAAuE;AACvE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAsB,EAAE,CAC3D,MAAM,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;AAEnC,uDAAuD;AACvD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAY,EAAsB,EAAE,CACvD,MAAM,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;AAE/B,yDAAyD;AACzD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAsB,EAAE,CAC3D,MAAM,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;AAEnC,qEAAqE;AACrE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAA8C,EAAsB,EAAE,CAAC,CAAC;IAC7F,KAAK,EAAE,EAAE,OAAO,EAAE;IAClB,MAAM,EAAE,EAAE,OAAO,EAAE;IACnB,UAAU,EAAE,EAAE,OAAO,EAAE;CACxB,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,KAA2B,EAAsB,EAAE,CAC5E,KAAK,CAAC,MAAM,CAAqB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;AAwC3E,0EAA0E;AAC1E,MAAM,UAAU,KAAK,CAAE,GAAoB;IACzC,MAAM,GAAG,GAA0B,EAAE,CAAA;IAErC;;;;;OAKG;IACH,MAAM,GAAG,GAAG,CAAC,KAAwB,EAAE,KAAY,EAAE,EAAE;QACrD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;QAE9E,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;QAEzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAA;QAC5D,CAAC;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,GAAG,CAAC,IAAI;QAClB,QAAQ,EAAE,GAAG,CAAC,IAAI;QAClB,SAAS,EAAE,GAAG,CAAC,KAAK;QACpB,QAAQ,EAAE,GAAG,CAAC,IAAI;KACnB,CAAA;IAED,GAAG,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAA;IAC/C,GAAG,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;IAChD,GAAG,CAAC,CAAC,sBAAsB,EAAE,OAAO,CAAC,EAAE;QACrC,UAAU,EAAE,GAAG,CAAC,QAAQ;QACxB,YAAY,EAAE,GAAG,CAAC,QAAQ;KAC3B,CAAC,CAAA;IACF,GAAG,CAAC,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,CAAA;IAC1C,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC7E,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAA;IAChE,GAAG,CAAC,CAAC,WAAW,EAAE,cAAc,CAAC,EAAE;QACjC,QAAQ,EAAE,GAAG,CAAC,UAAU;QACxB,SAAS,EAAE,GAAG,CAAC,WAAW;KAC3B,CAAC,CAAA;IACF,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;IACnE,GAAG,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,CAAC,CAAA;IAC1E,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAA;IAClD,GAAG,CAAC,CAAC,cAAc,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAEzD,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/util/defineTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defineTheme.d.ts","sourceRoot":"","sources":["../../src/util/defineTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAgBtF,MAAM,WAAW,kBAAkB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IAC9D,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,cAAc,CAAA;IACpB;;;;;OAKG;IACH,KAAK,EAAE,eAAe,CAAA;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;CACrD;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,IAAI,SAAS,MAAM,EACnD,OAAO,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAChC,eAAe,CAAC,IAAI,CAAC,CAWvB"}
+{"version":3,"file":"defineTheme.d.ts","sourceRoot":"","sources":["../../src/util/defineTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAmBtF,MAAM,WAAW,kBAAkB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IAC9D,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,cAAc,CAAA;IACpB;;;;;OAKG;IACH,KAAK,EAAE,eAAe,CAAA;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;CACrD;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,IAAI,SAAS,MAAM,EACnD,OAAO,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAChC,eAAe,CAAC,IAAI,CAAC,CAcvB"}

package/dist/util/defineTheme.js

@@ -2,14 +2,17 @@ import { combine } from './defaults.js';
 /**
  * Applied under every theme's own defaults.
  *
- * A slider with no `color` falls back to `surface-variant`, which reads as
- * dead grey whatever the palette — so the controls whose whole job is to
- * show a value are coloured here once. A theme overrides this the way it
- * overrides anything else.
+ * A control with no `color` falls back to `surface-variant`, which reads as
+ * dead grey whatever the palette — and on a date picker Vuetify then writes
+ * `on-surface` over that grey rather than `on-surface-variant`, so the
+ * selected day comes out near-black on dark grey at about 1.6:1. The
+ * controls whose whole job is to show a value are coloured here once, and a
+ * theme overrides this the way it overrides anything else.
  */
 const baseDefaults = {
     VSlider: { color: 'primary' },
     VRangeSlider: { color: 'primary' },
+    VDatePicker: { color: 'primary' },
 };
 export function defineTheme(options) {
     const layers = options.defaults
@@ -19,7 +22,10 @@ export function defineTheme(options) {
         name: options.name,
         meta: options.meta,
         theme: options.theme,
-        defaults: combine(baseDefaults, ...layers),
+        // A theme that declared itself stock gets nothing at all — not even the
+        // base layer above. It is the control, and a control with one prop set
+        // is not a control.
+        defaults: options.meta.stock ? combine(...layers) : combine(baseDefaults, ...layers),
     };
 }
 //# sourceMappingURL=defineTheme.js.map

package/dist/util/defineTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"defineTheme.js","sourceRoot":"","sources":["../../src/util/defineTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC;;;;;;;GAOG;AACH,MAAM,YAAY,GAAuB;IACvC,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;IAC7B,YAAY,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;CACnC,CAAA;AAoBD,MAAM,UAAU,WAAW,CACzB,OAAiC;IAEjC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ;QAC7B,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE;QAC3B,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO;QACL,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,QAAQ,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,MAAM,CAAC;KAC3C,CAAA;AACH,CAAC"}
+{"version":3,"file":"defineTheme.js","sourceRoot":"","sources":["../../src/util/defineTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC;;;;;;;;;GASG;AACH,MAAM,YAAY,GAAuB;IACvC,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;IAC7B,YAAY,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;IAClC,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;CAClC,CAAA;AAoBD,MAAM,UAAU,WAAW,CACzB,OAAiC;IAEjC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ;QAC7B,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE;QAC3B,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO;QACL,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,wEAAwE;QACxE,uEAAuE;QACvE,oBAAoB;QACpB,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,MAAM,CAAC;KACrF,CAAA;AACH,CAAC"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vuetiwatch",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
-  "description": "Free, plug-and-play themes for Vuetify 4 \u2014 a Bootswatch for Vuetify",
+  "description": "Free, plug-and-play themes for Vuetify 4 — a Bootswatch for Vuetify",
   "license": "MIT",
   "author": "j-tap",
   "homepage": "https://j-tap.github.io/vuetiwatch/",

package/src/index.ts

@@ -1,10 +1,15 @@
 export {
+  atlas,
+  atlasDark,
+  atlasSepia,
   aurora,
   brutalist,
   calm,
+  candy,
   classic,
   clay,
   darkGlass,
+  graphite,
   liquidGlass,
   lux,
   morph,
@@ -20,15 +25,16 @@ export {
   vuetiwatchMeta,
   vuetiwatchThemes,
 } from './registry.js'
-export { createVuetiwatch } from './plugin.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 type { VuetiwatchOptions } from './plugin.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 {
+  VuetiwatchAccent,
   VuetiwatchDefaults,
   VuetiwatchMeta,
   VuetiwatchTheme,

package/src/plugin.ts

@@ -1,6 +1,6 @@
-import { watch } from 'vue'
-import type { App, Plugin } from 'vue'
-import type { VuetiwatchDefaults, VuetiwatchTheme } from './types.js'
+import { computed, inject, ref, watch } from 'vue'
+import type { App, ComputedRef, Plugin, Ref } from 'vue'
+import type { VuetiwatchAccent, VuetiwatchDefaults, VuetiwatchTheme } from './types.js'
 import { combine } from './util/defaults.js'
 
 /**
@@ -10,9 +10,100 @@ import { combine } from './util/defaults.js'
  */
 interface VuetifyLike {
   defaults: { value: VuetiwatchDefaults }
-  theme: { global: { name: { value: string } } }
+  theme: {
+    global: { name: { value: string } }
+    /** Present in Vuetify 4; the name ref is assigned directly without it. */
+    change?: (name: string) => void
+    /** The live definitions. Reactive, which is what makes accents work. */
+    themes?: { value: Record<string, { colors?: Record<string, string> }> }
+  }
+}
+
+/**
+ * Anything that might carry viewport coordinates. Partial on purpose: a
+ * list item hands its handler `MouseEvent | KeyboardEvent`, and a keyboard
+ * activation should not have to be filtered out by every caller.
+ */
+interface Point {
+  clientX?: number
+  clientY?: number
+}
+
+/**
+ * Same-document view transitions, Baseline since October 2025. Declared
+ * here rather than relied on from `lib.dom` so the package builds against
+ * older TypeScript DOM libraries too.
+ */
+type ViewTransitionDocument = Document & {
+  startViewTransition?: (callback: () => void) => {
+    finished?: Promise<unknown>
+    ready?: Promise<unknown>
+  }
+}
+
+export interface Vuetiwatch {
+  /** The themes handed to the plugin, in the order a picker should show them. */
+  themes: readonly VuetiwatchTheme[]
+  /** The active theme, or `undefined` while a theme outside the list is on. */
+  current: ComputedRef<VuetiwatchTheme | undefined>
+  /**
+   * The variants of the active theme's family, in registration order, or an
+   * empty array when it has none. This is what a light/dark switch iterates
+   * over — the family is declared in each theme's `meta`, so the app never
+   * has to know which themes belong together.
+   */
+  siblings: ComputedRef<readonly VuetiwatchTheme[]>
+  /**
+   * Switches theme through a view transition when the browser has one.
+   *
+   * Pass the event that triggered it and the new theme opens as a circle
+   * from the pointer; without one it opens from the centre of the screen.
+   * Falls back to an instant change where the API is missing, where the
+   * user asked for reduced motion, or where `transitions` is off — so it is
+   * always safe to call.
+   */
+  change: (name: string, event?: Point | Event | null) => void
+  /** The accents the active theme offers, or an empty array. */
+  accents: ComputedRef<readonly VuetiwatchAccent[]>
+  /** The accent in use, by id. `undefined` until one is chosen. */
+  accent: Readonly<Ref<string | undefined>>
+  /**
+   * Repaints the theme in one of its accents.
+   *
+   * The colours are written into Vuetify's live definitions, which are
+   * reactive, so every surface follows within the frame. It is applied to
+   * the whole family at once — each variant has its own tone of the same
+   * accent — so the choice survives a light/dark switch.
+   */
+  setAccent: (id: string) => void
+}
+
+const injectionKey = Symbol.for('vuetiwatch')
+
+/**
+ * The plugin's API, for switching themes and reading the active one.
+ *
+ * ```ts
+ * const { themes, current, change } = useVuetiwatch()
+ * ```
+ */
+export function useVuetiwatch (): Vuetiwatch {
+  const api = inject<Vuetiwatch>(injectionKey)
+
+  if (!api) {
+    throw new Error(
+      '[vuetiwatch] useVuetiwatch() was called before the plugin was installed. ' +
+      'Add app.use(createVuetiwatch(vuetify, { themes })) first.',
+    )
+  }
+
+  return api
 }
 
+const prefersReducedMotion = () =>
+  typeof window !== 'undefined' &&
+  window.matchMedia?.('(prefers-reduced-motion: reduce)').matches === true
+
 export interface VuetiwatchOptions {
   /**
    * Themes to manage — normally the package's `themeList`, or just the ones
@@ -20,20 +111,36 @@ export interface VuetiwatchOptions {
    *
    * Required rather than defaulted, because a default would mean importing
    * the registry here, and a static import cannot be shaken out: every app
-   * would carry all fourteen themes even after passing one.
+   * would carry all sixteen themes even after passing one.
    */
   themes: readonly VuetiwatchTheme[]
   /**
-   * Apply each theme's component defaults on top of your own.
-   * @default true
+   * Apply each theme's component defaults.
+   *
+   * - `'over'` (or `true`) — the theme's values win, so a theme can restyle
+   *   a component the app never thought about.
+   * - `'under'` — yours win, and the theme fills in only what you left
+   *   unset. Use it when the app owns a decision the theme also has an
+   *   opinion on: an admin panel with its own density switch, say.
+   * - `false` — no theme defaults at all.
+   *
+   * @default 'over'
    */
-  defaults?: boolean
+  defaults?: boolean | 'over' | 'under'
   /**
    * Mirror the active theme name onto `<html data-vuetiwatch="...">`, so
    * you can hang your own CSS off it.
    * @default true
    */
   attribute?: boolean
+  /**
+   * Animate theme changes made through `useVuetiwatch().change()`.
+   *
+   * Only that call is affected — an app switching through Vuetify's own
+   * `theme.change()` keeps the instant swap it has today.
+   * @default true
+   */
+  transitions?: boolean
 }
 
 /**
@@ -48,7 +155,7 @@ export interface VuetiwatchOptions {
  * Install it after Vuetify:
  *
  * ```ts
- * app.use(vuetify).use(createVuetiwatch(vuetify))
+ * app.use(vuetify).use(createVuetiwatch(vuetify, { themes: themeList }))
  * ```
  */
 export function createVuetiwatch (
@@ -59,6 +166,7 @@ export function createVuetiwatch (
     themes,
     defaults: applyDefaults = true,
     attribute = true,
+    transitions = true,
   } = options
 
   // Only the defaults are ever read here, so the closure holds those rather
@@ -67,7 +175,7 @@ export function createVuetiwatch (
   const defaultsByName = new Map(themes.map(theme => [theme.name, theme.defaults]))
 
   return {
-    install (_app: App) {
+    install (app: App) {
       const instance = vuetify as VuetifyLike
 
       if (!instance?.theme?.global?.name) {
@@ -77,32 +185,117 @@ export function createVuetiwatch (
         )
       }
 
-      // Whatever the app configured itself — theme defaults layer on top of it.
-      const userDefaults = instance.defaults.value ?? {}
+      /**
+       * Whatever the app configured itself — theme defaults layer on top.
+       *
+       * Re-read rather than captured once, because `defaults` is a public
+       * ref an app is allowed to reassign at runtime. Anything we did not
+       * write ourselves is the app speaking, and becomes the new base;
+       * without the check, the first theme change after such a reassignment
+       * would quietly throw the app's own defaults away.
+       */
+      let userDefaults = instance.defaults.value ?? {}
+      let applied: VuetiwatchDefaults | undefined
 
-      // The merge is a pure function of the theme name, so it is computed at
-      // most once per theme however often the app switches.
-      const merged = new Map<string, VuetiwatchDefaults>()
       const defaultsFor = (name: string) => {
+        if (applied && instance.defaults.value !== applied) {
+          userDefaults = instance.defaults.value ?? {}
+        }
+
         const themeDefaults = defaultsByName.get(name)
 
         if (!themeDefaults) return userDefaults
 
-        let result = merged.get(name)
+        return applyDefaults === 'under'
+          ? combine(themeDefaults, userDefaults)
+          : combine(userDefaults, themeDefaults)
+      }
+
+      const apply = (name: string) => {
+        if (instance.theme.change) instance.theme.change(name)
+        else instance.theme.global.name.value = name
+      }
+
+      const change: Vuetiwatch['change'] = (name, event) => {
+        const doc = typeof document !== 'undefined'
+          ? document as ViewTransitionDocument
+          : undefined
+
+        if (!transitions || !doc?.startViewTransition || prefersReducedMotion()) {
+          apply(name)
 
-        if (!result) {
-          result = combine(userDefaults, themeDefaults)
-          merged.set(name, result)
+          return
         }
 
-        return result
+        /**
+          * Viewport coordinates, because the transition pseudo-elements are
+          * laid out against the viewport rather than against any element.
+          *
+          * A click synthesised by the keyboard reports 0/0, which would open
+          * the wipe from the corner of the screen rather than from anything
+          * the user can see — those fall back to the centre.
+          */
+        const root = doc.documentElement
+        const point = event && 'clientX' in event ? event : undefined
+        const fromPointer = !!point?.clientX || !!point?.clientY
+
+        root.style.setProperty('--vw-origin-x', fromPointer ? `${point?.clientX ?? 0}px` : '50%')
+        root.style.setProperty('--vw-origin-y', fromPointer ? `${point?.clientY ?? 0}px` : '50%')
+
+        /**
+          * A transition interrupted by the next one rejects `ready` and
+          * `finished`. Nothing here awaits them, so the rejection would
+          * surface as an unhandled one in the console the first time
+          * somebody clicks twice quickly — which is exactly what a theme
+          * picker invites.
+          */
+        const transition = doc.startViewTransition(() => { apply(name) })
+
+        transition?.ready?.catch(() => {})
+        transition?.finished?.catch(() => {})
       }
 
+      const current = computed(() =>
+        themes.find(theme => theme.name === instance.theme.global.name.value),
+      )
+
+      const accent = ref<string>()
+
+      const setAccent = (id: string) => {
+        const definitions = instance.theme.themes?.value
+
+        if (!definitions) return
+
+        for (const theme of themes) {
+          const preset = theme.meta.accents?.find(item => item.id === id)
+          const colors = definitions[theme.name]?.colors
+
+          if (preset && colors) Object.assign(colors, preset.colors)
+        }
+
+        accent.value = id
+      }
+
+      app.provide<Vuetiwatch>(injectionKey, {
+        themes,
+        current,
+        accents: computed(() => current.value?.meta.accents ?? []),
+        accent,
+        setAccent,
+        siblings: computed(() => {
+          const family = current.value?.meta.family
+
+          return family ? themes.filter(theme => theme.meta.family === family) : []
+        }),
+        change,
+      })
+
       watch(
         () => instance.theme.global.name.value,
         name => {
           if (applyDefaults) {
-            instance.defaults.value = defaultsFor(name)
+            applied = defaultsFor(name)
+            instance.defaults.value = applied
           }
 
           if (attribute && typeof document !== 'undefined') {