vuetiwatch 0.1.1 → 0.2.1

package/dist/plugin.js

@@ -1,5 +1,23 @@
-import { watch } from 'vue';
+import { computed, inject, ref, toRaw, watch } from 'vue';
 import { combine } from './util/defaults.js';
+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() {
+    const api = inject(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;
 /**
  * Keeps Vuetify's global component defaults in sync with the active theme.
  *
@@ -12,41 +30,128 @@ import { combine } from './util/defaults.js';
  * Install it after Vuetify:
  *
  * ```ts
- * app.use(vuetify).use(createVuetiwatch(vuetify))
+ * app.use(vuetify).use(createVuetiwatch(vuetify, { themes: themeList }))
  * ```
  */
 export function createVuetiwatch(vuetify, options) {
-    const { themes, defaults: applyDefaults = true, attribute = true, } = options;
+    const { themes, defaults: applyDefaults = true, attribute = true, transitions = true, } = options;
     // Only the defaults are ever read here, so the closure holds those rather
     // than the whole theme objects — palettes and metadata for every theme
     // would otherwise stay pinned for the life of the app.
     const defaultsByName = new Map(themes.map(theme => [theme.name, theme.defaults]));
     return {
-        install(_app) {
+        install(app) {
             const instance = vuetify;
             if (!instance?.theme?.global?.name) {
                 throw new Error('[vuetiwatch] createVuetiwatch() expects the object returned by createVuetify(). ' +
                     'Install it after Vuetify: app.use(vuetify).use(createVuetiwatch(vuetify))');
             }
-            // Whatever the app configured itself — theme defaults layer on top of it.
-            const userDefaults = instance.defaults.value ?? {};
-            // 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();
+            /**
+             * 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;
             const defaultsFor = (name) => {
+                /**
+                 * The comparison goes through `toRaw`, because Vuetify holds
+                 * `defaults` in a deep `ref` — "if an object is assigned as a ref's
+                 * value, the object is made deeply reactive" — so reading it back
+                 * hands out a proxy of what was written, never the object itself.
+                 * Comparing the two directly can only ever say "not ours", which is
+                 * the opposite of what the check asks: every theme change would fold
+                 * the outgoing theme's defaults into the app's own, and they would
+                 * never come back off. A theme with none of its own, `classic` above
+                 * all, then keeps whatever was on screen before it.
+                 *
+                 * Only the comparison is unwrapped. Vue asks callers not to hold a
+                 * persistent reference to a raw object, so what is kept is the proxy
+                 * Vuetify handed out — `mergeDeep` only ever reads it.
+                 */
+                const live = instance.defaults.value;
+                if (applied && toRaw(live) !== applied) {
+                    userDefaults = live ?? {};
+                }
                 const themeDefaults = defaultsByName.get(name);
                 if (!themeDefaults)
                     return userDefaults;
-                let result = merged.get(name);
-                if (!result) {
-                    result = combine(userDefaults, themeDefaults);
-                    merged.set(name, result);
+                return applyDefaults === 'under'
+                    ? combine(themeDefaults, userDefaults)
+                    : combine(userDefaults, themeDefaults);
+            };
+            const apply = (name) => {
+                if (instance.theme.change)
+                    instance.theme.change(name);
+                else
+                    instance.theme.global.name.value = name;
+            };
+            const change = (name, event) => {
+                const doc = typeof document !== 'undefined'
+                    ? document
+                    : undefined;
+                if (!transitions || !doc?.startViewTransition || prefersReducedMotion()) {
+                    apply(name);
+                    return;
+                }
+                /**
+                  * 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();
+            const setAccent = (id) => {
+                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);
                 }
-                return result;
+                accent.value = id;
             };
+            app.provide(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') {
                     document.documentElement.setAttribute('data-vuetiwatch', name);

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAG3B,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAmC5C;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,gBAAgB,CAC9B,OAAgB,EAChB,OAA0B;IAE1B,MAAM,EACJ,MAAM,EACN,QAAQ,EAAE,aAAa,GAAG,IAAI,EAC9B,SAAS,GAAG,IAAI,GACjB,GAAG,OAAO,CAAA;IAEX,0EAA0E;IAC1E,uEAAuE;IACvE,uDAAuD;IACvD,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjF,OAAO;QACL,OAAO,CAAE,IAAS;YAChB,MAAM,QAAQ,GAAG,OAAsB,CAAA;YAEvC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;gBACnC,MAAM,IAAI,KAAK,CACb,kFAAkF;oBAClF,2EAA2E,CAC5E,CAAA;YACH,CAAC;YAED,0EAA0E;YAC1E,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAA;YAElD,uEAAuE;YACvE,sDAAsD;YACtD,MAAM,MAAM,GAAG,IAAI,GAAG,EAA8B,CAAA;YACpD,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE;gBACnC,MAAM,aAAa,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;gBAE9C,IAAI,CAAC,aAAa;oBAAE,OAAO,YAAY,CAAA;gBAEvC,IAAI,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;gBAE7B,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;oBAC7C,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;gBAC1B,CAAC;gBAED,OAAO,MAAM,CAAA;YACf,CAAC,CAAA;YAED,KAAK,CACH,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EACtC,IAAI,CAAC,EAAE;gBACL,IAAI,aAAa,EAAE,CAAC;oBAClB,QAAQ,CAAC,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;gBAC7C,CAAC;gBAED,IAAI,SAAS,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;oBACjD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAA;gBAChE,CAAC;YACH,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}

package/dist/registry.d.ts

@@ -4,7 +4,7 @@ import type { VuetiwatchDefaults, VuetiwatchMeta, VuetiwatchTheme } from './type
  * Every theme in the package, in the order a picker should show them:
  * the everyday ones first, then the niche ones.
  */
-export declare const themeList: readonly [VuetiwatchTheme<"classic">, VuetiwatchTheme<"paper">, VuetiwatchTheme<"slate">, VuetiwatchTheme<"calm">, VuetiwatchTheme<"lux">, VuetiwatchTheme<"soft">, VuetiwatchTheme<"clay">, VuetiwatchTheme<"morph">, VuetiwatchTheme<"sketchy">, VuetiwatchTheme<"brutalist">, VuetiwatchTheme<"liquidGlass">, VuetiwatchTheme<"darkGlass">, VuetiwatchTheme<"aurora">, VuetiwatchTheme<"neon">];
+export declare const themeList: readonly [VuetiwatchTheme<"classic">, VuetiwatchTheme<"paper">, VuetiwatchTheme<"slate">, VuetiwatchTheme<"graphite">, VuetiwatchTheme<"atlas">, VuetiwatchTheme<"atlasDark">, VuetiwatchTheme<"atlasSepia">, VuetiwatchTheme<"calm">, VuetiwatchTheme<"lux">, VuetiwatchTheme<"soft">, VuetiwatchTheme<"candy">, VuetiwatchTheme<"clay">, VuetiwatchTheme<"morph">, VuetiwatchTheme<"sketchy">, VuetiwatchTheme<"brutalist">, VuetiwatchTheme<"liquidGlass">, VuetiwatchTheme<"darkGlass">, VuetiwatchTheme<"aurora">, VuetiwatchTheme<"neon">];
 export type VuetiwatchThemeName = (typeof themeList)[number]['name'];
 type ByName<T> = Record<VuetiwatchThemeName, T>;
 /** Ready for `createVuetify({ theme: { themes: vuetiwatchThemes } })`. */

package/dist/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAkBrF;;;GAGG;AACH,eAAO,MAAM,SAAS,oYAeyB,CAAA;AAE/C,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpE,KAAK,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAA;AAc/C,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,eAAe,CAAU,CAAA;AAE/D,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,kBAAkB,CAAY,CAAA;AAEtE,8EAA8E;AAC9E,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,cAAc,CAAQ,CAAA"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAuBrF;;;GAGG;AACH,eAAO,MAAM,SAAS,khBAoByB,CAAA;AAE/C,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpE,KAAK,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAA;AAc/C,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,eAAe,CAAU,CAAA;AAE/D,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,kBAAkB,CAAY,CAAA;AAEtE,8EAA8E;AAC9E,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,cAAc,CAAQ,CAAA"}

package/dist/registry.js

@@ -1,4 +1,4 @@
-import { aurora, brutalist, calm, classic, clay, darkGlass, liquidGlass, lux, morph, neon, paper, sketchy, slate, soft, } from './themes/index.js';
+import { atlas, atlasDark, atlasSepia, aurora, brutalist, calm, candy, classic, clay, darkGlass, graphite, liquidGlass, lux, morph, neon, paper, sketchy, slate, soft, } from './themes/index.js';
 /**
  * Every theme in the package, in the order a picker should show them:
  * the everyday ones first, then the niche ones.
@@ -7,9 +7,14 @@ export const themeList = [
     classic,
     paper,
     slate,
+    graphite,
+    atlas,
+    atlasDark,
+    atlasSepia,
     calm,
     lux,
     soft,
+    candy,
     clay,
     morph,
     sketchy,

package/dist/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,EACX,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAA;AAE1B;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO;IACP,KAAK;IACL,KAAK;IACL,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,OAAO;IACP,SAAS;IACT,WAAW;IACX,SAAS;IACT,MAAM;IACN,IAAI;CACyC,CAAA;AAM/C,MAAM,MAAM,GAAG,EAA6B,CAAA;AAC5C,MAAM,QAAQ,GAAG,EAAgC,CAAA;AACjD,MAAM,IAAI,GAAG,EAA4B,CAAA;AAEzC,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;IAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,IAA2B,CAAA;IAE9C,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC/B,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAA;AACzB,CAAC;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,gBAAgB,GAA4B,MAAM,CAAA;AAE/D,6EAA6E;AAC7E,MAAM,CAAC,MAAM,kBAAkB,GAA+B,QAAQ,CAAA;AAEtE,8EAA8E;AAC9E,MAAM,CAAC,MAAM,cAAc,GAA2B,IAAI,CAAA"}
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAA;AAE1B;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO;IACP,KAAK;IACL,KAAK;IACL,QAAQ;IACR,KAAK;IACL,SAAS;IACT,UAAU;IACV,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,KAAK;IACL,OAAO;IACP,SAAS;IACT,WAAW;IACX,SAAS;IACT,MAAM;IACN,IAAI;CACyC,CAAA;AAM/C,MAAM,MAAM,GAAG,EAA6B,CAAA;AAC5C,MAAM,QAAQ,GAAG,EAAgC,CAAA;AACjD,MAAM,IAAI,GAAG,EAA4B,CAAA;AAEzC,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;IAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,IAA2B,CAAA;IAE9C,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC/B,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAA;AACzB,CAAC;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,gBAAgB,GAA4B,MAAM,CAAA;AAE/D,6EAA6E;AAC7E,MAAM,CAAC,MAAM,kBAAkB,GAA+B,QAAQ,CAAA;AAEtE,8EAA8E;AAC9E,MAAM,CAAC,MAAM,cAAc,GAA2B,IAAI,CAAA"}

package/dist/styles/atlas.css

@@ -0,0 +1,99 @@
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-navigation-drawer {
+  background-color: rgb(var(--v-theme-surface-light));
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table thead th, .v-data-table__th) {
+  background-color: rgb(var(--v-theme-surface-light));
+  border-bottom: 1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6));
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item:not(:last-child) {
+  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+  padding-block-end: 12px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item + :is(.v-card-text, .v-card-actions) {
+  padding-top: 12px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table, .v-data-table), :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-list-item-title, .v-list-item-subtitle) {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card-title {
+  letter-spacing: 0;
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker, .v-picker) {
+  width: 306px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker {
+  min-width: 296px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-month__day {
+  height: 32px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker-month, .v-date-picker-years, .v-date-picker-months) {
+  font-size: .8125rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker-clock {
+  max-width: 208px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-controls {
+  padding-block: 4px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input {
+  padding-block: 0;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input__content {
+  max-width: 240px;
+  padding: 0;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input .v-field {
+  height: 40px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title {
+  min-height: 44px;
+  padding-block: 10px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title--active {
+  min-height: 52px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-empty-state {
+  min-height: 0;
+  padding-block: 24px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert-title {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__content {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon {
+  font-size: 20px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-breadcrumbs {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table tbody td, .v-data-table__td) {
+  border-color: rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7));
+}

package/dist/styles/atlas.min.css

@@ -0,0 +1 @@
+:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-navigation-drawer{background-color:rgb(var(--v-theme-surface-light))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));border-bottom:1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item:not(:last-child){border-block-end:1px solid rgba(var(--v-border-color), var(--v-border-opacity));padding-block-end:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item+:is(.v-card-text,.v-card-actions){padding-top:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table,.v-data-table),:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-list-item-title,.v-list-item-subtitle){font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card-title{letter-spacing:0;font-size:1rem;font-weight:600}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker,.v-picker){width:306px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker{min-width:296px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-month__day{height:32px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker-month,.v-date-picker-years,.v-date-picker-months){font-size:.8125rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker-clock{max-width:208px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-controls{padding-block:4px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input{padding-block:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input__content{max-width:240px;padding:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input .v-field{height:40px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title{min-height:44px;padding-block:10px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title--active{min-height:52px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-empty-state{min-height:0;padding-block:24px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert-title{font-size:1rem;line-height:1.5}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__content{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon{font-size:20px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-breadcrumbs{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7))}

package/dist/styles/atlasDark.css

@@ -0,0 +1,99 @@
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-navigation-drawer {
+  background-color: rgb(var(--v-theme-surface-light));
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table thead th, .v-data-table__th) {
+  background-color: rgb(var(--v-theme-surface-light));
+  border-bottom: 1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6));
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item:not(:last-child) {
+  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+  padding-block-end: 12px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item + :is(.v-card-text, .v-card-actions) {
+  padding-top: 12px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table, .v-data-table), :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-list-item-title, .v-list-item-subtitle) {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card-title {
+  letter-spacing: 0;
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker, .v-picker) {
+  width: 306px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker {
+  min-width: 296px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-month__day {
+  height: 32px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker-month, .v-date-picker-years, .v-date-picker-months) {
+  font-size: .8125rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker-clock {
+  max-width: 208px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-controls {
+  padding-block: 4px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input {
+  padding-block: 0;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input__content {
+  max-width: 240px;
+  padding: 0;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input .v-field {
+  height: 40px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title {
+  min-height: 44px;
+  padding-block: 10px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title--active {
+  min-height: 52px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-empty-state {
+  min-height: 0;
+  padding-block: 24px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert-title {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__content {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon {
+  font-size: 20px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-breadcrumbs {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table tbody td, .v-data-table__td) {
+  border-color: rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7));
+}

package/dist/styles/atlasDark.min.css

@@ -0,0 +1 @@
+:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-navigation-drawer{background-color:rgb(var(--v-theme-surface-light))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));border-bottom:1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item:not(:last-child){border-block-end:1px solid rgba(var(--v-border-color), var(--v-border-opacity));padding-block-end:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item+:is(.v-card-text,.v-card-actions){padding-top:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table,.v-data-table),:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-list-item-title,.v-list-item-subtitle){font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card-title{letter-spacing:0;font-size:1rem;font-weight:600}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker,.v-picker){width:306px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker{min-width:296px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-month__day{height:32px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker-month,.v-date-picker-years,.v-date-picker-months){font-size:.8125rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker-clock{max-width:208px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-controls{padding-block:4px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input{padding-block:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input__content{max-width:240px;padding:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input .v-field{height:40px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title{min-height:44px;padding-block:10px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title--active{min-height:52px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-empty-state{min-height:0;padding-block:24px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert-title{font-size:1rem;line-height:1.5}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__content{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon{font-size:20px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-breadcrumbs{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7))}

package/dist/styles/atlasSepia.css

@@ -0,0 +1,99 @@
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-navigation-drawer {
+  background-color: rgb(var(--v-theme-surface-light));
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table thead th, .v-data-table__th) {
+  background-color: rgb(var(--v-theme-surface-light));
+  border-bottom: 1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6));
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item:not(:last-child) {
+  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+  padding-block-end: 12px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item + :is(.v-card-text, .v-card-actions) {
+  padding-top: 12px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table, .v-data-table), :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-list-item-title, .v-list-item-subtitle) {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card-title {
+  letter-spacing: 0;
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker, .v-picker) {
+  width: 306px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker {
+  min-width: 296px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-month__day {
+  height: 32px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker-month, .v-date-picker-years, .v-date-picker-months) {
+  font-size: .8125rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker-clock {
+  max-width: 208px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-controls {
+  padding-block: 4px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input {
+  padding-block: 0;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input__content {
+  max-width: 240px;
+  padding: 0;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input .v-field {
+  height: 40px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title {
+  min-height: 44px;
+  padding-block: 10px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title--active {
+  min-height: 52px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-empty-state {
+  min-height: 0;
+  padding-block: 24px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert-title {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__content {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon {
+  font-size: 20px;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-breadcrumbs {
+  font-size: .875rem;
+}
+
+:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table tbody td, .v-data-table__td) {
+  border-color: rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7));
+}

package/dist/styles/atlasSepia.min.css

@@ -0,0 +1 @@
+:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-navigation-drawer{background-color:rgb(var(--v-theme-surface-light))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));border-bottom:1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item:not(:last-child){border-block-end:1px solid rgba(var(--v-border-color), var(--v-border-opacity));padding-block-end:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item+:is(.v-card-text,.v-card-actions){padding-top:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table,.v-data-table),:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-list-item-title,.v-list-item-subtitle){font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card-title{letter-spacing:0;font-size:1rem;font-weight:600}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker,.v-picker){width:306px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker{min-width:296px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-month__day{height:32px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker-month,.v-date-picker-years,.v-date-picker-months){font-size:.8125rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker-clock{max-width:208px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-controls{padding-block:4px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input{padding-block:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input__content{max-width:240px;padding:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input .v-field{height:40px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title{min-height:44px;padding-block:10px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title--active{min-height:52px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-empty-state{min-height:0;padding-block:24px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert-title{font-size:1rem;line-height:1.5}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__content{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon{font-size:20px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-breadcrumbs{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7))}