varmory 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,6 +1,11 @@
1
1
  # varmory
2
2
 
3
- Vue 3 + Quasar component library with a multi-theme system.
3
+ Vue 3 + Quasar component showcase library with multi-theme support and an MCP server for AI agents.
4
+
5
+ Drop in an interactive component browser, expose your components to AI via the Model Context Protocol, and ship with built-in theming — dark/light mode, multiple themes, or bring your own.
6
+
7
+ - [Component Showcase](https://varmory-dec8b20a1b83.herokuapp.com/)
8
+ - [MCP Server](https://varmory-dec8b20a1b83.herokuapp.com/#docs/MCP)
4
9
 
5
10
  ## Installation
6
11
 
@@ -16,35 +21,48 @@ npm install vue@^3 quasar@^2 pinia@^3 @quasar/extras@^1
16
21
 
17
22
  ## Setup
18
23
 
24
+ Quasar components are registered by `@quasar/vite-plugin` in your Vite config:
25
+
26
+ ```js
27
+ // vite.config.js
28
+ import vue from '@vitejs/plugin-vue';
29
+ import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
30
+
31
+ export default {
32
+ plugins: [
33
+ vue({ template: { transformAssetUrls } }),
34
+ quasar({ autoImportComponentCase: 'pascal' }),
35
+ ],
36
+ };
37
+ ```
38
+
39
+ In your app's entry file, install varmory as a Vue plugin alongside Pinia, import Quasar's base CSS and icons, and pass any Quasar plugins you need:
40
+
19
41
  ```js
42
+ // main.js
20
43
  import { createApp } from 'vue';
21
44
  import { createPinia } from 'pinia';
22
45
  import { install as Varmory } from 'varmory';
23
-
24
- const app = createApp(App);
25
- app.use(createPinia());
26
- app.use(Varmory, {
27
- theme: 'space', // optional. Default is 'default'
28
- });
46
+ import { Dialog, Notify, LocalStorage, SessionStorage } from 'quasar';
47
+ import 'quasar/dist/quasar.css';
48
+ import '@quasar/extras/material-icons/material-icons.css';
49
+ import App from './App.vue';
50
+
51
+ createApp(App)
52
+ .use(createPinia())
53
+ .use(Varmory, {
54
+ theme: 'space', // optional, default is 'default'
55
+ plugins: { Notify, Dialog, LocalStorage, SessionStorage },
56
+ })
57
+ .mount('#app');
29
58
  ```
30
59
 
60
+ See [USAGE.md](docs/USAGE.md) for more setup options (including attaching Quasar yourself instead of via varmory).
31
61
 
32
- ## Usage
33
-
34
- See [docs/USAGE.md](docs/USAGE.md) — setting up a fresh app using varmory for UI, Vite config, and Quasar plugin setup.
35
-
36
- ## Building Components
37
-
38
- See [docs/CustomComponents.md](docs/CustomComponents.md) — API style, CSS variables, layout patterns, component composition, and styling conventions.
39
-
40
- ## Theming, Dark/Light mode
41
-
42
- See [docs/THEMING.md](docs/THEMING.md) — built-in themes, custom themes, writing your own, theme store API, and UI components.
43
-
44
- ## JComponentShowcase
45
-
46
- See [docs/SHOWCASE.md](docs/SHOWCASE.md) — interactive component browser, adding categories, custom docs, writing showcase entries, and navigation.
47
-
48
- ## MCP Server
62
+ ## Docs
49
63
 
50
- See [docs/MCP.md](docs/MCP.md) — expose showcase data to AI agents via the Model Context Protocol.
64
+ - [Usage](https://varmory-dec8b20a1b83.herokuapp.com/#docs/USAGE) — setting up a fresh app using varmory for UI, Vite config, and Quasar plugin setup
65
+ - [Building Components](https://varmory-dec8b20a1b83.herokuapp.com/#docs/CustomComponents) — API style, CSS variables, layout patterns, component composition, and styling conventions
66
+ - [Theming](https://varmory-dec8b20a1b83.herokuapp.com/#docs/THEMING) — built-in themes, custom themes, writing your own, theme store API, and UI components
67
+ - [Showcase](https://varmory-dec8b20a1b83.herokuapp.com/#docs/SHOWCASE) — interactive component browser, adding categories, custom docs, writing showcase entries, and navigation
68
+ - [MCP Server](https://varmory-dec8b20a1b83.herokuapp.com/#docs/MCP) — expose showcase data to AI agents via the Model Context Protocol
@@ -0,0 +1,4 @@
1
+ const t = '@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;1,9..40,400;1,9..40,500&family=JetBrains+Mono:wght@200;300;400;500;600;700;800&display=swap";:root{--font-display: "Plus Jakarta Sans", "Helvetica Neue", sans-serif;--font-body: "DM Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", monospace}.varmoryBackgroundAccent{background:var(--q-surface-1)}.jPanel{border-radius:16px!important}.jPanel.fullscreen,.jPanelSquare{border-radius:0!important}.q-card{border-radius:16px!important}.q-dialog .q-card{border:none!important}.q-btn{border-radius:10px!important;letter-spacing:.3px!important;font-weight:600!important;text-transform:none!important;border-width:1px!important;transition:all .2s ease!important;border-color:transparent!important;box-shadow:0 0 3px 2px color-mix(in srgb,var(--q-primary) 10%,transparent)!important}.q-btn.q-btn--round{border-radius:50%!important;box-shadow:none!important}.q-btn.ghost{font-weight:200!important;box-shadow:none!important;background:transparent!important}.q-btn.ghost:hover{box-shadow:0 0 2px 2px color-mix(in srgb,var(--q-primary) 10%,transparent)!important;background:transparent!important}.q-btn.ghost:hover .q-focus-helper{background:transparent!important}.q-btn-group{border-radius:10px!important;border-color:transparent!important;box-shadow:0 2px 8px color-mix(in srgb,var(--q-primary) 30%,transparent)!important}.q-btn-group>.q-btn-item:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.q-btn-group>.q-btn-item:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}.q-btn-group>.q-btn-item{box-shadow:none!important}';
2
+ export {
3
+ t as default
4
+ };
@@ -0,0 +1,4 @@
1
+ const r = '@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=JetBrains+Mono:wght@200;300;400;500;600;700;800&display=swap";:root{--font-display: "MedievalSharp", "Georgia", serif;--font-body: "EB Garamond", "Georgia", serif;--font-mono: "JetBrains Mono", monospace}.varmoryBackgroundAccent{border-width:0px;background:repeating-linear-gradient(127deg,transparent,transparent 40px,color-mix(in srgb,var(--q-secondary) 12%,var(--q-surface-2)) 40px,color-mix(in srgb,var(--q-secondary) 20%,var(--q-surface-2)) 41px,transparent 42px),repeating-linear-gradient(-38deg,transparent,transparent 55px,color-mix(in srgb,var(--q-secondary) 8%,var(--q-surface-2)) 55px,color-mix(in srgb,var(--q-secondary) 15%,var(--q-surface-2)) 56px,transparent 57px),repeating-linear-gradient(73deg,transparent,transparent 70px,color-mix(in srgb,var(--q-accent) 6%,var(--q-surface-2)) 70px,color-mix(in srgb,var(--q-accent) 10%,var(--q-surface-2)) 71px,transparent 72px),radial-gradient(ellipse 50% 70% at 35% 60%,color-mix(in srgb,var(--q-secondary) 6%,var(--q-surface-2)) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 75% 30%,color-mix(in srgb,var(--q-accent) 4%,var(--q-surface-2)) 0%,transparent 70%),linear-gradient(170deg,color-mix(in srgb,var(--q-surface-1) 90%,black) 0%,var(--q-surface-1) 50%,color-mix(in srgb,var(--q-surface-1) 90%,black) 100%)}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer{position:relative;overflow:hidden}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--q-surface-2) 20%,var(--q-primary) 50%,var(--q-surface-2) 80%,transparent);opacity:.9}.varmoryBackgroundAccentCompact.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{top:auto;bottom:0;background:linear-gradient(90deg,transparent,var(--q-surface-border) 10%,var(--q-surface-border) 90%,transparent)}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:after{width:100%;height:100%;top:0;left:0;right:auto;background:radial-gradient(circle 600px at 85% 25%,color-mix(in srgb,var(--q-secondary) 14%,transparent) 0%,transparent 100%),radial-gradient(circle 400px at 75% 60%,color-mix(in srgb,var(--q-accent) 10%,transparent) 0%,transparent 100%),radial-gradient(circle 500px at 15% 35%,color-mix(in srgb,var(--q-secondary) 10%,transparent) 0%,transparent 100%),radial-gradient(circle 300px at 25% 75%,color-mix(in srgb,var(--q-accent) 8%,transparent) 0%,transparent 100%),radial-gradient(circle 750px at 50% 50%,color-mix(in srgb,var(--q-secondary) 5%,transparent) 0%,transparent 100%)}';
2
+ export {
3
+ r as default
4
+ };
@@ -0,0 +1,4 @@
1
+ const r = '@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200;0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;0,6..72,800;1,6..72,400;1,6..72,500;1,6..72,600&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=IBM+Plex+Mono:wght@200;300;400;500;600;700&display=swap";:root{--font-display: "Helvetica Neue", sans-serif;--font-body: "Source Sans 3", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace}.varmoryBackgroundAccent{background:repeating-linear-gradient(45deg,transparent,transparent 23px,color-mix(in srgb,var(--q-primary) 8%,transparent) 23px,color-mix(in srgb,var(--q-primary) 16%,transparent) 24px),repeating-linear-gradient(-45deg,transparent,transparent 23px,color-mix(in srgb,var(--q-primary) 12%,transparent) 23px,color-mix(in srgb,var(--q-primary) 6%,transparent) 24px),linear-gradient(170deg,color-mix(in srgb,var(--q-surface-1) 12%,var(--q-body-bg)),color-mix(in srgb,var(--q-surface-1) 12%,var(--q-body-bg)) 40%,color-mix(in srgb,var(--q-surface-1) 12%,var(--q-body-bg)),color-mix(in srgb,var(--q-surface-1) 12%,var(--q-body-bg)))}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer{position:relative;overflow:hidden}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:.6;background:linear-gradient(90deg,transparent 5%,var(--q-primary) 30%,var(--q-primary) 50%,var(--q-secondary) 70%,transparent 95%)}.varmoryBackgroundAccentCompact.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{top:auto;bottom:0}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--q-primary) 12%,transparent) 0%,transparent 70%)}';
2
+ export {
3
+ r as default
4
+ };
@@ -0,0 +1,4 @@
1
+ const r = '@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@200;300;400;500;600;700&display=swap";:root{--font-display: "Orbitron", "Space Grotesk", sans-serif;--font-body: "Space Grotesk", "IBM Plex Mono", sans-serif;--font-mono: "IBM Plex Mono", monospace}.varmoryBackgroundAccent{background:repeating-linear-gradient(0deg,transparent,transparent 3px,color-mix(in srgb,var(--q-primary) 4%,transparent) 3px,color-mix(in srgb,var(--q-primary) 4%,transparent) 4px),radial-gradient(ellipse 120px 100% at 30% 50%,color-mix(in srgb,var(--q-primary) 8%,transparent) 0%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--q-primary) 4%,var(--q-surface-1)) 0%,var(--q-surface-1) 50%,color-mix(in srgb,var(--q-accent) 3%,var(--q-surface-1)) 100%)}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer{position:relative;overflow:hidden}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:.6;background:linear-gradient(90deg,transparent,var(--q-primary) 40%,var(--q-accent) 60%,transparent)}.varmoryBackgroundAccentCompact.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{top:auto;bottom:0}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;pointer-events:none;background:radial-gradient(ellipse 200px 150px at 85% 20%,color-mix(in srgb,var(--q-primary) 12%,transparent) 0%,transparent 100%)}';
2
+ export {
3
+ r as default
4
+ };
@@ -0,0 +1,4 @@
1
+ const a = ":root{--q-primary: #06d6a0;--q-secondary: #d49c00;--q-accent: #e040fb;--q-dark: #050a14;--q-positive: #06d6a0;--q-negative: #ef4444;--q-info: #4da2ff;--q-warning: #f09000;--q-body-bg: #050a14;--q-surface-0: #050a14;--q-surface-1: #0a1628;--q-surface-2: #0d1f3c;--q-surface-3: #132d54;--q-surface-border: #1a3a6a;--q-surface-overlay: rgba(5, 10, 20, .85);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-2) 90%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, color-mix(in srgb, var(--q-surface-2) 95%, transparent) 0%, color-mix(in srgb, var(--q-surface-1) 95%, transparent) 100%);--q-text-bright: #f0f4f8;--q-text: #c8d6e5;--q-text-muted: #8cadce;--q-text-faint: rgba(174, 210, 245, .822);--q-glow-primary: color-mix(in srgb, var(--q-primary) 25%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 25%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 25%, transparent);--q-shadow-drop: color-mix(in srgb, black 55%, transparent);--q-shadow-inset: color-mix(in srgb, black 30%, transparent)}";
2
+ export {
3
+ a as default
4
+ };
@@ -1,4 +1,4 @@
1
- const a = ":root{--q-primary: #50c878;--q-secondary: #c9a84c;--q-accent: #7a9e7e;--q-dark: #12141a;--q-positive: #50c878;--q-negative: #d4574e;--q-info: #6a9fd8;--q-warning: #dba545;--q-body-bg: #12141a;--q-surface-0: #12141a;--q-surface-1: #1b1e27;--q-surface-2: #232730;--q-surface-3: #2b303b;--q-surface-border: #383e4c;--q-surface-overlay: rgba(18, 20, 26, .92);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 75%, var(--q-surface-2)) 100%);--q-panel-compact-gradient: linear-gradient(135deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 88%, transparent) 100%);--q-text-bright: #e8eaef;--q-text: #a4aab5;--q-text-muted: #626978;--q-text-faint: rgba(164, 170, 181, .25);--q-glow-primary: color-mix(in srgb, var(--q-primary) 15%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 15%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 18%, transparent);--q-shadow-drop: color-mix(in srgb, black 45%, transparent);--q-shadow-inset: color-mix(in srgb, black 22%, transparent)}.jPanel.fullscreen{background:repeating-linear-gradient(45deg,transparent,transparent 23px,rgba(200,202,210,.06) 23px,rgba(200,202,210,.06) 24px),repeating-linear-gradient(-45deg,transparent,transparent 23px,rgba(200,202,210,.06) 23px,rgba(200,202,210,.06) 24px),linear-gradient(170deg,#141620,#1a1d28 40%,#1e2130,#1a1d28)}";
1
+ const a = ":root{--q-primary: #50c878;--q-secondary: #c9a84c;--q-accent: #7a9e7e;--q-dark: #12141a;--q-positive: #50c878;--q-negative: #d4574e;--q-info: #6a9fd8;--q-warning: #dba545;--q-body-bg: #12141a;--q-surface-0: #12141a;--q-surface-1: #1b1e27;--q-surface-2: #232730;--q-surface-3: #2b303b;--q-surface-border: #383e4c;--q-surface-overlay: rgba(18, 20, 26, .92);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 75%, var(--q-surface-2)) 100%);--q-panel-compact-gradient: linear-gradient(135deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 88%, transparent) 100%);--q-text-bright: #e8eaef;--q-text: #a4aab5;--q-text-muted: #626978;--q-text-faint: rgba(164, 170, 181, .25);--q-glow-primary: color-mix(in srgb, var(--q-primary) 15%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 15%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 18%, transparent);--q-shadow-drop: color-mix(in srgb, black 45%, transparent);--q-shadow-inset: color-mix(in srgb, black 22%, transparent)}";
2
2
  export {
3
3
  a as default
4
4
  };
@@ -1,4 +1,4 @@
1
- const r = ":root{--q-primary: #42a5f5;--q-secondary: #26d87a;--q-accent: #9b33cc;--q-dark: #0e1117;--q-positive: #26d87a;--q-negative: #f87171;--q-info: #42a5f5;--q-warning: #fbbf24;--q-body-bg: #0e1117;--q-surface-0: #0e1117;--q-surface-1: #161b22;--q-surface-2: #1c2129;--q-surface-3: #242a33;--q-surface-border: #333b47;--q-surface-overlay: rgba(14, 17, 23, .92);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 80%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 90%, transparent) 100%);--q-text-bright: #ecf0f5;--q-text: #adb5c4;--q-text-muted: #636d7e;--q-text-faint: rgba(173, 181, 196, .25);--q-glow-primary: color-mix(in srgb, var(--q-primary) 18%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 18%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 18%, transparent);--q-shadow-drop: color-mix(in srgb, black 50%, transparent);--q-shadow-inset: color-mix(in srgb, black 25%, transparent)}.jPanel.fullscreen{background:linear-gradient(170deg,#0e1117,#121820 40%,#0f151d,#111820)}";
1
+ const r = ":root{--q-primary: #42a5f5;--q-secondary: #26d87a;--q-accent: #9b33cc;--q-dark: #0e1117;--q-positive: #26d87a;--q-negative: #f87171;--q-info: #42a5f5;--q-warning: #fbbf24;--q-body-bg: #0e1117;--q-surface-0: #0e1117;--q-surface-1: #161b22;--q-surface-2: #1c2129;--q-surface-3: #242a33;--q-surface-border: #333b47;--q-surface-overlay: rgba(14, 17, 23, .92);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 80%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 90%, transparent) 100%);--q-text-bright: #ecf0f5;--q-text: #adb5c4;--q-text-muted: #636d7e;--q-text-faint: rgba(173, 181, 196, .25);--q-glow-primary: color-mix(in srgb, var(--q-primary) 18%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 18%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 18%, transparent);--q-shadow-drop: color-mix(in srgb, black 50%, transparent);--q-shadow-inset: color-mix(in srgb, black 25%, transparent)}";
2
2
  export {
3
3
  r as default
4
4
  };
@@ -1,4 +1,4 @@
1
- const a = ":root{--q-primary: #4ade80;--q-secondary: #d4a017;--q-accent: #a855f7;--q-dark: #0c0a08;--q-positive: #4ade80;--q-negative: #ef4444;--q-info: #60a5fa;--q-warning: #f59e0b;--q-body-bg: #0c0a08;--q-surface-0: #0c0a08;--q-surface-1: #1a1510;--q-surface-2: #251e16;--q-surface-3: #33291e;--q-surface-border: #4a3c2a;--q-surface-overlay: rgba(12, 10, 8, .88);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 80%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, color-mix(in srgb, var(--q-surface-2) 95%, transparent) 0%, color-mix(in srgb, var(--q-surface-1) 90%, transparent) 100%);--q-text-bright: #f5e6d0;--q-text: #c9b89a;--q-text-muted: #7a6b56;--q-text-faint: rgba(201, 184, 154, .3);--q-glow-primary: color-mix(in srgb, var(--q-primary) 20%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 20%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 25%, transparent);--q-shadow-drop: color-mix(in srgb, black 60%, transparent);--q-shadow-inset: color-mix(in srgb, black 35%, transparent)}.jPanel.fullscreen{background:repeating-conic-gradient(rgba(201,184,154,.05) 0% 25%,transparent 0% 50%) 0 0 / 4px 4px,linear-gradient(175deg,#1e1812,#241c14,#2c2218 60%,#241c14)}";
1
+ const a = ":root{--q-primary: #4ade80;--q-secondary: #d4a017;--q-accent: #a855f7;--q-dark: #0c0a08;--q-positive: #4ade80;--q-negative: #ef4444;--q-info: #60a5fa;--q-warning: #f59e0b;--q-body-bg: #0c0a08;--q-surface-0: #0c0a08;--q-surface-1: #1a1510;--q-surface-2: #251e16;--q-surface-3: #33291e;--q-surface-border: #4a3c2a;--q-surface-overlay: rgba(12, 10, 8, .88);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 80%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, color-mix(in srgb, var(--q-surface-2) 95%, transparent) 0%, color-mix(in srgb, var(--q-surface-1) 90%, transparent) 100%);--q-text-bright: #f5e6d0;--q-text: #c9b89a;--q-text-muted: #7a6b56;--q-text-faint: rgba(201, 184, 154, .3);--q-glow-primary: color-mix(in srgb, var(--q-primary) 20%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 20%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 25%, transparent);--q-shadow-drop: color-mix(in srgb, black 60%, transparent);--q-shadow-inset: color-mix(in srgb, black 35%, transparent)}";
2
2
  export {
3
3
  a as default
4
4
  };