vuetiwatch 0.1.1 → 0.2.1

package/dist/themes/atlasDark.js

@@ -0,0 +1,69 @@
+import { atlasAccents, atlasDefaults, atlasVariables } from './atlas.js';
+import { defineTheme } from '../util/defineTheme.js';
+/**
+ * `atlas` after dark: the same measurements, the same accent hue lifted to
+ * where it reads on a dark ground, and a background that is grey rather
+ * than black — a panel someone stares at all evening should not be a hole
+ * with text floating in it.
+ */
+export const atlasDark = defineTheme({
+    name: 'atlasDark',
+    meta: {
+        title: 'Atlas Dark',
+        description: 'The same console after dark — deep navy, a lit blue, lines you can find.',
+        dark: true,
+        iconStyle: 'outline',
+        family: 'atlas',
+        variant: 'Dark',
+        accents: atlasAccents('dark'),
+        swatch: ['#040817', '#070E21', '#3382FF', '#838FA8'],
+        fonts: ['Inter'],
+    },
+    theme: {
+        dark: true,
+        colors: {
+            background: '#040817',
+            surface: '#070E21',
+            'surface-bright': '#101830',
+            'surface-light': '#151E35',
+            'surface-variant': '#CBD5E1',
+            'on-surface-variant': '#040817',
+            primary: '#3382FF',
+            'primary-darken-1': '#2A6BD6',
+            secondary: '#838FA8',
+            'secondary-darken-1': '#6B778F',
+            error: '#F94144',
+            info: '#7DD3FC',
+            success: '#4ADE80',
+            warning: '#FBBF24',
+            'on-surface': '#EEF2F9',
+            'on-background': '#EEF2F9',
+            /**
+             * A dark theme's accents are the light thing on the screen, so their
+             * labels are the ground colour rather than white — the Material 3
+             * convention, and the only option that clears 4.5:1 here. Vuetify's
+             * automatic pick lands on white at about 2.5:1.
+             */
+            'on-primary': '#040817',
+            'on-secondary': '#040817',
+            'on-error': '#040817',
+        },
+        variables: {
+            // Lands on #1F283E over the panel — the line is visible without
+            // becoming a grid.
+            'border-color': '#8FA0C4',
+            'border-opacity': 0.18,
+            'shadow-color': '#000000',
+            'vw-overlay-border': '1px solid rgba(var(--v-border-color), 0.16)',
+            'vw-overlay-shadow': '0 12px 32px rgba(0, 0, 0, 0.5)',
+            // The same tinted band as the light variant, in this ground's register.
+            'theme-code': '#151E35',
+            'theme-on-code': '#EEF2F9',
+            'theme-kbd': '#151E35',
+            'theme-on-kbd': '#EEF2F9',
+            ...atlasVariables,
+        },
+    },
+    defaults: atlasDefaults,
+});
+//# sourceMappingURL=atlasDark.js.map

package/dist/themes/atlasDark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atlasDark.js","sourceRoot":"","sources":["../../src/themes/atlasDark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;IACnC,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,0EAA0E;QACvF,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC;QAC7B,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,OAAO,CAAC;KACjB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,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;YAC1B;;;;;eAKG;YACH,YAAY,EAAE,SAAS;YACvB,cAAc,EAAE,SAAS;YACzB,UAAU,EAAE,SAAS;SACtB;QACD,SAAS,EAAE;YACT,gEAAgE;YAChE,mBAAmB;YACnB,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,IAAI;YACtB,cAAc,EAAE,SAAS;YACzB,mBAAmB,EAAE,6CAA6C;YAClE,mBAAmB,EAAE,gCAAgC;YACrD,wEAAwE;YACxE,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE,SAAS;YACzB,GAAG,cAAc;SAClB;KACF;IACD,QAAQ,EAAE,aAAa;CACxB,CAAC,CAAA"}

package/dist/themes/atlasSepia.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The third ground: warm paper rather than white or grey.
+ *
+ * Neither light nor dark mode helps the person who finds a white panel too
+ * bright and a dark one too flat. Dropping the blue out of the ground and
+ * the ink lowers the glare without lowering the contrast — the text still
+ * carries better than 12:1 — and the accent turns a shade warmer to sit on
+ * it. It is the same panel, lit by a lamp instead of a window.
+ */
+export declare const atlasSepia: import("../types.js").VuetiwatchTheme<"atlasSepia">;
+//# sourceMappingURL=atlasSepia.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"atlasSepia.d.ts","sourceRoot":"","sources":["../../src/themes/atlasSepia.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,qDAoDrB,CAAA"}

package/dist/themes/atlasSepia.js

@@ -0,0 +1,65 @@
+import { atlasAccents, atlasDefaults, atlasVariables } from './atlas.js';
+import { defineTheme } from '../util/defineTheme.js';
+/**
+ * The third ground: warm paper rather than white or grey.
+ *
+ * Neither light nor dark mode helps the person who finds a white panel too
+ * bright and a dark one too flat. Dropping the blue out of the ground and
+ * the ink lowers the glare without lowering the contrast — the text still
+ * carries better than 12:1 — and the accent turns a shade warmer to sit on
+ * it. It is the same panel, lit by a lamp instead of a window.
+ */
+export const atlasSepia = defineTheme({
+    name: 'atlasSepia',
+    meta: {
+        title: 'Atlas Sepia',
+        description: 'Warm paper and brown ink — the same panel, easier on tired eyes.',
+        dark: false,
+        iconStyle: 'outline',
+        family: 'atlas',
+        variant: 'Sepia',
+        accents: atlasAccents('sepia'),
+        swatch: ['#F7F3EC', '#FFFDF9', '#1150E0', '#7A6A52'],
+        fonts: ['Inter'],
+    },
+    theme: {
+        dark: false,
+        colors: {
+            background: '#F7F3EC',
+            surface: '#FFFDF9',
+            'surface-bright': '#FFFFFC',
+            'surface-light': '#F4EEE3',
+            'surface-variant': '#241E16',
+            'on-surface-variant': '#F7F3EC',
+            // Ink-blue on warm paper: the family's accent, in the register the
+            // ground is written in.
+            primary: '#1150E0',
+            'primary-darken-1': '#0E41B4',
+            secondary: '#7A6A52',
+            'secondary-darken-1': '#615341',
+            error: '#A83A2C',
+            info: '#356B86',
+            success: '#3B6B4A',
+            warning: '#8A6118',
+            'on-surface': '#241E16',
+            'on-background': '#241E16',
+        },
+        variables: {
+            // The same idea as the light variant, in the warm register: the line
+            // lands on #E0D7C8 rather than on a grey.
+            'border-color': '#8A7A63',
+            'border-opacity': 0.28,
+            'shadow-color': '#3B332A',
+            'vw-overlay-border': '1px solid rgba(var(--v-border-color), 0.12)',
+            'vw-overlay-shadow': '0 8px 28px rgba(var(--v-shadow-color), 0.14)',
+            // The same tinted band as the light variant, in the warm register.
+            'theme-code': '#F4EEE3',
+            'theme-on-code': '#241E16',
+            'theme-kbd': '#F4EEE3',
+            'theme-on-kbd': '#241E16',
+            ...atlasVariables,
+        },
+    },
+    defaults: atlasDefaults,
+});
+//# sourceMappingURL=atlasSepia.js.map

package/dist/themes/atlasSepia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atlasSepia.js","sourceRoot":"","sources":["../../src/themes/atlasSepia.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC;IACpC,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,kEAAkE;QAC/E,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC;QAC9B,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,OAAO,CAAC;KACjB;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,mEAAmE;YACnE,wBAAwB;YACxB,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,qEAAqE;YACrE,0CAA0C;YAC1C,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,IAAI;YACtB,cAAc,EAAE,SAAS;YACzB,mBAAmB,EAAE,6CAA6C;YAClE,mBAAmB,EAAE,8CAA8C;YACnE,mEAAmE;YACnE,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE,SAAS;YACzB,GAAG,cAAc;SAClB;KACF;IACD,QAAQ,EAAE,aAAa;CACxB,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"aurora.d.ts","sourceRoot":"","sources":["../../src/themes/aurora.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,iDA0EjB,CAAA"}
+{"version":3,"file":"aurora.d.ts","sourceRoot":"","sources":["../../src/themes/aurora.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,iDA0HjB,CAAA"}

package/dist/themes/aurora.js

@@ -1,4 +1,4 @@
-import { bars, fields, icons } from '../util/defaults.js';
+import { bars, fields, icons, overlays } from '../util/defaults.js';
 import { defineTheme } from '../util/defineTheme.js';
 /**
  * The showcase theme: the visual language current AI products landed on —
@@ -15,7 +15,7 @@ export const aurora = defineTheme({
         description: 'Iridescent gradients on near-black. Built to be looked at — the showcase theme.',
         dark: true,
         iconStyle: 'filled',
-        swatch: ['#08080C', '#101018', '#7C5CFF', '#00D4FF'],
+        swatch: ['#08080C', '#101018', '#7857FF', '#00D4FF'],
         fonts: ['Inter'],
     },
     theme: {
@@ -27,7 +27,7 @@ export const aurora = defineTheme({
             'surface-light': '#16161F',
             'surface-variant': '#C9C6E0',
             'on-surface-variant': '#08080C',
-            primary: '#7C5CFF',
+            primary: '#7857FF',
             'primary-darken-1': '#5F3FE0',
             secondary: '#00D4FF',
             'secondary-darken-1': '#00A8CC',
@@ -37,11 +37,19 @@ export const aurora = defineTheme({
             warning: '#FFB86B',
             'on-surface': '#E8E6F5',
             'on-background': '#F0EEFA',
+            // 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 3:1 → 7.1:1.
+            'on-error': '#000000',
             'on-secondary': '#04121A',
             'on-success': '#04140D',
             'on-warning': '#1A1004',
         },
         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-image': 'radial-gradient(36rem 18rem at 0% 0%, rgba(124, 92, 255, 0.14), transparent 70%)',
+            'vw-panel-shadow': '0 12px 40px rgba(0, 0, 0, 0.55)',
             'border-color': '#9B8CFF',
             'border-opacity': 0.14,
             'shadow-color': '#000000',
@@ -60,6 +68,35 @@ export const aurora = defineTheme({
             // Shared by every gradient below, so a derived theme restyles the
             // whole surface language by overriding one value.
             'vw-gradient': 'linear-gradient(135deg, #7C5CFF 0%, #00D4FF 55%, #FF5CAA 100%)',
+            /**
+             * The same three hues at a depth that carries a white label: the
+             * showcase gradient runs through a cyan where white text reads at
+             * 1.8:1, which is fine behind a tab slider and unusable behind a
+             * word. Anything with text on it takes this one instead.
+             */
+            'vw-gradient-btn': 'linear-gradient(135deg, #6F4CFF 0%, #007891 55%, #DA0069 100%)',
+            // The showcase theme, so the motion shows off too.
+            'vw-motion-duration': '300ms',
+            'vw-press-scale': '0.97',
+            'vw-hover-lift': '3px',
+            'vw-pop-scale': '1.28',
+            'vw-pop-duration': '300ms',
+            'vw-theme-transition': '560ms',
+            // The showcase theme, so the overlays show off too.
+            'vw-overlay-duration': '300ms',
+            'vw-overlay-exit': '200ms',
+            // Saturated ground, saturated states.
+            'focus-opacity': 0.18,
+            'activated-opacity': 0.16,
+            /**
+             * Vuetify tints a raised surface with plain white on a dark ground.
+             * Here the light in the room is violet, so the tint that stands for
+             * height is the theme's own hue rather than a neutral.
+             */
+            'elevation-overlay-color': '#7C5CFF',
+            // The line is the theme's own gradient, top to bottom.
+            'vw-timeline-line': 'var(--v-vw-gradient)',
+            'vw-timeline-line-width': '2px',
         },
     },
     defaults: [
@@ -81,6 +118,13 @@ export const aurora = defineTheme({
             ratingFull: 'mdi-star',
             ratingEmpty: 'mdi-star-outline',
         }),
+        // Everything swells into place, at the length the rest of the theme
+        // moves on.
+        overlays({
+            dialog: 'scale-transition',
+            menu: 'scale-transition',
+            tooltip: 'scale-transition',
+        }),
     ],
 });
 //# sourceMappingURL=aurora.js.map

package/dist/themes/aurora.js.map

@@ -1 +1 @@
-{"version":3,"file":"aurora.js","sourceRoot":"","sources":["../../src/themes/aurora.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,iFAAiF;QAC9F,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,OAAO,CAAC;KACjB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,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;YAC1B,cAAc,EAAE,SAAS;YACzB,YAAY,EAAE,SAAS;YACvB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,IAAI;YACtB,cAAc,EAAE,SAAS;YACzB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;YAC/B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,MAAM;YACtB,gBAAgB,EAAE,OAAO;YACzB,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,QAAQ;YAC3B,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;YAC7B,kEAAkE;YAClE,kDAAkD;YAClD,aAAa,EAAE,gEAAgE;SAChF;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;YAC3B,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;YACxB,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;SACzC;QACD,MAAM,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC9C,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACpB,KAAK,CAAC;YACJ,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,UAAU;YACtB,WAAW,EAAE,kBAAkB;SAChC,CAAC;KACH;CACF,CAAC,CAAA"}
+{"version":3,"file":"aurora.js","sourceRoot":"","sources":["../../src/themes/aurora.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"brutalist.d.ts","sourceRoot":"","sources":["../../src/themes/brutalist.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,oDA2FpB,CAAA"}
+{"version":3,"file":"brutalist.d.ts","sourceRoot":"","sources":["../../src/themes/brutalist.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,oDAoLpB,CAAA"}

package/dist/themes/brutalist.js

@@ -1,4 +1,4 @@
-import { bars, fields, icons } from '../util/defaults.js';
+import { bars, fields, icons, overlays, ripple } from '../util/defaults.js';
 import { defineTheme } from '../util/defineTheme.js';
 /**
  * Neobrutalism: thick black rules, an acid accent, and a hard offset shadow
@@ -37,11 +37,20 @@ export const brutalist = defineTheme({
             warning: '#FFB300',
             'on-surface': '#0A0A0A',
             'on-background': '#0A0A0A',
+            // 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: info 3.8:1 → 5.2:1, error 3.3:1 → 6:1.
+            'on-info': '#0A0A0A',
+            'on-error': '#0A0A0A',
             'on-secondary': '#0A0A0A',
             'on-warning': '#0A0A0A',
             'on-success': '#0A0A0A',
         },
         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 rgb(var(--v-shadow-color))',
+            'vw-panel-shadow': 'var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color))',
             'border-color': '#0A0A0A',
             'border-opacity': 1,
             'shadow-color': '#0A0A0A',
@@ -53,6 +62,8 @@ export const brutalist = defineTheme({
             'vw-radius-lg': '0px',
             'vw-radius-thumb': '0px',
             'vw-radius-chip': '0px',
+            // Nothing here is round, the icon buttons included.
+            'vw-radius-icon-btn': '0px',
             'vw-border-width': '3px',
             'vw-btn-transform': 'uppercase',
             'vw-btn-tracking': '0.04em',
@@ -64,6 +75,70 @@ export const brutalist = defineTheme({
             'vw-heading-weight': '700',
             'vw-heading-tracking': '-0.02em',
             'vw-tab-slider-height': '4px',
+            /**
+             * Nothing eases and nothing tweens: a state change is the frame it
+             * happens in.
+             *
+             * A stepped curve was the first attempt at saying that, and it says
+             * the opposite. Two discrete jumps across 80ms read as a dropped
+             * frame rather than as a decision, and on anything that takes longer
+             * to arrive — a tooltip, a dialog the size of the screen — the hold
+             * between the steps looks like the page has hung. Zero is the only
+             * duration that is actually instant.
+             *
+             * `linear` is what is left for the two things here that are
+             * animations rather than transitions — the icon pop and the theme
+             * wipe — where a curve would be the theme describing a weight it
+             * does not have.
+             *
+             * The press is the theme's own slide into its shadow, so the shared
+             * squash stays out of its way.
+             */
+            'vw-motion-duration': '0ms',
+            'vw-motion-ease': 'linear',
+            /**
+             * The scrim cannot follow it, though, and this is the one place the
+             * theme's own rule is wrong. A panel appearing in a single frame is
+             * decisive; a whole screen going dark in a single frame is a flash,
+             * and the eye reads a flash as a fault rather than as a choice. So
+             * the panel keeps its zero and the dimming gets a beat of its own —
+             * still linear, still short enough that nothing is waited for.
+             *
+             * Left at Vuetify's own 300ms the mismatch was the other way round:
+             * the panel was there and the room was still darkening a third of a
+             * second later.
+             */
+            'vw-overlay-duration': '0ms',
+            'vw-scrim-duration': '120ms',
+            'vw-press-scale': '1',
+            'vw-pop-scale': '1.3',
+            'vw-pop-duration': '100ms',
+            'vw-focus-ring': '3px solid rgb(var(--v-shadow-color))',
+            'vw-focus-offset': '3px',
+            'vw-theme-transition': '200ms',
+            // Hard states to match the hard edges: a pressed control is a
+            // different colour, not a slightly darker one.
+            'focus-opacity': 0.2,
+            'activated-opacity': 0.3,
+            'disabled-opacity': 0.5,
+            /**
+             * A tab is set at body size rather than shrunk to Vuetify's label
+             * size — nothing in this theme whispers.
+             */
+            'vw-tab-size': '1rem',
+            /**
+             * Lime is this theme's active colour — it already marks the table
+             * heads, the current page and the slider — so a selected run of text
+             * joins them. Solid rather than a tint: nothing here is translucent,
+             * and the ink on top is stated rather than left to the browser.
+             */
+            'vw-selection-fill': 'rgb(var(--v-theme-secondary))',
+            'vw-selection-color': 'rgb(var(--v-shadow-color))',
+            // A structural beam, and the dot is a square like everything else.
+            'vw-timeline-line': 'rgb(var(--v-shadow-color))',
+            'vw-timeline-line-width': '4px',
+            'vw-radius-dot': '0px',
+            'vw-radius-avatar': '0px',
         },
     },
     defaults: [
@@ -98,6 +173,15 @@ export const brutalist = defineTheme({
             sortDesc: 'mdi-menu-down',
             close: 'mdi-close-thick',
         }),
+        /**
+         * No transition at all, which is the only honest answer here. Every
+         * other theme animates a surface arriving from somewhere; this one has
+         * no depth for it to arrive through, so the panel is simply there —
+         * one frame without it, the next frame with it.
+         */
+        overlays({ dialog: false, menu: false, tooltip: false }),
+        // A ripple is a soft, round, spreading thing.
+        ripple(false),
     ],
 });
 //# sourceMappingURL=brutalist.js.map

package/dist/themes/brutalist.js.map

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

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

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

package/dist/themes/calm.js

@@ -1,4 +1,4 @@
-import { bars, controls, fields, icons, tables } from '../util/defaults.js';
+import { bars, controls, fields, icons, overlays, ripple, tables } from '../util/defaults.js';
 import { defineTheme } from '../util/defineTheme.js';
 /**
  * The counter-trend: an interface that does not compete for attention.
@@ -16,7 +16,7 @@ export const calm = defineTheme({
         description: 'Low contrast, desaturated naturals and a lot of air. Nothing competes for attention.',
         dark: false,
         iconStyle: 'outline',
-        swatch: ['#FAFAF7', '#FFFFFF', '#6B7A6B', '#A89684'],
+        swatch: ['#FAFAF7', '#FFFFFF', '#6B7A6B', '#86725F'],
         fonts: ['Inter'],
     },
     theme: {
@@ -30,7 +30,7 @@ export const calm = defineTheme({
             'on-surface-variant': '#FAFAF7',
             primary: '#6B7A6B',
             'primary-darken-1': '#556355',
-            secondary: '#A89684',
+            secondary: '#86725F',
             'secondary-darken-1': '#8B7A69',
             error: '#A86B63',
             info: '#6B7A8A',
@@ -38,8 +38,18 @@ export const calm = defineTheme({
             warning: '#A89464',
             'on-surface': '#3A3A36',
             'on-background': '#3A3A36',
+            // 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: success 3.8:1 → 5.5:1, info 4.4:1 → 4.8:1, warning 3:1 → 7.1:1, error 4.2:1 → 4.9:1.
+            'on-success': '#000000',
+            'on-info': '#000000',
+            'on-warning': '#000000',
+            'on-error': '#000000',
         },
         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))',
             'border-color': '#3A3A36',
             'border-opacity': 0.09,
             'high-emphasis-opacity': 0.78,
@@ -56,6 +66,27 @@ export const calm = defineTheme({
             'vw-heading-weight': '500',
             'vw-heading-tracking': '-0.01em',
             'vw-tab-slider-height': '2px',
+            // Slow enough that nothing ever catches the eye.
+            'vw-motion-duration': '320ms',
+            'vw-press-scale': '0.99',
+            'vw-hover-lift': '2px',
+            'vw-pop-scale': '1.08',
+            'vw-pop-duration': '280ms',
+            'vw-theme-transition': '560ms',
+            // Slow here too, so an overlay drifts in rather than appearing.
+            'vw-overlay-duration': '320ms',
+            'vw-overlay-exit': '240ms',
+            /**
+             * Every state is a shade quieter than Vuetify draws it. The theme
+             * spends colour only on what you can act on, and a wash under
+             * something already selected is not one of those things.
+             */
+            'focus-opacity': 0.1,
+            'activated-opacity': 0.06,
+            'disabled-opacity': 0.35,
+            // Barely there, like everything else in this theme.
+            'vw-timeline-line': 'rgba(var(--v-border-color), 0.5)',
+            'vw-timeline-line-width': '1px',
         },
     },
     defaults: [
@@ -83,6 +114,16 @@ export const calm = defineTheme({
             ratingEmpty: 'mdi-circle-outline',
             close: 'mdi-close',
         }),
+        // Nothing arrives from a direction, and nothing scales: the surface
+        // is simply there a moment later than you asked.
+        overlays({
+            dialog: 'fade-transition',
+            menu: 'fade-transition',
+            tooltip: 'fade-transition',
+        }),
+        // The discipline is subtractive, and a ripple is a fill spreading
+        // across the one part of the screen you are already looking at.
+        ripple(false),
     ],
 });
 //# sourceMappingURL=calm.js.map

package/dist/themes/calm.js.map

@@ -1 +1 @@
-{"version":3,"file":"calm.js","sourceRoot":"","sources":["../../src/themes/calm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,sFAAsF;QACnG,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,OAAO,CAAC;KACjB;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,IAAI;YACtB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,GAAG;YAC9B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,MAAM;YACtB,gBAAgB,EAAE,KAAK;YACvB,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,QAAQ;YAC3B,eAAe,EAAE,KAAK;YACtB,mBAAmB,EAAE,KAAK;YAC1B,qBAAqB,EAAE,SAAS;YAChC,sBAAsB,EAAE,KAAK;SAC9B;KACF;IACD,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC1B,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC1B,iBAAiB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;YAClC,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;YACxB,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;SACzC;QACD,MAAM,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;QACjC,QAAQ,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC;QACrB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACpB,KAAK,CAAC;YACJ,qEAAqE;YACrE,iEAAiE;YACjE,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,0BAA0B;YACtC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,YAAY;YACxB,WAAW,EAAE,oBAAoB;YACjC,KAAK,EAAE,WAAW;SACnB,CAAC;KACH;CACF,CAAC,CAAA"}
+{"version":3,"file":"calm.js","sourceRoot":"","sources":["../../src/themes/calm.ts"],"names":[],"mappings":"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"}

package/dist/themes/candy.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The plush theme: a warm cream ground and padded, pillowy shapes that
+ * squash under a press rather than click.
+ *
+ * The palette follows what the research on children's interfaces actually
+ * finds, which is not the pastel wash the phrase "for kids" suggests.
+ * Children are drawn to high brightness, and the apps they stay in
+ * (Duolingo, Khan Academy Kids) run saturated accents rather than pastels.
+ * But a screen where everything shouts hides which parts are tappable, so
+ * the loud colours are spent only on controls: a light neutral ground, one
+ * dominant hue, a small accent — roughly the 60/30/10 the guides recommend.
+ * Warm hues test slightly ahead of cool ones, hence raspberry over blue,
+ * with mint holding the secondary so the status colours stay apart from it.
+ *
+ * Body text is a deep plum-brown rather than the palette's own pink: the
+ * one thing parents notice is whether they can read the screen, and this
+ * carries about 12:1 on the cream.
+ */
+export declare const candy: import("../types.js").VuetiwatchTheme<"candy">;
+//# sourceMappingURL=candy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"candy.d.ts","sourceRoot":"","sources":["../../src/themes/candy.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK,gDAiJhB,CAAA"}