vuetiwatch 0.1.1 → 0.2.1

package/dist/themes/candy.js

@@ -0,0 +1,164 @@
+import { bars, controls, fields, icons, overlays } from '../util/defaults.js';
+import { defineTheme } from '../util/defineTheme.js';
+/**
+ * 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 const candy = defineTheme({
+    name: 'candy',
+    meta: {
+        title: 'Candy',
+        description: 'Plush and pillowy — warm cream, padded shapes, controls that squash.',
+        dark: false,
+        iconStyle: 'filled',
+        swatch: ['#FFF3EC', '#FFFCFA', '#DC2B6B', '#10837C'],
+        fonts: ['Baloo 2', 'Varela Round'],
+    },
+    theme: {
+        dark: false,
+        colors: {
+            background: '#FFF3EC',
+            // Off-white rather than white: cloth catches light, gloss reflects it.
+            surface: '#FFFCFA',
+            'surface-bright': '#FFFFFF',
+            'surface-light': '#FFE6EE',
+            'surface-variant': '#5A3340',
+            'on-surface-variant': '#FFF6F0',
+            primary: '#DC2B6B',
+            'primary-darken-1': '#C43668',
+            secondary: '#10837C',
+            'secondary-darken-1': '#0C7C75',
+            error: '#E5484D',
+            info: '#3B8FE5',
+            success: '#2FA96B',
+            warning: '#F2A32C',
+            'on-surface': '#46262F',
+            'on-background': '#46262F',
+            // 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:1 → 7:1, info 3.4:1 → 6.2:1, error 3.9:1 → 5.4:1.
+            'on-success': '#000000',
+            'on-info': '#000000',
+            'on-error': '#000000',
+            'on-warning': '#3B2600',
+        },
+        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': 'var(--vw-candy-pad), var(--vw-candy-rest)',
+            'border-color': '#DC2B6B',
+            'border-opacity': 0.12,
+            'shadow-color': '#C2537E',
+            'high-emphasis-opacity': 0.92,
+            'medium-emphasis-opacity': 0.66,
+            'hover-opacity': 0.07,
+            'font-body': "'Varela Round', 'Nunito', system-ui, sans-serif",
+            'font-heading': "'Baloo 2', 'Varela Round', system-ui, sans-serif",
+            'vw-radius': '20px',
+            'vw-radius-lg': '30px',
+            // Buttons and chips are lozenges; everything else is generously round.
+            'vw-radius-btn': '999px',
+            'vw-radius-chip': '999px',
+            'vw-radius-thumb': '50%',
+            // Outlined variants draw a crayon-thick line rather than a hairline.
+            'vw-border-width': '2px',
+            'vw-btn-transform': 'none',
+            'vw-btn-tracking': '0',
+            'vw-btn-weight': '700',
+            'vw-heading-weight': '700',
+            'vw-heading-tracking': '0',
+            'vw-tab-slider-height': '4px',
+            'vw-list-bar': '4px',
+            'vw-list-bar-color': 'rgb(var(--v-theme-primary))',
+            // A wobbly underline reads as drawn by hand rather than by a browser.
+            'vw-link-decoration': 'underline wavy',
+            'vw-overlay-shadow': '0 18px 44px rgba(var(--v-shadow-color), 0.22)',
+            // A spring that overshoots: the press squashes, the pop lands loud.
+            'vw-motion-duration': '220ms',
+            'vw-motion-ease': 'cubic-bezier(0.34, 1.56, 0.64, 1)',
+            'vw-press-scale': '0.98',
+            'vw-press-shift': '2px',
+            'vw-hover-lift': '4px',
+            'vw-pop-scale': '1.35',
+            'vw-pop-duration': '320ms',
+            'vw-focus-ring': '3px solid rgb(var(--v-theme-primary))',
+            'vw-focus-offset': '3px',
+            'vw-theme-transition': '480ms',
+            /**
+             * The spring above rides along through `--v-vw-motion-ease`, so an
+             * overlay overshoots and settles like every other shape here. The
+             * exit skips the spring by being too short to overshoot in.
+             */
+            'vw-overlay-duration': '260ms',
+            'vw-overlay-exit': '160ms',
+            // Loud, like the rest of it: a pressed sweet goes visibly darker.
+            'focus-opacity': 0.2,
+            'activated-opacity': 0.18,
+            'disabled-opacity': 0.4,
+            // A big letter in a big circle.
+            'vw-avatar-ratio': '0.46',
+            // A fat ribbon with rounded ends — see the stylesheet.
+            'vw-timeline-line': 'rgba(var(--v-theme-primary), 0.3)',
+            'vw-timeline-line-width': '6px',
+        },
+    },
+    defaults: [
+        {
+            // Large by default: the hit area is the accessibility story of a
+            // children's app, and a pill that small fingers miss is not cute.
+            VBtn: { variant: 'flat', size: 'large' },
+            VCard: { variant: 'elevated', elevation: 0 },
+            VAlert: { variant: 'tonal' },
+            VChip: { variant: 'tonal' },
+        },
+        fields({ variant: 'solo-filled', flat: true, density: 'comfortable' }),
+        controls({ density: 'comfortable' }),
+        bars({ flat: true }),
+        {
+            VSwitch: { inset: true },
+            VSlider: { thumbSize: 26, trackSize: 12 },
+            // A pill behind the active tab, matching the buttons.
+            VTabs: { inset: true, insetRadius: 999 },
+        },
+        icons({
+            // Round, filled and unmistakable — no square boxes anywhere.
+            dropdown: 'mdi-chevron-down',
+            collapse: 'mdi-chevron-up',
+            checkboxOn: 'mdi-checkbox-marked-circle',
+            checkboxOff: 'mdi-circle-outline',
+            radioOn: 'mdi-circle-slice-8',
+            radioOff: 'mdi-circle-outline',
+            ratingFull: 'mdi-star',
+            ratingEmpty: 'mdi-star-outline',
+            clear: 'mdi-close-circle',
+            close: 'mdi-close-circle',
+            next: 'mdi-chevron-right',
+            prev: 'mdi-chevron-left',
+            breadcrumbDivider: '•',
+        }),
+        /**
+         * The dialog comes up from the bottom, the way every app a child has
+         * used opens a sheet, and the small surfaces pop rather than fade.
+         */
+        overlays({
+            dialog: 'dialog-bottom-transition',
+            menu: 'scale-transition',
+            tooltip: 'scale-transition',
+        }),
+    ],
+});
+//# sourceMappingURL=candy.js.map

package/dist/themes/candy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"candy.js","sourceRoot":"","sources":["../../src/themes/candy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,sEAAsE;QACnF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC;KACnC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,uEAAuE;YACvE,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,8DAA8D;YAC9D,+DAA+D;YAC/D,4GAA4G;YAC5G,YAAY,EAAE,SAAS;YACvB,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,SAAS;YACrB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT;qEACyD;YACzD,iBAAiB,EAAE,2CAA2C;YAC9D,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,iDAAiD;YAC9D,cAAc,EAAE,kDAAkD;YAClE,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,MAAM;YACtB,uEAAuE;YACvE,eAAe,EAAE,OAAO;YACxB,gBAAgB,EAAE,OAAO;YACzB,iBAAiB,EAAE,KAAK;YACxB,qEAAqE;YACrE,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,GAAG;YACtB,eAAe,EAAE,KAAK;YACtB,mBAAmB,EAAE,KAAK;YAC1B,qBAAqB,EAAE,GAAG;YAC1B,sBAAsB,EAAE,KAAK;YAC7B,aAAa,EAAE,KAAK;YACpB,mBAAmB,EAAE,6BAA6B;YAClD,sEAAsE;YACtE,oBAAoB,EAAE,gBAAgB;YACtC,mBAAmB,EAAE,+CAA+C;YAEpE,oEAAoE;YACpE,oBAAoB,EAAE,OAAO;YAC7B,gBAAgB,EAAE,mCAAmC;YACrD,gBAAgB,EAAE,MAAM;YACxB,gBAAgB,EAAE,KAAK;YACvB,eAAe,EAAE,KAAK;YACtB,cAAc,EAAE,MAAM;YACtB,iBAAiB,EAAE,OAAO;YAC1B,eAAe,EAAE,uCAAuC;YACxD,iBAAiB,EAAE,KAAK;YACxB,qBAAqB,EAAE,OAAO;YAE9B;;;;eAIG;YACH,qBAAqB,EAAE,OAAO;YAC9B,iBAAiB,EAAE,OAAO;YAC1B,kEAAkE;YAClE,eAAe,EAAE,GAAG;YACpB,mBAAmB,EAAE,IAAI;YACzB,kBAAkB,EAAE,GAAG;YACvB,gCAAgC;YAChC,iBAAiB,EAAE,MAAM;YAEzB,uDAAuD;YACvD,kBAAkB,EAAE,mCAAmC;YACvD,wBAAwB,EAAE,KAAK;SAChC;KACF;IACD,QAAQ,EAAE;QACR;YACE,iEAAiE;YACjE,kEAAkE;YAClE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE;YACxC,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,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;QACtE,QAAQ,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;QACpC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACpB;YACE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;YACxB,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;YACzC,sDAAsD;YACtD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE;SACzC;QACD,KAAK,CAAC;YACJ,6DAA6D;YAC7D,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,4BAA4B;YACxC,WAAW,EAAE,oBAAoB;YACjC,OAAO,EAAE,oBAAoB;YAC7B,QAAQ,EAAE,oBAAoB;YAC9B,UAAU,EAAE,UAAU;YACtB,WAAW,EAAE,kBAAkB;YAC/B,KAAK,EAAE,kBAAkB;YACzB,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE,kBAAkB;YACxB,iBAAiB,EAAE,GAAG;SACvB,CAAC;QACF;;;WAGG;QACH,QAAQ,CAAC;YACP,MAAM,EAAE,0BAA0B;YAClC,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,kBAAkB;SAC5B,CAAC;KACH;CACF,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"classic.d.ts","sourceRoot":"","sources":["../../src/themes/classic.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,OAAO,kDAgBlB,CAAA"}
+{"version":3,"file":"classic.d.ts","sourceRoot":"","sources":["../../src/themes/classic.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,OAAO,kDAmBlB,CAAA"}

package/dist/themes/classic.js

@@ -10,6 +10,8 @@ export const classic = defineTheme({
         description: 'Vuetify as it ships. Material Design, Roboto, familiar elevation.',
         dark: false,
         iconStyle: 'filled',
+        // The control theme: the core layer skips it entirely — see `stock`.
+        stock: true,
         swatch: ['#FFFFFF', '#EEEEEE', '#1867C0', '#48A9A6'],
         fonts: ['Roboto'],
     },

package/dist/themes/classic.js.map

@@ -1 +1 @@
-{"version":3,"file":"classic.js","sourceRoot":"","sources":["../../src/themes/classic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC;IACjC,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,mEAAmE;QAChF,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,SAAS,EAAE;YACT,WAAW,EAAE,iCAAiC;SAC/C;KACF;CACF,CAAC,CAAA"}
+{"version":3,"file":"classic.js","sourceRoot":"","sources":["../../src/themes/classic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC;IACjC,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,mEAAmE;QAChF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,QAAQ;QACnB,qEAAqE;QACrE,KAAK,EAAE,IAAI;QACX,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,SAAS,EAAE;YACT,WAAW,EAAE,iCAAiC;SAE/C;KACF;CACF,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"clay.d.ts","sourceRoot":"","sources":["../../src/themes/clay.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,IAAI,+CA0Ef,CAAA"}
+{"version":3,"file":"clay.d.ts","sourceRoot":"","sources":["../../src/themes/clay.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,IAAI,+CA4Gf,CAAA"}

package/dist/themes/clay.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';
 /**
  * Claymorphism — neumorphism's louder descendant. Where `morph` hides its
@@ -35,16 +35,26 @@ export const clay = defineTheme({
             warning: '#FDCB6E',
             'on-surface': '#3D3355',
             'on-background': '#3D3355',
+            // Vuetify's automatic pick lands on white here, which is worse by
+            // both models — this reads w8.7/a59 against w2.4/a52.
+            'on-secondary': '#000000',
+            // 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 → 7.6:1.
+            'on-error': '#000000',
             'on-warning': '#3D2E00',
         },
         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': 'var(--vw-clay-lift)',
             'border-color': '#6C5CE7',
             'border-opacity': 0.001,
             // The relief reaches past the shape it lifts — see core.css.
             'vw-relief-inset': '7px',
-            // Borders are off, but the timeline line is structure — see core.css.
-            'vw-timeline-line-opacity': 0.28,
             'shadow-color': '#5A46B0',
+            // Shapes are lifted out of the ground here, not laid on top of it.
+            'vw-outlined-fill': 'transparent',
             'high-emphasis-opacity': 0.9,
             'medium-emphasis-opacity': 0.62,
             'hover-opacity': 0.05,
@@ -57,6 +67,20 @@ export const clay = defineTheme({
             'vw-btn-tracking': '0',
             'vw-btn-weight': '700',
             'vw-tab-slider-height': '5px',
+            // Soft mass: it takes a moment to squash and a moment to come back.
+            'vw-motion-duration': '200ms',
+            'vw-press-scale': '0.97',
+            'vw-pop-scale': '1.25',
+            'vw-pop-duration': '280ms',
+            // Soft mass takes a moment to arrive, as it takes one to squash.
+            'vw-overlay-duration': '220ms',
+            'vw-overlay-exit': '160ms',
+            // The shapes are bright and the fills are generous; the states match.
+            'focus-opacity': 0.16,
+            'activated-opacity': 0.16,
+            // A channel pressed into the ground rather than a line on it.
+            'vw-timeline-line': 'rgb(var(--v-theme-background))',
+            'vw-timeline-line-width': '8px',
         },
     },
     defaults: [
@@ -79,6 +103,13 @@ export const clay = defineTheme({
             ratingEmpty: 'mdi-star-outline',
             close: 'mdi-close-circle',
         }),
+        // Inflated, so it inflates: every floating shape swells into place
+        // rather than sliding or fading.
+        overlays({
+            dialog: 'scale-transition',
+            menu: 'scale-transition',
+            tooltip: 'scale-transition',
+        }),
     ],
 });
 //# sourceMappingURL=clay.js.map

package/dist/themes/clay.js.map

@@ -1 +1 @@
-{"version":3,"file":"clay.js","sourceRoot":"","sources":["../../src/themes/clay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,oEAAoE;QACjF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,WAAW,CAAC;KACrB;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;YAC1B,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,KAAK;YACvB,6DAA6D;YAC7D,iBAAiB,EAAE,KAAK;YACxB,sEAAsE;YACtE,0BAA0B,EAAE,IAAI;YAChC,cAAc,EAAE,SAAS;YACzB,uBAAuB,EAAE,GAAG;YAC5B,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,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,GAAG;YACtB,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;SAC9B;KACF;IACD,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE;YACxC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC1B,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC1B,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;YACxB,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;SAC1C;QACD,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACvC,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;YAC/B,KAAK,EAAE,kBAAkB;SAC1B,CAAC;KACH;CACF,CAAC,CAAA"}
+{"version":3,"file":"clay.js","sourceRoot":"","sources":["../../src/themes/clay.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"darkGlass.d.ts","sourceRoot":"","sources":["../../src/themes/darkGlass.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,SAAS,oDAoEpB,CAAA"}
+{"version":3,"file":"darkGlass.d.ts","sourceRoot":"","sources":["../../src/themes/darkGlass.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,SAAS,oDAyGpB,CAAA"}

package/dist/themes/darkGlass.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';
 /**
  * Translucent dark surfaces over a deep violet ground, with backdrop blur
@@ -34,11 +34,23 @@ export const darkGlass = defineTheme({
             warning: '#FFB74D',
             'on-surface': '#ECE8F5',
             'on-background': '#F3F0FA',
+            // 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:1 → 6.7:1.
+            '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-fill': 'rgba(var(--v-theme-surface), 0.62)',
+            'vw-panel-filter': 'blur(18px) saturate(160%)',
+            'vw-panel-border': '1px solid rgba(var(--v-border-color), var(--v-border-opacity))',
             'border-color': '#B9A9FF',
             'border-opacity': 0.16,
             'shadow-color': '#000000',
+            // The frost rule below owns the colour; core's default would paint
+            // an opaque surface under it and the sheet would stop being glass.
+            'vw-outlined-fill': 'rgba(var(--v-theme-surface), 0.62)',
             'high-emphasis-opacity': 0.95,
             'medium-emphasis-opacity': 0.72,
             'hover-opacity': 0.08,
@@ -49,6 +61,21 @@ export const darkGlass = defineTheme({
             'vw-btn-transform': 'none',
             'vw-btn-tracking': '0.01em',
             'vw-btn-weight': '600',
+            // Sheets of glass slide rather than snap.
+            'vw-motion-duration': '260ms',
+            'vw-press-scale': '0.97',
+            'vw-hover-lift': '2px',
+            'vw-pop-scale': '1.18',
+            'vw-pop-duration': '240ms',
+            // Glass slides, and it takes its time doing it.
+            'vw-overlay-duration': '260ms',
+            'vw-overlay-exit': '200ms',
+            // The ground is dark enough that a state has to be lit to register.
+            'focus-opacity': 0.16,
+            'activated-opacity': 0.14,
+            // Violet through the glass.
+            'vw-timeline-line': 'rgba(var(--v-theme-primary), 0.45)',
+            'vw-timeline-line-width': '2px',
         },
     },
     defaults: [
@@ -72,6 +99,12 @@ export const darkGlass = defineTheme({
             ratingFull: 'mdi-star',
             ratingEmpty: 'mdi-star-outline',
         }),
+        // Sheets slide; the tip, which is not a sheet, fades.
+        overlays({
+            dialog: 'slide-y-transition',
+            menu: 'slide-y-transition',
+            tooltip: 'fade-transition',
+        }),
     ],
 });
 //# sourceMappingURL=darkGlass.js.map

package/dist/themes/darkGlass.js.map

@@ -1 +1 @@
-{"version":3,"file":"darkGlass.js","sourceRoot":"","sources":["../../src/themes/darkGlass.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,SAAS,GAAG,WAAW,CAAC;IACnC,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,uDAAuD;QACpE,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;SAC3B;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,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,QAAQ;YAC3B,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,IAAI,EAAE,IAAI,EAAE,CAAC;QAC9C,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACpB;YACE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;YACxB,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;SACzC;QACD,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":"darkGlass.js","sourceRoot":"","sources":["../../src/themes/darkGlass.ts"],"names":[],"mappings":"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"}

package/dist/themes/graphite.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The product-dark theme every developer tool converged on: near-black,
+ * hairline edges, tight radii, and no shadow anywhere. Depth comes from a
+ * lighter surface and a one-pixel line, which is why it stays legible on a
+ * dense screen where a stack of drop shadows would turn to mud.
+ *
+ * The accent is the restraint: `primary` is a near-white, so the one filled
+ * button on a screen is the brightest thing on it, and indigo sits in
+ * `secondary` for the places that want a hue. The status colours stay
+ * saturated — they are the only signal that has to survive a glance.
+ */
+export declare const graphite: import("../types.js").VuetiwatchTheme<"graphite">;
+//# sourceMappingURL=graphite.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graphite.d.ts","sourceRoot":"","sources":["../../src/themes/graphite.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,mDA4KnB,CAAA"}

package/dist/themes/graphite.js

@@ -0,0 +1,182 @@
+import { bars, controls, fields, icons, overlays, ripple, tables } from '../util/defaults.js';
+import { defineTheme } from '../util/defineTheme.js';
+/**
+ * The product-dark theme every developer tool converged on: near-black,
+ * hairline edges, tight radii, and no shadow anywhere. Depth comes from a
+ * lighter surface and a one-pixel line, which is why it stays legible on a
+ * dense screen where a stack of drop shadows would turn to mud.
+ *
+ * The accent is the restraint: `primary` is a near-white, so the one filled
+ * button on a screen is the brightest thing on it, and indigo sits in
+ * `secondary` for the places that want a hue. The status colours stay
+ * saturated — they are the only signal that has to survive a glance.
+ */
+export const graphite = defineTheme({
+    name: 'graphite',
+    meta: {
+        title: 'Graphite',
+        description: 'Product dark — near-black, hairline edges, no shadows, mono labels.',
+        dark: true,
+        iconStyle: 'outline',
+        swatch: ['#0A0B0D', '#121417', '#EDEFF2', '#4D64FF'],
+        fonts: ['Inter', 'JetBrains Mono'],
+    },
+    theme: {
+        dark: true,
+        colors: {
+            background: '#0A0B0D',
+            surface: '#121417',
+            'surface-bright': '#1B1E23',
+            'surface-light': '#16191D',
+            'surface-variant': '#C3C9D4',
+            'on-surface-variant': '#0F1114',
+            primary: '#EDEFF2',
+            'primary-darken-1': '#C9CDD4',
+            secondary: '#4D64FF',
+            'secondary-darken-1': '#5D6FE8',
+            error: '#F2555A',
+            info: '#5AA9F0',
+            success: '#3FCF8E',
+            warning: '#E8B03D',
+            'on-surface': '#E6E9ED',
+            'on-background': '#E6E9ED',
+            // 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 2.5:1 → 8.4:1, error 3.4:1 → 6.2:1.
+            'on-info': '#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': '1px solid rgba(var(--v-border-color), var(--v-border-opacity))',
+            'border-color': '#9AA4B5',
+            'border-opacity': 0.12,
+            'shadow-color': '#000000',
+            'high-emphasis-opacity': 0.95,
+            'medium-emphasis-opacity': 0.6,
+            'hover-opacity': 0.045,
+            'font-body': "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
+            // Four pixels is the smallest corner that still reads as intentional
+            // rather than as an unstyled input.
+            'vw-radius': '4px',
+            'vw-radius-lg': '8px',
+            'vw-radius-chip': '4px',
+            'vw-radius-thumb': '2px',
+            'vw-border-width': '1px',
+            'vw-btn-transform': 'none',
+            'vw-btn-tracking': '0',
+            'vw-btn-weight': '500',
+            // Display sizes set tight, the way a landing page sets them.
+            'vw-heading-weight': '600',
+            'vw-heading-tracking': '-0.025em',
+            // Table headers as labels, not as titles.
+            'vw-th-weight': '500',
+            'vw-th-tracking': '0.09em',
+            'vw-th-transform': 'uppercase',
+            // A table of ids, dates and counts is most of what this theme is for.
+            'vw-numeric': 'tabular-nums',
+            'vw-tab-slider-height': '2px',
+            // Floating surfaces are the one place a shadow survives, and only to
+            // separate them from the page — the hairline does the describing.
+            'vw-overlay-border': '1px solid rgba(var(--v-border-color), 0.18)',
+            'vw-overlay-shadow': '0 16px 40px rgba(0, 0, 0, 0.6)',
+            // Product UIs colour their links rather than underlining them.
+            'vw-link-decoration': 'none',
+            // Instant and linear. Easing describes weight, and nothing here has any.
+            'vw-motion-duration': '90ms',
+            'vw-motion-ease': 'linear',
+            'vw-press-scale': '1',
+            'vw-pop-scale': '1.1',
+            'vw-pop-duration': '140ms',
+            'vw-focus-ring': '1px solid rgba(var(--v-theme-primary), 0.85)',
+            'vw-theme-transition': '260ms',
+            // The overlays repaint at the same 90ms as everything else; the
+            // linear easing above reaches them through `--v-vw-motion-ease`.
+            'vw-overlay-duration': '90ms',
+            'vw-overlay-exit': '70ms',
+            /**
+             * `primary` here is a near-white, so a tonal fill drawn at Vuetify's
+             * 0.12 is a pale grey on a near-black ground — the one place this
+             * palette needs more of the accent rather than less.
+             */
+            'activated-opacity': 0.14,
+            'focus-opacity': 0.18,
+            'disabled-opacity': 0.4,
+            /**
+             * The theme ships a mono stack for exactly this, and a developer tool
+             * shows more code than prose. Both take the raised surface rather
+             * than Vuetify's stock grey.
+             */
+            'theme-code': '#16191D',
+            'theme-on-code': '#E6E9ED',
+            'theme-kbd': '#1B1E23',
+            'theme-on-kbd': '#E6E9ED',
+            /**
+             * `primary` is a near-white here, and a wash of it over near-black
+             * text is a grey haze. The indigo held in `secondary` is what every
+             * editor this theme is modelled on selects with.
+             */
+            'vw-selection-fill': 'rgba(var(--v-theme-secondary), 0.4)',
+            // Hairline and squared off, like every other edge here.
+            'vw-timeline-line': 'rgba(var(--v-border-color), 0.35)',
+            'vw-timeline-line-width': '1px',
+            'vw-radius-dot': '2px',
+            'vw-radius-avatar': '4px',
+        },
+    },
+    defaults: [
+        {
+            // No `density` here on purpose: Vuetify subtracts it from the size
+            // height, and a compact `x-small` button ends up shorter than its
+            // own label. The tight geometry comes from the radius instead.
+            // The ripple is off through `ripple(false)` below, which reaches the
+            // tick boxes this list used to miss.
+            VBtn: { variant: 'flat' },
+            VCard: { variant: 'outlined' },
+            VAlert: { variant: 'outlined', density: 'compact' },
+            VChip: { variant: 'outlined', size: 'small' },
+            // Flush stacked rows rather than floating panels with gaps.
+            VExpansionPanels: { variant: 'accordion' },
+            VNavigationDrawer: { border: 'e' },
+        },
+        fields({ variant: 'outlined', density: 'compact' }),
+        controls({ density: 'compact' }),
+        tables('compact'),
+        bars({ flat: true, border: 'b' }),
+        {
+            // Controls sized down to the text they sit beside, and squared off
+            // to the same 4px the fields and buttons use.
+            VSwitch: { inset: 'square' },
+            VSlider: { thumbSize: 12, trackSize: 3 },
+        },
+        icons({
+            // One weight of line icon throughout; arrows where a direction is
+            // meant, chevrons where a disclosure is.
+            dropdown: 'mdi-chevron-down',
+            collapse: 'mdi-chevron-up',
+            checkboxOn: 'mdi-checkbox-marked',
+            checkboxOff: 'mdi-checkbox-blank-outline',
+            sortAsc: 'mdi-arrow-up',
+            sortDesc: 'mdi-arrow-down',
+            next: 'mdi-chevron-right',
+            prev: 'mdi-chevron-left',
+            first: 'mdi-chevron-double-left',
+            last: 'mdi-chevron-double-right',
+            clear: 'mdi-close',
+            close: 'mdi-close',
+            breadcrumbDivider: '/',
+        }),
+        /**
+         * Nothing here has weight, so nothing arrives from anywhere: a panel is
+         * repainted rather than opened. Linear, at the same 90ms as the rest.
+         */
+        overlays({
+            dialog: 'fade-transition',
+            menu: 'fade-transition',
+            tooltip: 'fade-transition',
+        }),
+        ripple(false),
+    ],
+});
+//# sourceMappingURL=graphite.js.map

package/dist/themes/graphite.js.map

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

package/dist/themes/index.d.ts

@@ -1,9 +1,14 @@
+export { atlas } from './atlas.js';
+export { atlasDark } from './atlasDark.js';
+export { atlasSepia } from './atlasSepia.js';
 export { aurora } from './aurora.js';
 export { brutalist } from './brutalist.js';
 export { calm } from './calm.js';
+export { candy } from './candy.js';
 export { classic } from './classic.js';
 export { clay } from './clay.js';
 export { darkGlass } from './darkGlass.js';
+export { graphite } from './graphite.js';
 export { liquidGlass } from './liquidGlass.js';
 export { lux } from './lux.js';
 export { morph } from './morph.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}

package/dist/themes/index.js

@@ -1,9 +1,14 @@
+export { atlas } from './atlas.js';
+export { atlasDark } from './atlasDark.js';
+export { atlasSepia } from './atlasSepia.js';
 export { aurora } from './aurora.js';
 export { brutalist } from './brutalist.js';
 export { calm } from './calm.js';
+export { candy } from './candy.js';
 export { classic } from './classic.js';
 export { clay } from './clay.js';
 export { darkGlass } from './darkGlass.js';
+export { graphite } from './graphite.js';
 export { liquidGlass } from './liquidGlass.js';
 export { lux } from './lux.js';
 export { morph } from './morph.js';

package/dist/themes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"liquidGlass.d.ts","sourceRoot":"","sources":["../../src/themes/liquidGlass.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sDA0FtB,CAAA"}
+{"version":3,"file":"liquidGlass.d.ts","sourceRoot":"","sources":["../../src/themes/liquidGlass.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sDA0JtB,CAAA"}