@welldot/vue 0.1.1-next.20261022.41f0252 → 0.2.0

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.
Files changed (10) hide show
  1. package/README.md +54 -13
  2. package/dist/tailwind.css +7 -144
  3. package/dist/theme/define.d.ts +2 -2
  4. package/dist/theme/define.js.map +1 -1
  5. package/dist/theme/preset.d.ts.map +1 -1
  6. package/dist/theme/preset.js +31 -126
  7. package/dist/theme/preset.js.map +1 -1
  8. package/dist/theme.css +149 -0
  9. package/dist/tokens.css +127 -0
  10. package/package.json +11 -9
package/README.md CHANGED
@@ -16,6 +16,7 @@ This README covers installation, Vue and Nuxt setup, the Tailwind tokens, `creat
16
16
  - [Nuxt](#nuxt)
17
17
  - [Tailwind setup](#tailwind-setup)
18
18
  - [Overriding the tokens](#overriding-the-tokens)
19
+ - [Custom palette](#custom-palette)
19
20
  - [Configuration](#configuration)
20
21
  - [Layering](#layering)
21
22
  - [Text and i18n](#text-and-i18n)
@@ -76,6 +77,8 @@ app.use(createWelldot({ locale: 'pt' }));
76
77
  app.mount('#app');
77
78
  ```
78
79
 
80
+ `WelldotPreset` reads its colors from CSS variables, so the app must also load `@welldot/vue/tailwind.css` (see [Tailwind setup](#tailwind-setup)) or, without Tailwind, `@welldot/vue/tokens.css`. Without one of them, PrimeVue components render with no colors.
81
+
79
82
  ```vue
80
83
  <script setup lang="ts">
81
84
  import { WellLabeledField, WellUnitInput } from '@welldot/vue';
@@ -143,18 +146,26 @@ The components are styled with Tailwind CSS 4 utilities and the Welldot tokens.
143
146
  @import '@welldot/vue/tailwind.css';
144
147
  ```
145
148
 
146
- `@welldot/vue/tailwind.css` brings the `@theme` tokens, the `dark` variant (`.dark-mode`), the base layer, the data grid's styles and the components' own styles, and adds the package's built files as a Tailwind `@source`. It must be imported from the app's CSS (not from JS) so the tokens join the app's Tailwind compilation. The tokens read PrimeVue's `--w-*` variables, so use `WelldotPreset` (prefix `w`) or a preset with the same prefix.
149
+ `@welldot/vue/tailwind.css` brings the color tokens, the `@theme` tokens, the `dark` variant (`.dark-mode`), the base layer, the data grid's styles and the components' own styles, and adds the package's built files as a Tailwind `@source`. It must be imported from the app's CSS (not from JS) so the tokens join the app's Tailwind compilation.
150
+
151
+ The colors are plain CSS variables (`--w-*`) declared in `@welldot/vue/tokens.css`, which both `WelldotPreset` and the Tailwind theme read. `tailwind.css` is built from two files you can also import on their own, for example in an app that doesn't use PrimeVue:
152
+
153
+ ```css
154
+ @import 'tailwindcss';
155
+ @import '@welldot/vue/tokens.css'; /* --w-* color variables, light and dark */
156
+ @import '@welldot/vue/theme.css'; /* dark variant, @theme tokens, base layer */
157
+ ```
147
158
 
148
159
  ### Overriding the tokens
149
160
 
150
161
  Everything in `tailwind.css` can be overridden from the app's own stylesheet, **after** the import:
151
162
 
152
- | Token | Where it comes from | Override with |
153
- | ------------------------------------------------------------------------- | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
154
- | Colors (`--color-{surface,content,primary,error,warning,success,info}-*`) | PrimeVue's `--w-*` variables | The preset — `defineWelldotTheme` (see [Overriding the theme](#overriding-the-theme)), so PrimeVue components and Tailwind utilities stay in sync |
155
- | Fonts (`--font-display`, `--font-serif`, `--font-mono`) | `@theme static` | The app's `@theme` block |
156
- | Radii (`--radius-{sm,md,lg,xl,2xl,pill}`) | `@theme static` | The app's `@theme` block |
157
- | Focus/error rings (`--color-focus-ring`, `--color-error-ring`) | `@layer base` (`:root` and `.dark-mode`) | The app's `@layer base` |
163
+ | Token | Where it comes from | Override with |
164
+ | ------------------------------------------------------------------------- | ---------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
165
+ | Colors (`--color-{surface,content,primary,error,warning,success,info}-*`) | `--w-*` variables in `tokens.css` | Redeclare the `--w-*` variables (see [Custom palette](#custom-palette)), so PrimeVue components and Tailwind utilities stay in sync |
166
+ | Fonts (`--font-display`, `--font-serif`, `--font-mono`) | `@theme static` | The app's `@theme` block |
167
+ | Radii (`--radius-{sm,md,lg,xl,2xl,pill}`) | `@theme static` | The app's `@theme` block |
168
+ | Focus/error rings (`--color-focus-ring`, `--color-error-ring`) | `@layer base` (`:root` and `.dark-mode`) | The app's `@layer base` |
158
169
 
159
170
  ```css
160
171
  /* app main.css */
@@ -177,7 +188,37 @@ Everything in `tailwind.css` can be overridden from the app's own stylesheet, **
177
188
  }
178
189
  ```
179
190
 
180
- Avoid overriding a color token in `@theme` directly: Tailwind utilities would change while PrimeVue components keep the preset's color. Fonts and radii are declared `static` so they're always emitted, even when only component styles read them through `var()`. The fonts themselves aren't loaded by the package; load them in the app (e.g. `@nuxt/fonts`).
191
+ Avoid overriding a color token in `@theme` directly: Tailwind utilities would change while PrimeVue components keep the old color. Change the `--w-*` variable instead. Fonts and radii are declared `static` so they're always emitted, even when only component styles read them through `var()`. The fonts themselves aren't loaded by the package; load them in the app (e.g. `@nuxt/fonts`).
192
+
193
+ ### Custom palette
194
+
195
+ The palette lives in plain CSS variables, so any app can rebrand `@welldot/vue` with a few lines of CSS loaded after the package's stylesheet. No JavaScript is involved, and one change reaches both the PrimeVue components and the Tailwind utilities (`bg-primary-500`, `text-content-0`, …).
196
+
197
+ ```css
198
+ /* app main.css */
199
+ @import 'tailwindcss';
200
+ @import 'tailwindcss-primeui';
201
+ @import '@welldot/vue/tailwind.css'; /* or '@welldot/vue/tokens.css' without PrimeVue */
202
+
203
+ :root {
204
+ --w-primary-500: #0a7d5a;
205
+ --w-primary-600: #086a4c;
206
+ /* … the other steps you use */
207
+ }
208
+
209
+ .dark-mode {
210
+ --w-surface-0: #0b1410;
211
+ --w-content-0: #f4faf7;
212
+ /* … */
213
+ }
214
+ ```
215
+
216
+ - **Names:** `--w-{surface,content}-{0,50,100,…,900,950}` and `--w-{primary,success,info,warning,error}-{50,100,…,900,950}`. See [`src/theme/tokens.css`](src/theme/tokens.css) for the defaults.
217
+ - **Dark mode:** only surface and content change between light and dark (they mirror each other: `surface-0` is the page, `content-0` the main text). The other palettes need just the `:root` value.
218
+ - **Surface and content come in pairs:** whenever you redeclare a `--w-surface-*` or `--w-content-*` step in `:root`, redeclare it in `.dark-mode` too, in a rule placed after your `:root` rule. Both selectors match `<html>` with the same specificity, so a lone `:root` override would also win in dark mode (e.g. a light page background under white dark-mode text).
219
+ - **Order:** your rules have the same specificity as the package's, so they must load after it.
220
+ - **No layers:** `tokens.css` is unlayered, and unlayered CSS beats any `@layer`, so write the `--w-*` overrides outside `@layer` (not in `@layer base` like the rings above), or they are silently ignored.
221
+ - Use [`defineWelldotTheme`](#overriding-the-theme) for component-level tweaks (padding, radius, a component's own colors), not for the palette.
181
222
 
182
223
  ---
183
224
 
@@ -498,14 +539,14 @@ DD/DMS toggle, latitude/longitude inputs, optional elevation and the map. `v-mod
498
539
 
499
540
  `@welldot/vue/theme` exports:
500
541
 
501
- - `WelldotPreset`: `{ preset, options }` for PrimeVue's `theme` option (prefix `w`, dark mode on `.dark-mode`, CSS layer `primevue`);
542
+ - `WelldotPreset`: `{ preset, options }` for PrimeVue's `theme` option (prefix `p`, dark mode on `.dark-mode`, CSS layer `primevue`). Its palettes point at the `--w-*` variables of `tokens.css`;
502
543
  - `welldotPt`: the global pass-through (filled inputs, full-width fields, …).
503
544
 
504
545
  ```ts
505
546
  app.use(PrimeVue, { theme: WelldotPreset, pt: welldotPt });
506
547
  ```
507
548
 
508
- Toggle dark mode with the `dark-mode` class on `<html>`.
549
+ The preset holds no color values: load `@welldot/vue/tailwind.css` or `@welldot/vue/tokens.css` alongside it, or PrimeVue components render with no colors. Toggle dark mode with the `dark-mode` class on `<html>`.
509
550
 
510
551
  ### Overriding the theme
511
552
 
@@ -514,15 +555,15 @@ Toggle dark mode with the `dark-mode` class on `<html>`.
514
555
  - Plain objects merge key by key, so you only write what changes.
515
556
  - Any other value you set wins: a PT section given as a class string or a function **replaces** the default's (it is not combined with it).
516
557
  - Arrays are concatenated.
517
- - Keep `options.prefix` at `w`: the Tailwind tokens read PrimeVue's `--w-*` variables.
558
+ - Change colors in CSS ([Custom palette](#custom-palette)), not through the preset: a palette set here would reach PrimeVue but not the Tailwind utilities.
559
+ - Keep `options.darkModeSelector` at `.dark-mode`: the dark values in `tokens.css` switch on that class.
518
560
 
519
561
  ```ts
520
562
  import { defineWelldotPt, defineWelldotTheme } from '@welldot/vue/theme';
521
563
 
522
564
  app.use(PrimeVue, {
523
565
  theme: defineWelldotTheme({
524
- preset: { semantic: { primary: { 500: '#0f766e' } } },
525
- options: { darkModeSelector: '.night' },
566
+ preset: { components: { dialog: { borderRadius: '0.5rem' } } },
526
567
  }),
527
568
  pt: defineWelldotPt({ tabpanels: { root: 'p-0' } }),
528
569
  });
package/dist/tailwind.css CHANGED
@@ -1,6 +1,7 @@
1
1
  /*
2
- * @welldot/vue — Tailwind CSS 4 layer: theme tokens, dark variant, base
3
- * layer, the data grid's global styles and the components' own styles.
2
+ * @welldot/vue — Tailwind CSS 4 layer: color tokens, theme (dark variant,
3
+ * fonts, radii, base layer), the data grid's global styles and the
4
+ * components' own styles.
4
5
  *
5
6
  * Import it from the app's main stylesheet, after Tailwind itself, so the
6
7
  * tokens join the app's Tailwind compilation:
@@ -10,151 +11,13 @@
10
11
  * @import '@welldot/vue/tailwind.css';
11
12
  *
12
13
  * The relative imports and `@source` below resolve against `dist/`, where
13
- * this file ships next to `grid.css` and `style.css` (see vite.config.ts).
14
+ * this file ships next to `grid.css`, `style.css`, `tokens.css` and
15
+ * `theme.css` (see vite.config.ts).
14
16
  */
15
17
  @import './grid.css';
16
18
  @import './style.css';
19
+ @import './tokens.css';
20
+ @import './theme.css';
17
21
 
18
22
  /* Scan the package's built JS so its utility classes are generated. */
19
23
  @source './**/*.js';
20
-
21
- @custom-variant dark (&:where(.dark-mode, .dark-mode *));
22
-
23
- @theme {
24
- /* Surface — resolved from PrimeVue CSS vars (flips per mode) */
25
- --color-surface-0: var(--w-surface-0);
26
- --color-surface-50: var(--w-surface-50);
27
- --color-surface-100: var(--w-surface-100);
28
- --color-surface-200: var(--w-surface-200);
29
- --color-surface-300: var(--w-surface-300);
30
- --color-surface-400: var(--w-surface-400);
31
- --color-surface-500: var(--w-surface-500);
32
- --color-surface-600: var(--w-surface-600);
33
- --color-surface-700: var(--w-surface-700);
34
- --color-surface-800: var(--w-surface-800);
35
- --color-surface-900: var(--w-surface-900);
36
- --color-surface-950: var(--w-surface-950);
37
-
38
- /* Content — mirror of surface, flips per mode */
39
- --color-content-0: var(--w-content-0);
40
- --color-content-50: var(--w-content-50);
41
- --color-content-100: var(--w-content-100);
42
- --color-content-200: var(--w-content-200);
43
- --color-content-300: var(--w-content-300);
44
- --color-content-400: var(--w-content-400);
45
- --color-content-500: var(--w-content-500);
46
- --color-content-600: var(--w-content-600);
47
- --color-content-700: var(--w-content-700);
48
- --color-content-800: var(--w-content-800);
49
- --color-content-900: var(--w-content-900);
50
- --color-content-950: var(--w-content-950);
51
-
52
- /* Primary — explicitly mapped so bg-primary-* / text-primary-* work */
53
- --color-primary-50: var(--w-primary-50);
54
- --color-primary-100: var(--w-primary-100);
55
- --color-primary-200: var(--w-primary-200);
56
- --color-primary-300: var(--w-primary-300);
57
- --color-primary-400: var(--w-primary-400);
58
- --color-primary-500: var(--w-primary-500);
59
- --color-primary-600: var(--w-primary-600);
60
- --color-primary-700: var(--w-primary-700);
61
- --color-primary-800: var(--w-primary-800);
62
- --color-primary-900: var(--w-primary-900);
63
- --color-primary-950: var(--w-primary-950);
64
-
65
- /* Error — explicitly mapped so bg-error-* / text-error-* / ring-error-* work */
66
- --color-error-50: var(--w-error-50);
67
- --color-error-100: var(--w-error-100);
68
- --color-error-200: var(--w-error-200);
69
- --color-error-300: var(--w-error-300);
70
- --color-error-400: var(--w-error-400);
71
- --color-error-500: var(--w-error-500);
72
- --color-error-600: var(--w-error-600);
73
- --color-error-700: var(--w-error-700);
74
- --color-error-800: var(--w-error-800);
75
- --color-error-900: var(--w-error-900);
76
- --color-error-950: var(--w-error-950);
77
-
78
- /* Warning */
79
- --color-warning-50: var(--w-warning-50);
80
- --color-warning-100: var(--w-warning-100);
81
- --color-warning-200: var(--w-warning-200);
82
- --color-warning-300: var(--w-warning-300);
83
- --color-warning-400: var(--w-warning-400);
84
- --color-warning-500: var(--w-warning-500);
85
- --color-warning-600: var(--w-warning-600);
86
- --color-warning-700: var(--w-warning-700);
87
- --color-warning-800: var(--w-warning-800);
88
- --color-warning-900: var(--w-warning-900);
89
- --color-warning-950: var(--w-warning-950);
90
-
91
- /* Success */
92
- --color-success-50: var(--w-success-50);
93
- --color-success-100: var(--w-success-100);
94
- --color-success-200: var(--w-success-200);
95
- --color-success-300: var(--w-success-300);
96
- --color-success-400: var(--w-success-400);
97
- --color-success-500: var(--w-success-500);
98
- --color-success-600: var(--w-success-600);
99
- --color-success-700: var(--w-success-700);
100
- --color-success-800: var(--w-success-800);
101
- --color-success-900: var(--w-success-900);
102
- --color-success-950: var(--w-success-950);
103
-
104
- /* Info */
105
- --color-info-50: var(--w-info-50);
106
- --color-info-100: var(--w-info-100);
107
- --color-info-200: var(--w-info-200);
108
- --color-info-300: var(--w-info-300);
109
- --color-info-400: var(--w-info-400);
110
- --color-info-500: var(--w-info-500);
111
- --color-info-600: var(--w-info-600);
112
- --color-info-700: var(--w-info-700);
113
- --color-info-800: var(--w-info-800);
114
- --color-info-900: var(--w-info-900);
115
- --color-info-950: var(--w-info-950);
116
- }
117
-
118
- /*
119
- * Fonts and radii are read through var() from component styles Tailwind
120
- * doesn't scan, so `static` always emits them (unused theme variables are
121
- * otherwise dropped). Override any of them in the app's own `@theme` block,
122
- * after importing this file.
123
- */
124
- @theme static {
125
- /* Typography families — TW v4 convention: --font-{name} → font-{name} utility */
126
- --font-display: 'Space Grotesk', system-ui, sans-serif;
127
- --font-serif: 'IBM Plex Serif', Georgia, serif;
128
- --font-mono: 'JetBrains Mono', ui-monospace, monospace;
129
-
130
- /* Legacy names kept for CSS var usage */
131
- --font-family-display: var(--font-display);
132
- --font-family-serif: var(--font-serif);
133
- --font-family-mono: var(--font-mono);
134
-
135
- /* Border radius tokens (also drive rounded-{sm…2xl,pill}) */
136
- --radius-sm: 6px;
137
- --radius-md: 8px;
138
- --radius-lg: 12px;
139
- --radius-xl: 14px;
140
- --radius-2xl: 16px;
141
- --radius-pill: 999px;
142
- }
143
-
144
- /*
145
- * Focus/error rings switch shade with the color scheme, so they live in the
146
- * base layer. Override them in the app's own `@layer base` (`:root` and
147
- * `.dark-mode`), after importing this file.
148
- */
149
- @layer base {
150
- :root {
151
- /* Input cell rings — lighter accent shades in dark mode */
152
- --color-focus-ring: var(--color-primary-500);
153
- --color-error-ring: var(--color-error-500);
154
- }
155
-
156
- .dark-mode {
157
- --color-focus-ring: var(--color-primary-300);
158
- --color-error-ring: var(--color-error-300);
159
- }
160
- }
package/dist/theme/define.d.ts CHANGED
@@ -18,8 +18,8 @@ export interface WelldotThemeOverrides {
18
18
  * merge key by key, any other value set in `overrides` wins, arrays are
19
19
  * concatenated). The defaults are never mutated.
20
20
  *
21
- * Changing `options.prefix` breaks `@welldot/vue/tailwind.css`, whose tokens
22
- * read PrimeVue's `--w-*` variables.
21
+ * Colors come from the `--w-*` variables of `@welldot/vue/tokens.css`; override
22
+ * them there, in CSS, not through the preset, so PrimeVue and Tailwind agree.
23
23
  *
24
24
  * @example
25
25
  * app.use(PrimeVue, {
package/dist/theme/define.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"define.js","names":[],"sources":["../../src/theme/define.ts"],"sourcesContent":["import type { Preset } from '@primeuix/themes/types';\nimport { defu } from 'defu';\nimport type { PrimeVuePTOptions } from 'primevue/config';\nimport { WelldotPreset } from './preset';\nimport { welldotPt } from './pt';\n\ntype DeepPartial<T> = T extends (...args: never[]) => unknown\n ? T\n : T extends object\n ? { [K in keyof T]?: DeepPartial<T[K]> }\n : T;\n\n/** PrimeVue `theme` option shape: `{ preset, options }`. */\nexport type WelldotTheme = typeof WelldotPreset;\n\n/** Overrides merged onto `WelldotPreset` by `defineWelldotTheme`. */\nexport interface WelldotThemeOverrides {\n /** Design tokens (`primitive`, `semantic`, `components`…) */\n preset?: DeepPartial<Preset> & Record<string, unknown>;\n /** Theme options (`prefix`, `darkModeSelector`, `cssLayer`) */\n options?: DeepPartial<WelldotTheme['options']>;\n}\n\n/**\n * `WelldotPreset` with `overrides` deep-merged on top (`defu`: plain objects\n * merge key by key, any other value set in `overrides` wins, arrays are\n * concatenated). The defaults are never mutated.\n *\n * Changing `options.prefix` breaks `@welldot/vue/tailwind.css`, whose tokens\n * read PrimeVue's `--w-*` variables.\n *\n * @example\n * app.use(PrimeVue, {\n * theme: defineWelldotTheme({\n * preset: { components: { tabs: { tab: { padding: '0.5rem 1rem' } } } },\n * }),\n * })\n */\nexport function defineWelldotTheme(\n overrides: WelldotThemeOverrides = {},\n): WelldotTheme {\n return defu(overrides, WelldotPreset) as WelldotTheme;\n}\n\n/**\n * `welldotPt` with `overrides` deep-merged on top, per component and section.\n * A section set in `overrides` replaces the default (a class string or a\n * function is not combined with the default's); nested sections merge.\n *\n * @example\n * app.use(PrimeVue, {\n * pt: defineWelldotPt({ tabpanels: { root: 'p-0' } }),\n * })\n */\nexport function defineWelldotPt(\n overrides: PrimeVuePTOptions = {},\n): PrimeVuePTOptions {\n return defu(\n overrides as Record<string, unknown>,\n welldotPt as Record<string, unknown>,\n ) as PrimeVuePTOptions;\n}\n"],"mappings":";;;;AAsCA,SAAgB,EACd,IAAmC,EAAE,EACvB;AACd,QAAO,EAAK,GAAW,EAAc;;AAavC,SAAgB,EACd,IAA+B,EAAE,EACd;AACnB,QAAO,EACL,GACA,EACD"}
1
+ {"version":3,"file":"define.js","names":[],"sources":["../../src/theme/define.ts"],"sourcesContent":["import type { Preset } from '@primeuix/themes/types';\nimport { defu } from 'defu';\nimport type { PrimeVuePTOptions } from 'primevue/config';\nimport { WelldotPreset } from './preset';\nimport { welldotPt } from './pt';\n\ntype DeepPartial<T> = T extends (...args: never[]) => unknown\n ? T\n : T extends object\n ? { [K in keyof T]?: DeepPartial<T[K]> }\n : T;\n\n/** PrimeVue `theme` option shape: `{ preset, options }`. */\nexport type WelldotTheme = typeof WelldotPreset;\n\n/** Overrides merged onto `WelldotPreset` by `defineWelldotTheme`. */\nexport interface WelldotThemeOverrides {\n /** Design tokens (`primitive`, `semantic`, `components`…) */\n preset?: DeepPartial<Preset> & Record<string, unknown>;\n /** Theme options (`prefix`, `darkModeSelector`, `cssLayer`) */\n options?: DeepPartial<WelldotTheme['options']>;\n}\n\n/**\n * `WelldotPreset` with `overrides` deep-merged on top (`defu`: plain objects\n * merge key by key, any other value set in `overrides` wins, arrays are\n * concatenated). The defaults are never mutated.\n *\n * Colors come from the `--w-*` variables of `@welldot/vue/tokens.css`; override\n * them there, in CSS, not through the preset, so PrimeVue and Tailwind agree.\n *\n * @example\n * app.use(PrimeVue, {\n * theme: defineWelldotTheme({\n * preset: { components: { tabs: { tab: { padding: '0.5rem 1rem' } } } },\n * }),\n * })\n */\nexport function defineWelldotTheme(\n overrides: WelldotThemeOverrides = {},\n): WelldotTheme {\n return defu(overrides, WelldotPreset) as WelldotTheme;\n}\n\n/**\n * `welldotPt` with `overrides` deep-merged on top, per component and section.\n * A section set in `overrides` replaces the default (a class string or a\n * function is not combined with the default's); nested sections merge.\n *\n * @example\n * app.use(PrimeVue, {\n * pt: defineWelldotPt({ tabpanels: { root: 'p-0' } }),\n * })\n */\nexport function defineWelldotPt(\n overrides: PrimeVuePTOptions = {},\n): PrimeVuePTOptions {\n return defu(\n overrides as Record<string, unknown>,\n welldotPt as Record<string, unknown>,\n ) as PrimeVuePTOptions;\n}\n"],"mappings":";;;;AAsCA,SAAgB,EACd,IAAmC,EAAE,EACvB;AACd,QAAO,EAAK,GAAW,EAAc;;AAavC,SAAgB,EACd,IAA+B,EAAE,EACd;AACnB,QAAO,EACL,GACA,EACD"}
package/dist/theme/preset.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/theme/preset.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,MAAM,EAAE,MAAM,wBAAwB,CAAC;AA+hC7E;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAUzB,CAAC"}
1
+ {"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/theme/preset.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAy7B7E;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAUzB,CAAC"}
package/dist/theme/preset.js CHANGED
@@ -1,104 +1,35 @@
1
1
  import { definePreset as e } from "@primeuix/themes";
2
2
  import t from "@primeuix/themes/aura";
3
3
  //#region src/theme/preset.ts
4
- var n = {
5
- 0: "#ffffff",
6
- 50: "#f7f8fa",
7
- 100: "#eef0f3",
8
- 200: "#d8dde3",
9
- 300: "#b9c0c8",
10
- 400: "#7888a0",
11
- 500: "#4f5d75",
12
- 600: "#3d4a60",
13
- 700: "#2a3344",
14
- 800: "#1a2230",
15
- 900: "#131922",
16
- 950: "#0d1218"
17
- }, r = {
18
- 0: "#0d1218",
19
- 50: "#131922",
20
- 100: "#1a2230",
21
- 200: "#2a3344",
22
- 300: "#3d4a60",
23
- 400: "#4f5d75",
24
- 500: "#7888a0",
25
- 600: "#b9c0c8",
26
- 700: "#d8dde3",
27
- 800: "#eef0f3",
28
- 900: "#f7f8fa",
29
- 950: "#ffffff"
30
- }, i = {
4
+ var n = [
5
+ 0,
6
+ 50,
7
+ 100,
8
+ 200,
9
+ 300,
10
+ 400,
11
+ 500,
12
+ 600,
13
+ 700,
14
+ 800,
15
+ 900,
16
+ 950
17
+ ], r = n.slice(1);
18
+ function i(e, t) {
19
+ return Object.fromEntries(t.map((t) => [t, `var(--w-${e}-${t})`]));
20
+ }
21
+ var a = i("surface", n), o = i("content", n), s = {
31
22
  preset: e(t, {
32
23
  primitive: {
33
- surface: n,
34
- content: r
24
+ surface: a,
25
+ content: o
35
26
  },
36
27
  semantic: {
37
- primary: {
38
- 50: "#f0f5fc",
39
- 100: "#dde9f8",
40
- 200: "#bdd1f1",
41
- 300: "#92b1e6",
42
- 400: "#5d86d2",
43
- 500: "#2f5fae",
44
- 600: "#29539b",
45
- 700: "#22427d",
46
- 800: "#1a325f",
47
- 900: "#112343",
48
- 950: "#0a172e"
49
- },
50
- error: {
51
- 50: "oklch(97% 0.02 25)",
52
- 100: "oklch(94% 0.05 25)",
53
- 200: "oklch(85% 0.11 25)",
54
- 300: "oklch(72% 0.17 25)",
55
- 400: "oklch(61% 0.19 25)",
56
- 500: "oklch(50% 0.20 25)",
57
- 600: "oklch(43% 0.19 25)",
58
- 700: "oklch(36% 0.17 25)",
59
- 800: "oklch(29% 0.14 25)",
60
- 900: "oklch(23% 0.11 25)",
61
- 950: "oklch(17% 0.08 25)"
62
- },
63
- warning: {
64
- 50: "oklch(97% 0.02 75)",
65
- 100: "oklch(94% 0.05 75)",
66
- 200: "oklch(85% 0.11 75)",
67
- 300: "oklch(72% 0.17 75)",
68
- 400: "oklch(61% 0.19 75)",
69
- 500: "oklch(50% 0.20 75)",
70
- 600: "oklch(43% 0.19 75)",
71
- 700: "oklch(36% 0.17 75)",
72
- 800: "oklch(29% 0.14 75)",
73
- 900: "oklch(23% 0.11 75)",
74
- 950: "oklch(17% 0.08 75)"
75
- },
76
- success: {
77
- 50: "oklch(97% 0.02 145)",
78
- 100: "oklch(94% 0.05 145)",
79
- 200: "oklch(85% 0.11 145)",
80
- 300: "oklch(72% 0.17 145)",
81
- 400: "oklch(61% 0.19 145)",
82
- 500: "oklch(50% 0.20 145)",
83
- 600: "oklch(43% 0.19 145)",
84
- 700: "oklch(36% 0.17 145)",
85
- 800: "oklch(29% 0.14 145)",
86
- 900: "oklch(23% 0.11 145)",
87
- 950: "oklch(17% 0.08 145)"
88
- },
89
- info: {
90
- 50: "oklch(97% 0.02 235)",
91
- 100: "oklch(94% 0.05 235)",
92
- 200: "oklch(85% 0.11 235)",
93
- 300: "oklch(72% 0.17 235)",
94
- 400: "oklch(61% 0.19 235)",
95
- 500: "oklch(50% 0.20 235)",
96
- 600: "oklch(43% 0.19 235)",
97
- 700: "oklch(36% 0.17 235)",
98
- 800: "oklch(29% 0.14 235)",
99
- 900: "oklch(23% 0.11 235)",
100
- 950: "oklch(17% 0.08 235)"
101
- },
28
+ primary: i("primary", r),
29
+ error: i("error", r),
30
+ warning: i("warning", r),
31
+ success: i("success", r),
32
+ info: i("info", r),
102
33
  colorScheme: {
103
34
  light: {
104
35
  primary: {
@@ -107,8 +38,8 @@ var n = {
107
38
  hoverColor: "{primary.500}",
108
39
  activeColor: "{primary.600}"
109
40
  },
110
- surface: n,
111
- content: r,
41
+ surface: a,
42
+ content: o,
112
43
  text: {
113
44
  color: "{content.0}",
114
45
  hoverColor: "{content.50}",
@@ -144,34 +75,8 @@ var n = {
144
75
  hoverColor: "{primary.600}",
145
76
  activeColor: "{primary.500}"
146
77
  },
147
- surface: {
148
- 0: "#0d1218",
149
- 50: "#131922",
150
- 100: "#1a2230",
151
- 200: "#2a3344",
152
- 300: "#3d4a60",
153
- 400: "#4f5d75",
154
- 500: "#7888a0",
155
- 600: "#b9c0c8",
156
- 700: "#d8dde3",
157
- 800: "#eef0f3",
158
- 900: "#f7f8fa",
159
- 950: "#ffffff"
160
- },
161
- content: {
162
- 0: "#ffffff",
163
- 50: "#f7f8fa",
164
- 100: "#eef0f3",
165
- 200: "#d8dde3",
166
- 300: "#b9c0c8",
167
- 400: "#7888a0",
168
- 500: "#4f5d75",
169
- 600: "#3d4a60",
170
- 700: "#2a3344",
171
- 800: "#1a2230",
172
- 900: "#131922",
173
- 950: "#0d1218"
174
- },
78
+ surface: a,
79
+ content: o,
175
80
  text: {
176
81
  color: "{content.0}",
177
82
  hoverColor: "{content.50}",
@@ -963,7 +868,7 @@ var n = {
963
868
  }
964
869
  }),
965
870
  options: {
966
- prefix: "w",
871
+ prefix: "p",
967
872
  darkModeSelector: ".dark-mode",
968
873
  cssLayer: {
969
874
  name: "primevue",
@@ -972,6 +877,6 @@ var n = {
972
877
  }
973
878
  };
974
879
  //#endregion
975
- export { i as WelldotPreset };
880
+ export { s as WelldotPreset };
976
881
 
977
882
  //# sourceMappingURL=preset.js.map
package/dist/theme/preset.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"preset.js","names":[],"sources":["../../src/theme/preset.ts"],"sourcesContent":["import { definePreset } from '@primeuix/themes';\nimport Aura from '@primeuix/themes/aura';\nimport type { ComponentsDesignTokens, Preset } from '@primeuix/themes/types';\n\n// Cool-slate surface scale (blue-tinted neutrals, light → dark)\nconst surfaceLight = {\n 0: '#ffffff',\n 50: '#f7f8fa',\n 100: '#eef0f3',\n 200: '#d8dde3',\n 300: '#b9c0c8',\n 400: '#7888a0',\n 500: '#4f5d75',\n 600: '#3d4a60',\n 700: '#2a3344',\n 800: '#1a2230',\n 900: '#131922',\n 950: '#0d1218',\n};\n\n// Mirror scale: same hue/chroma, inverted lightness (step N = surfaceLight[950-N])\nconst contentLight = {\n 0: '#0d1218',\n 50: '#131922',\n 100: '#1a2230',\n 200: '#2a3344',\n 300: '#3d4a60',\n 400: '#4f5d75',\n 500: '#7888a0',\n 600: '#b9c0c8',\n 700: '#d8dde3',\n 800: '#eef0f3',\n 900: '#f7f8fa',\n 950: '#ffffff',\n};\n\n// Dark mode: both scales fully inverted so {surface.0} stays the ground\n// and {content.0} stays the primary text — same token references work in both modes\nconst surfaceDark = {\n 0: '#0d1218',\n 50: '#131922',\n 100: '#1a2230',\n 200: '#2a3344',\n 300: '#3d4a60',\n 400: '#4f5d75',\n 500: '#7888a0',\n 600: '#b9c0c8',\n 700: '#d8dde3',\n 800: '#eef0f3',\n 900: '#f7f8fa',\n 950: '#ffffff',\n};\n\nconst contentDark = {\n 0: '#ffffff',\n 50: '#f7f8fa',\n 100: '#eef0f3',\n 200: '#d8dde3',\n 300: '#b9c0c8',\n 400: '#7888a0',\n 500: '#4f5d75',\n 600: '#3d4a60',\n 700: '#2a3344',\n 800: '#1a2230',\n 900: '#131922',\n 950: '#0d1218',\n};\n\nconst WelldotAuraPreset = definePreset(Aura, {\n primitive: {\n surface: surfaceLight,\n content: contentLight,\n },\n\n semantic: {\n primary: {\n 50: '#f0f5fc',\n 100: '#dde9f8',\n 200: '#bdd1f1',\n 300: '#92b1e6',\n 400: '#5d86d2',\n 500: '#2f5fae',\n 600: '#29539b',\n 700: '#22427d',\n 800: '#1a325f',\n 900: '#112343',\n 950: '#0a172e',\n },\n error: {\n 50: 'oklch(97% 0.02 25)',\n 100: 'oklch(94% 0.05 25)',\n 200: 'oklch(85% 0.11 25)',\n 300: 'oklch(72% 0.17 25)',\n 400: 'oklch(61% 0.19 25)',\n 500: 'oklch(50% 0.20 25)',\n 600: 'oklch(43% 0.19 25)',\n 700: 'oklch(36% 0.17 25)',\n 800: 'oklch(29% 0.14 25)',\n 900: 'oklch(23% 0.11 25)',\n 950: 'oklch(17% 0.08 25)',\n },\n warning: {\n 50: 'oklch(97% 0.02 75)',\n 100: 'oklch(94% 0.05 75)',\n 200: 'oklch(85% 0.11 75)',\n 300: 'oklch(72% 0.17 75)',\n 400: 'oklch(61% 0.19 75)',\n 500: 'oklch(50% 0.20 75)',\n 600: 'oklch(43% 0.19 75)',\n 700: 'oklch(36% 0.17 75)',\n 800: 'oklch(29% 0.14 75)',\n 900: 'oklch(23% 0.11 75)',\n 950: 'oklch(17% 0.08 75)',\n },\n success: {\n 50: 'oklch(97% 0.02 145)',\n 100: 'oklch(94% 0.05 145)',\n 200: 'oklch(85% 0.11 145)',\n 300: 'oklch(72% 0.17 145)',\n 400: 'oklch(61% 0.19 145)',\n 500: 'oklch(50% 0.20 145)',\n 600: 'oklch(43% 0.19 145)',\n 700: 'oklch(36% 0.17 145)',\n 800: 'oklch(29% 0.14 145)',\n 900: 'oklch(23% 0.11 145)',\n 950: 'oklch(17% 0.08 145)',\n },\n info: {\n 50: 'oklch(97% 0.02 235)',\n 100: 'oklch(94% 0.05 235)',\n 200: 'oklch(85% 0.11 235)',\n 300: 'oklch(72% 0.17 235)',\n 400: 'oklch(61% 0.19 235)',\n 500: 'oklch(50% 0.20 235)',\n 600: 'oklch(43% 0.19 235)',\n 700: 'oklch(36% 0.17 235)',\n 800: 'oklch(29% 0.14 235)',\n 900: 'oklch(23% 0.11 235)',\n 950: 'oklch(17% 0.08 235)',\n },\n colorScheme: {\n light: {\n primary: {\n color: '{primary.600}',\n inverseColor: '{content.0}',\n hoverColor: '{primary.500}',\n activeColor: '{primary.600}',\n },\n surface: surfaceLight,\n content: contentLight,\n text: {\n color: '{content.0}',\n hoverColor: '{content.50}',\n mutedColor: '{content.400}',\n hoverMutedColor: '{content.300}',\n },\n formField: {\n fontSize: '0.9375rem',\n focusBorderColor: 'none',\n color: '{content.0}',\n background: '{surface.0}',\n borderColor: 'none',\n filledBackground: 'transparent',\n filledHoverBackground: 'transparent',\n filledFocusBackground: 'transparent',\n disabledBackground: '{surface.50}',\n disabledColor: '{content.500}',\n hoverBorderColor: 'none',\n invalidBorderColor: '{error.500}',\n invalidPlaceholderColor: '{content.500}',\n placeholderColor: '{content.500}',\n floatLabelColor: '{content.200}',\n floatLabelFocusColor: '{primary.500}',\n floatLabelInvalidColor: '{red.400}',\n iconColor: '{content.50}',\n shadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',\n },\n },\n dark: {\n primary: {\n color: '{primary.500}',\n inverseColor: '{content.0}',\n hoverColor: '{primary.600}',\n activeColor: '{primary.500}',\n },\n surface: surfaceDark,\n content: contentDark,\n text: {\n color: '{content.0}',\n hoverColor: '{content.50}',\n mutedColor: '{content.400}',\n hoverMutedColor: '{content.300}',\n },\n formField: {\n focusBorderColor: 'none',\n color: '{content.0}',\n background: '{surface.0}',\n borderColor: 'none',\n filledBackground: 'transparent',\n filledHoverBackground: '{surface.200}',\n filledFocusBackground: '{surface.100}',\n disabledBackground: '{surface.50}',\n disabledColor: '{content.400}',\n hoverBorderColor: 'none',\n invalidBorderColor: 'none',\n invalidPlaceholderColor: '{content.0}',\n placeholderColor: '{content.400}',\n floatLabelColor: '{content.200}',\n floatLabelFocusColor: '{primary.500}',\n floatLabelInvalidColor: '{red.400}',\n iconColor: '{content.50}',\n shadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',\n },\n },\n },\n },\n\n components: {\n dialog: {\n borderRadius: '1rem',\n header: {\n padding: '1.25rem 1.5rem 1rem',\n },\n title: {\n fontSize: '1.25rem',\n fontWeight: '700',\n },\n content: {\n padding: '0 1.5rem 1.5rem',\n },\n colorScheme: {\n light: {\n root: {\n background: '{surface.0}',\n borderColor: 'color-mix(in srgb, {content.700} 50%, transparent)',\n color: '{content.0}',\n shadow:\n '0 24px 64px -8px rgba(14, 30, 51, 0.18), 0 2px 16px -2px rgba(14, 30, 51, 0.08)',\n },\n },\n dark: {\n root: {\n background: 'color-mix(in srgb, {surface.50} 88%, transparent)',\n borderColor: 'color-mix(in srgb, {content.700} 60%, transparent)',\n color: '{content.0}',\n shadow:\n '0 24px 64px -8px rgba(0, 0, 0, 0.60), 0 2px 16px -2px rgba(0, 0, 0, 0.40)',\n },\n },\n },\n },\n drawer: {\n header: {\n padding: '1rem 1.25rem',\n },\n title: {\n fontSize: '0.9375rem',\n fontWeight: '600',\n },\n content: {\n padding: '0.5rem 1.25rem 1.25rem',\n },\n footer: {\n padding: '1rem 1.25rem',\n },\n colorScheme: {\n light: {\n root: {\n background: 'rgba(255, 255, 255, 0.92)',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '-20px 0 48px -8px rgba(14, 30, 51, 0.14), -2px 0 8px -2px rgba(14, 30, 51, 0.06)',\n },\n },\n dark: {\n root: {\n background: 'rgba(13, 18, 24, 0.88)',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '-20px 0 48px -8px rgba(0, 0, 0, 0.60), -2px 0 8px -2px rgba(0, 0, 0, 0.40)',\n },\n },\n },\n },\n tabs: {\n tablist: {\n borderWidth: '0 0 1px 0',\n borderColor: '{surface.200}',\n background: 'transparent',\n },\n tab: {\n background: 'transparent',\n hoverBackground: 'transparent',\n activeBackground: 'transparent',\n borderWidth: '0',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{content.400}',\n hoverColor: '{content.200}',\n activeColor: '{content.0}',\n padding: '0.875rem 0.25rem',\n fontWeight: '500',\n margin: '0 1.25rem 0 0',\n focus: {\n ring: {\n width: '2px',\n style: 'solid',\n color: '{primary.color}',\n offset: '-2px',\n shadow: 'none',\n },\n },\n },\n tabpanel: {\n background: 'transparent',\n color: '{content.0}',\n padding: '0',\n },\n activeBar: {\n height: '2px',\n bottom: '0px',\n background: '{primary.500}',\n },\n colorScheme: {\n light: {\n activeBar: {\n background: '{primary.600}',\n },\n navButton: {\n background: 'rgba(247, 248, 250, 0.80)',\n color: '{content.400}',\n shadow:\n '0 0 0 1px rgba(216, 221, 227, 0.60), 0 2px 8px rgba(216, 221, 227, 0.40)',\n },\n },\n dark: {\n activeBar: {\n background: '{primary.400}',\n },\n navButton: {\n background: 'rgba(13, 18, 24, 0.80)',\n color: '{content.400}',\n shadow:\n '0 0 0 1px rgba(42, 51, 68, 0.60), 0 2px 8px rgba(42, 51, 68, 0.40)',\n },\n },\n },\n },\n selectbutton: {\n border: {\n radius: '999px',\n },\n },\n select: {\n overlay: {\n borderRadius: '0.75rem',\n },\n colorScheme: {\n light: {\n overlay: {\n background: '{surface.0}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n option: {\n color: '{content.0}',\n focusBackground: '{surface.100}',\n focusColor: '{content.0}',\n selectedBackground: '{primary.50}',\n selectedColor: '{primary.700}',\n selectedFocusBackground: '{primary.100}',\n selectedFocusColor: '{primary.700}',\n },\n },\n dark: {\n overlay: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n option: {\n color: '{content.0}',\n focusBackground: '{surface.200}',\n focusColor: '{content.0}',\n selectedBackground: '{surface.200}',\n selectedColor: '{content.0}',\n selectedFocusBackground: '{surface.300}',\n selectedFocusColor: '{content.0}',\n },\n },\n },\n },\n checkbox: {\n root: {\n borderColor: '{content.600}',\n filledBackground: 'transparent',\n checkedBackground: '{primary.600}',\n },\n icon: {\n checkedColor: '{content.950}',\n checkedHoverColor: '{content.950}',\n color: '{content.950}',\n },\n },\n radiobutton: {\n root: {\n borderColor: '{content.600}',\n hoverBorderColor: '{content.400}',\n },\n },\n datepicker: {\n panel: {\n borderRadius: '0.75rem',\n padding: '0.5rem',\n },\n header: {\n padding: '0.5rem 0.75rem 0.25rem',\n },\n title: {\n fontWeight: '600',\n },\n colorScheme: {\n light: {\n panel: {\n background: '{surface.0}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n header: {\n background: '{surface.0}',\n borderColor: '{surface.100}',\n color: '{content.0}',\n },\n selectMonth: {\n color: '{content.0}',\n hoverBackground: '{surface.100}',\n hoverColor: '{content.0}',\n },\n selectYear: {\n color: '{content.0}',\n hoverBackground: '{surface.100}',\n hoverColor: '{content.0}',\n },\n weekDay: {\n color: '{content.400}',\n },\n date: {\n color: '{content.0}',\n hoverColor: '{content.0}',\n hoverBackground: '{surface.100}',\n selectedBackground: '{primary.600}',\n selectedColor: '{content.950}',\n rangeSelectedBackground: '{primary.100}',\n rangeSelectedColor: '{primary.700}',\n },\n today: {\n background: '{surface.100}',\n color: '{primary.600}',\n },\n buttonbar: {\n borderColor: '{surface.100}',\n },\n },\n dark: {\n panel: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n header: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n },\n selectMonth: {\n color: '{content.0}',\n hoverBackground: '{surface.200}',\n hoverColor: '{content.0}',\n },\n selectYear: {\n color: '{content.0}',\n hoverBackground: '{surface.200}',\n hoverColor: '{content.0}',\n },\n weekDay: {\n color: '{content.400}',\n },\n date: {\n color: '{content.0}',\n hoverColor: '{content.0}',\n hoverBackground: '{surface.200}',\n selectedBackground: '{primary.500}',\n selectedColor: '{content.950}',\n rangeSelectedBackground: '{primary.900}',\n rangeSelectedColor: '{primary.200}',\n },\n today: {\n background: '{surface.200}',\n color: '{primary.400}',\n },\n buttonbar: {\n borderColor: '{surface.200}',\n },\n },\n },\n },\n button: {\n root: {\n borderRadius: '999px',\n paddingX: '1.125rem',\n paddingY: '0.5625rem',\n gap: '0.5rem',\n iconOnlyWidth: '2.5rem',\n label: {\n fontWeight: '600',\n },\n },\n colorScheme: {\n light: {\n root: {\n primary: {\n background:\n 'linear-gradient(180deg, {primary.400}, {primary.600})',\n hoverBackground:\n 'linear-gradient(180deg, {primary.300}, {primary.500})',\n activeBackground:\n 'linear-gradient(180deg, {primary.500}, {primary.700})',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{content.950}',\n hoverColor: '{content.950}',\n activeColor: '{content.950}',\n focusRing: { color: '{primary.500}', shadow: 'none' },\n },\n secondary: {\n background: '{surface.100}',\n hoverBackground: '{surface.200}',\n activeBackground: '{surface.300}',\n borderColor: '{surface.200}',\n hoverBorderColor: '{surface.300}',\n activeBorderColor: '{surface.300}',\n color: '{content.100}',\n hoverColor: '{content.50}',\n activeColor: '{content.0}',\n focusRing: { color: '{content.400}', shadow: 'none' },\n },\n success: {\n background: '{success.500}',\n hoverBackground: '{success.600}',\n activeBackground: '{success.700}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: { color: '{success.500}', shadow: 'none' },\n },\n info: {\n background: '{info.500}',\n hoverBackground: '{info.600}',\n activeBackground: '{info.700}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: { color: '{info.500}', shadow: 'none' },\n },\n warn: {\n background: '{warning.500}',\n hoverBackground: '{warning.600}',\n activeBackground: '{warning.700}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: { color: '{warning.500}', shadow: 'none' },\n },\n danger: {\n background: '{error.500}',\n hoverBackground: '{error.600}',\n activeBackground: '{error.700}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: { color: '{error.500}', shadow: 'none' },\n },\n contrast: {\n background: '{content.0}',\n hoverBackground: '{content.50}',\n activeBackground: '{content.100}',\n borderColor: '{content.0}',\n hoverBorderColor: '{content.0}',\n activeBorderColor: '{content.0}',\n color: '{surface.0}',\n hoverColor: '{surface.0}',\n activeColor: '{surface.0}',\n focusRing: { color: '{content.0}', shadow: 'none' },\n },\n },\n outlined: {\n primary: {\n hoverBackground: '{primary.50}',\n activeBackground: '{primary.100}',\n borderColor: '{primary.200}',\n color: '{primary.600}',\n },\n secondary: {\n hoverBackground: '{surface.50}',\n activeBackground: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.300}',\n },\n success: {\n hoverBackground: '{success.50}',\n activeBackground: '{success.100}',\n borderColor: '{success.200}',\n color: '{success.500}',\n },\n info: {\n hoverBackground: '{info.50}',\n activeBackground: '{info.100}',\n borderColor: '{info.200}',\n color: '{info.500}',\n },\n warn: {\n hoverBackground: '{warning.50}',\n activeBackground: '{warning.100}',\n borderColor: '{warning.200}',\n color: '{warning.500}',\n },\n danger: {\n hoverBackground: '{error.50}',\n activeBackground: '{error.100}',\n borderColor: '{error.200}',\n color: '{error.500}',\n },\n contrast: {\n hoverBackground: '{surface.50}',\n activeBackground: '{surface.100}',\n borderColor: '{content.200}',\n color: '{content.0}',\n },\n },\n text: {\n primary: {\n hoverBackground: '{primary.50}',\n activeBackground: '{primary.100}',\n color: '{primary.600}',\n },\n secondary: {\n hoverBackground: '{surface.50}',\n activeBackground: '{surface.100}',\n color: '{content.300}',\n },\n success: {\n hoverBackground: '{success.50}',\n activeBackground: '{success.100}',\n color: '{success.500}',\n },\n info: {\n hoverBackground: '{info.50}',\n activeBackground: '{info.100}',\n color: '{info.500}',\n },\n warn: {\n hoverBackground: '{warning.50}',\n activeBackground: '{warning.100}',\n color: '{warning.500}',\n },\n danger: {\n hoverBackground: '{error.50}',\n activeBackground: '{error.100}',\n color: '{error.500}',\n },\n contrast: {\n hoverBackground: '{surface.50}',\n activeBackground: '{surface.100}',\n color: '{content.0}',\n },\n },\n link: {\n color: '{primary.600}',\n hoverColor: '{primary.500}',\n activeColor: '{primary.700}',\n },\n },\n dark: {\n root: {\n primary: {\n background:\n 'linear-gradient(180deg, {primary.300}, {primary.500})',\n hoverBackground:\n 'linear-gradient(180deg, {primary.200}, {primary.400})',\n activeBackground:\n 'linear-gradient(180deg, {primary.400}, {primary.600})',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{content.0}',\n hoverColor: '{content.0}',\n activeColor: '{content.0}',\n focusRing: { color: '{primary.400}', shadow: 'none' },\n },\n secondary: {\n background: '{surface.100}',\n hoverBackground: '{surface.200}',\n activeBackground: '{surface.300}',\n borderColor: '{surface.200}',\n hoverBorderColor: '{surface.300}',\n activeBorderColor: '{surface.300}',\n color: '{content.100}',\n hoverColor: '{content.50}',\n activeColor: '{content.0}',\n focusRing: { color: '{content.400}', shadow: 'none' },\n },\n success: {\n background: '{success.400}',\n hoverBackground: '{success.300}',\n activeBackground: '{success.200}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{success.950}',\n hoverColor: '{success.950}',\n activeColor: '{success.950}',\n focusRing: { color: '{success.400}', shadow: 'none' },\n },\n info: {\n background: '{info.400}',\n hoverBackground: '{info.300}',\n activeBackground: '{info.200}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{info.950}',\n hoverColor: '{info.950}',\n activeColor: '{info.950}',\n focusRing: { color: '{info.400}', shadow: 'none' },\n },\n warn: {\n background: '{warning.400}',\n hoverBackground: '{warning.300}',\n activeBackground: '{warning.200}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{warning.950}',\n hoverColor: '{warning.950}',\n activeColor: '{warning.950}',\n focusRing: { color: '{warning.400}', shadow: 'none' },\n },\n danger: {\n background: '{error.400}',\n hoverBackground: '{error.300}',\n activeBackground: '{error.200}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{error.950}',\n hoverColor: '{error.950}',\n activeColor: '{error.950}',\n focusRing: { color: '{error.400}', shadow: 'none' },\n },\n contrast: {\n background: '{content.0}',\n hoverBackground: '{content.50}',\n activeBackground: '{content.100}',\n borderColor: '{content.0}',\n hoverBorderColor: '{content.0}',\n activeBorderColor: '{content.0}',\n color: '{surface.0}',\n hoverColor: '{surface.0}',\n activeColor: '{surface.0}',\n focusRing: { color: '{content.0}', shadow: 'none' },\n },\n },\n outlined: {\n primary: {\n hoverBackground:\n 'color-mix(in srgb, {primary.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {primary.400} 25%, transparent)',\n borderColor: '{primary.700}',\n color: '{primary.400}',\n },\n secondary: {\n hoverBackground: '{surface.100}',\n activeBackground: '{surface.200}',\n borderColor: '{surface.300}',\n color: '{content.200}',\n },\n success: {\n hoverBackground:\n 'color-mix(in srgb, {success.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {success.400} 25%, transparent)',\n borderColor: '{success.700}',\n color: '{success.400}',\n },\n info: {\n hoverBackground:\n 'color-mix(in srgb, {info.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {info.400} 25%, transparent)',\n borderColor: '{info.700}',\n color: '{info.400}',\n },\n warn: {\n hoverBackground:\n 'color-mix(in srgb, {warning.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {warning.400} 25%, transparent)',\n borderColor: '{warning.700}',\n color: '{warning.400}',\n },\n danger: {\n hoverBackground:\n 'color-mix(in srgb, {error.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {error.400} 25%, transparent)',\n borderColor: '{error.700}',\n color: '{error.400}',\n },\n contrast: {\n hoverBackground: '{surface.100}',\n activeBackground: '{surface.200}',\n borderColor: '{content.700}',\n color: '{content.0}',\n },\n },\n text: {\n primary: {\n hoverBackground:\n 'color-mix(in srgb, {primary.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {primary.400} 25%, transparent)',\n color: '{primary.400}',\n },\n secondary: {\n hoverBackground: '{surface.100}',\n activeBackground: '{surface.200}',\n color: '{content.300}',\n },\n success: {\n hoverBackground:\n 'color-mix(in srgb, {success.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {success.400} 25%, transparent)',\n color: '{success.400}',\n },\n info: {\n hoverBackground:\n 'color-mix(in srgb, {info.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {info.400} 25%, transparent)',\n color: '{info.400}',\n },\n warn: {\n hoverBackground:\n 'color-mix(in srgb, {warning.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {warning.400} 25%, transparent)',\n color: '{warning.400}',\n },\n danger: {\n hoverBackground:\n 'color-mix(in srgb, {error.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {error.400} 25%, transparent)',\n color: '{error.400}',\n },\n contrast: {\n hoverBackground: '{surface.100}',\n activeBackground: '{surface.200}',\n color: '{content.0}',\n },\n },\n link: {\n color: '{primary.400}',\n hoverColor: '{primary.300}',\n activeColor: '{primary.500}',\n },\n },\n },\n },\n inputtext: {\n colorScheme: {\n light: {\n root: {\n filledBackground: '{surface.0}',\n filledHoverBackground: '{surface.100}',\n filledFocusBackground: '{surface.50}',\n },\n },\n dark: {\n root: {\n filledBackground: '{surface.200}',\n filledHoverBackground: '{surface.300}',\n filledFocusBackground: '{surface.200}',\n },\n },\n },\n },\n listbox: {\n root: {\n borderRadius: '0.75rem',\n },\n colorScheme: {\n light: {\n root: {\n background: '{surface.0}',\n borderColor: '{surface.200}',\n invalidBorderColor: '{error.500}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n option: {\n color: '{content.0}',\n focusBackground: '{surface.100}',\n focusColor: '{content.0}',\n selectedBackground: '{primary.50}',\n selectedColor: '{primary.700}',\n selectedFocusBackground: '{primary.100}',\n selectedFocusColor: '{primary.700}',\n stripedBackground: '{surface.50}',\n },\n optionGroup: {\n background: 'transparent',\n color: '{content.400}',\n },\n checkmark: {\n color: '{primary.600}',\n },\n },\n dark: {\n root: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n invalidBorderColor: '{error.500}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n option: {\n color: '{content.0}',\n focusBackground: '{surface.200}',\n focusColor: '{content.0}',\n selectedBackground: '{surface.200}',\n selectedColor: '{content.0}',\n selectedFocusBackground: '{surface.300}',\n selectedFocusColor: '{content.0}',\n stripedBackground: '{surface.200}',\n },\n optionGroup: {\n background: 'transparent',\n color: '{content.400}',\n },\n checkmark: {\n color: '{primary.400}',\n },\n },\n },\n },\n popover: {\n root: {\n borderRadius: '0.75rem',\n },\n colorScheme: {\n light: {\n root: {\n background: '{surface.0}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n },\n dark: {\n root: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n },\n },\n },\n tooltip: {\n root: {\n padding: '0.375rem 0.625rem',\n borderRadius: '0.5rem',\n },\n colorScheme: {\n light: {\n root: {\n background: '{surface.0}',\n color: '{content.300}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n },\n dark: {\n root: {\n background: '{surface.100}',\n color: '{content.300}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n },\n },\n css: ({ dt }) => `\n .p-tooltip-text {\n font-size: 0.8125rem;\n line-height: 1.4;\n border: 1px solid ${dt('surface.200')};\n }\n `,\n },\n accordion: {\n colorScheme: {\n light: {\n content: {\n background: '{surface.0}',\n },\n },\n dark: {\n content: {\n background: '{surface.0}',\n },\n },\n },\n },\n } as ComponentsDesignTokens,\n} as Preset);\n\n/**\n * PrimeVue theme configuration for welldot apps — the Aura preset with the\n * cool-slate surface/content scales and the welldot primary palette.\n *\n * @example\n * app.use(PrimeVue, { theme: WelldotPreset, pt: welldotPt })\n */\nexport const WelldotPreset = {\n preset: WelldotAuraPreset,\n options: {\n prefix: 'w',\n darkModeSelector: '.dark-mode',\n cssLayer: {\n name: 'primevue',\n order: 'theme, base, primevue',\n },\n },\n};\n"],"mappings":"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UAAU;IACR,MAAM;KACJ,aAAa;KACb,kBAAkB;KAClB,mBAAmB;KACpB;IACD,MAAM;KACJ,cAAc;KACd,mBAAmB;KACnB,OAAO;KACR;IACF;GACD,aAAa,EACX,MAAM;IACJ,aAAa;IACb,kBAAkB;IACnB,EACF;GACD,YAAY;IACV,OAAO;KACL,cAAc;KACd,SAAS;KACV;IACD,QAAQ,EACN,SAAS,0BACV;IACD,OAAO,EACL,YAAY,OACb;IACD,aAAa;KACX,OAAO;MACL,OAAO;OACL,YAAY;OACZ,aAAa;OACb,OAAO;OACP,QACE;OACH;MACD,QAAQ;OACN,YAAY;OACZ,aAAa;OACb,OAAO;OACR;MACD,aAAa;OACX,OAAO;OACP,iBAAiB;OACjB,YAAY;OACb;MACD,YAAY;OACV,OAAO;OACP,iBAAiB;OACjB,YAAY;OACb;MACD,SAAS,EACP,OAAO,iBACR;MACD,MAAM;OACJ,OAAO;OACP,YAAY;OACZ,iBAAiB;OACjB,oBAAoB;OACpB,eAAe;OACf,yBAAyB;OACzB,oBAAoB;OACrB;MACD,OAAO;OACL,YAAY;OACZ,OAAO;OACR;MACD,WAAW,EACT,aAAa,iBACd;MACF;KACD,MAAM;MACJ,OAAO;OACL,YAAY;OACZ,aAAa;OACb,OAAO;OACP,QACE;OACH;MACD,QAAQ;OACN,YAAY;OACZ,aAAa;OACb,OAAO;OACR;MACD,aAAa;OACX,OAAO;OACP,iBAAiB;OACjB,YAAY;OACb;MACD,YAAY;OACV,OAAO;OACP,iBAAiB;OACjB,YAAY;OACb;MACD,SAAS,EACP,OAAO,iBACR;MACD,MAAM;OACJ,OAAO;OACP,YAAY;OACZ,iBAAiB;OACjB,oBAAoB;OACpB,eAAe;OACf,yBAAyB;OACzB,oBAAoB;OACrB;MACD,OAAO;OACL,YAAY;OACZ,OAAO;OACR;MACD,WAAW,EACT,aAAa,iBACd;MACF;KACF;IACF;GACD,QAAQ;IACN,MAAM;KACJ,cAAc;KACd,UAAU;KACV,UAAU;KACV,KAAK;KACL,eAAe;KACf,OAAO,EACL,YAAY,OACb;KACF;IACD,aAAa;KACX,OAAO;MACL,MAAM;OA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,OAAO;QACR;OACD,MAAM;QACJ,iBACE;QACF,kBACE;QACF,OAAO;QACR;OACD,MAAM;QACJ,iBACE;QACF,kBACE;QACF,OAAO;QACR;OACD,QAAQ;QACN,iBACE;QACF,kBACE;QACF,OAAO;QACR;OACD,UAAU;QACR,iBAAiB;QACjB,kBAAkB;QAClB,OAAO;QACR;OACF;MACD,MAAM;OACJ,OAAO;OACP,YAAY;OACZ,aAAa;OACd;MACF;KACF;IACF;GACD,WAAW,EACT,aAAa;IACX,OAAO,EACL,MAAM;KACJ,kBAAkB;KAClB,uBAAuB;KACvB,uBAAuB;KACxB,EACF;IACD,MAAM,EACJ,MAAM;KACJ,kBAAkB;KAClB,uBAAuB;KACvB,uBAAuB;KACxB,EACF;IACF,EACF;GACD,SAAS;IACP,MAAM,EACJ,cAAc,WACf;IACD,aAAa;KACX,OAAO;MACL,MAAM;OACJ,YAAY;OACZ,aAAa;OACb,oBAAoB;OACpB,OAAO;OACP,QACE;OACH;MACD,QAAQ;OACN,OAAO;OACP,iBAAiB;OACjB,YAAY;OACZ,oBAAoB;OACpB,eAAe;OACf,yBAAyB;OACzB,oBAAoB;OACpB,mBAAmB;OACpB;MACD,aAAa;OACX,YAAY;OACZ,OAAO;OACR;MACD,WAAW,EACT,OAAO,iBACR;MACF;KACD,MAAM;MACJ,MAAM;OACJ,YAAY;OACZ,aAAa;OACb,oBAAoB;OACpB,OAAO;OACP,QACE;OACH;MACD,QAAQ;OACN,OAAO;OACP,iBAAiB;OACjB,YAAY;OACZ,oBAAoB;OACpB,eAAe;OACf,yBAAyB;OACzB,oBAAoB;OACpB,mBAAmB;OACpB;MACD,aAAa;OACX,YAAY;OACZ,OAAO;OACR;MACD,WAAW,EACT,OAAO,iBACR;MACF;KACF;IACF;GACD,SAAS;IACP,MAAM,EACJ,cAAc,WACf;IACD,aAAa;KACX,OAAO,EACL,MAAM;MACJ,YAAY;MACZ,aAAa;MACb,OAAO;MACP,QACE;MACH,EACF;KACD,MAAM,EACJ,MAAM;MACJ,YAAY;MACZ,aAAa;MACb,OAAO;MACP,QACE;MACH,EACF;KACF;IACF;GACD,SAAS;IACP,MAAM;KACJ,SAAS;KACT,cAAc;KACf;IACD,aAAa;KACX,OAAO,EACL,MAAM;MACJ,YAAY;MACZ,OAAO;MACP,QACE;MACH,EACF;KACD,MAAM,EACJ,MAAM;MACJ,YAAY;MACZ,OAAO;MACP,QACE;MACH,EACF;KACF;IACD,MAAM,EAAE,YAAS;;;;8BAIO,EAAG,cAAc,CAAC;;;IAG3C;GACD,WAAW,EACT,aAAa;IACX,OAAO,EACL,SAAS,EACP,YAAY,eACb,EACF;IACD,MAAM,EACJ,SAAS,EACP,YAAY,eACb,EACF;IACF,EACF;GACF;EACF,CAAW;CAWV,SAAS;EACP,QAAQ;EACR,kBAAkB;EAClB,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACF"}
1
+ {"version":3,"file":"preset.js","names":[],"sources":["../../src/theme/preset.ts"],"sourcesContent":["import { definePreset } from '@primeuix/themes';\nimport Aura from '@primeuix/themes/aura';\nimport type { ComponentsDesignTokens, Preset } from '@primeuix/themes/types';\n\n// The palette values live in `tokens.css` (`--w-*`, light in `:root`, dark in\n// `.dark-mode`); the preset only points at them, so PrimeVue and the Tailwind\n// theme always agree. Surface and content flip through the variables\n// themselves, so both color schemes share the same maps.\nconst NEUTRAL_STEPS = [\n 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,\n] as const;\nconst ACCENT_STEPS = NEUTRAL_STEPS.slice(1);\n\n/** `{ [step]: 'var(--w-<name>-<step>)' }` for each step. */\nfunction tokenScale(\n name: string,\n steps: readonly number[],\n): Record<number, string> {\n return Object.fromEntries(\n steps.map(step => [step, `var(--w-${name}-${step})`]),\n );\n}\n\nconst surface = tokenScale('surface', NEUTRAL_STEPS);\nconst content = tokenScale('content', NEUTRAL_STEPS);\n\nconst WelldotAuraPreset = definePreset(Aura, {\n primitive: {\n surface,\n content,\n },\n\n semantic: {\n primary: tokenScale('primary', ACCENT_STEPS),\n error: tokenScale('error', ACCENT_STEPS),\n warning: tokenScale('warning', ACCENT_STEPS),\n success: tokenScale('success', ACCENT_STEPS),\n info: tokenScale('info', ACCENT_STEPS),\n colorScheme: {\n light: {\n primary: {\n color: '{primary.600}',\n inverseColor: '{content.0}',\n hoverColor: '{primary.500}',\n activeColor: '{primary.600}',\n },\n surface,\n content,\n text: {\n color: '{content.0}',\n hoverColor: '{content.50}',\n mutedColor: '{content.400}',\n hoverMutedColor: '{content.300}',\n },\n formField: {\n fontSize: '0.9375rem',\n focusBorderColor: 'none',\n color: '{content.0}',\n background: '{surface.0}',\n borderColor: 'none',\n filledBackground: 'transparent',\n filledHoverBackground: 'transparent',\n filledFocusBackground: 'transparent',\n disabledBackground: '{surface.50}',\n disabledColor: '{content.500}',\n hoverBorderColor: 'none',\n invalidBorderColor: '{error.500}',\n invalidPlaceholderColor: '{content.500}',\n placeholderColor: '{content.500}',\n floatLabelColor: '{content.200}',\n floatLabelFocusColor: '{primary.500}',\n floatLabelInvalidColor: '{red.400}',\n iconColor: '{content.50}',\n shadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',\n },\n },\n dark: {\n primary: {\n color: '{primary.500}',\n inverseColor: '{content.0}',\n hoverColor: '{primary.600}',\n activeColor: '{primary.500}',\n },\n surface,\n content,\n text: {\n color: '{content.0}',\n hoverColor: '{content.50}',\n mutedColor: '{content.400}',\n hoverMutedColor: '{content.300}',\n },\n formField: {\n focusBorderColor: 'none',\n color: '{content.0}',\n background: '{surface.0}',\n borderColor: 'none',\n filledBackground: 'transparent',\n filledHoverBackground: '{surface.200}',\n filledFocusBackground: '{surface.100}',\n disabledBackground: '{surface.50}',\n disabledColor: '{content.400}',\n hoverBorderColor: 'none',\n invalidBorderColor: 'none',\n invalidPlaceholderColor: '{content.0}',\n placeholderColor: '{content.400}',\n floatLabelColor: '{content.200}',\n floatLabelFocusColor: '{primary.500}',\n floatLabelInvalidColor: '{red.400}',\n iconColor: '{content.50}',\n shadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',\n },\n },\n },\n },\n\n components: {\n dialog: {\n borderRadius: '1rem',\n header: {\n padding: '1.25rem 1.5rem 1rem',\n },\n title: {\n fontSize: '1.25rem',\n fontWeight: '700',\n },\n content: {\n padding: '0 1.5rem 1.5rem',\n },\n colorScheme: {\n light: {\n root: {\n background: '{surface.0}',\n borderColor: 'color-mix(in srgb, {content.700} 50%, transparent)',\n color: '{content.0}',\n shadow:\n '0 24px 64px -8px rgba(14, 30, 51, 0.18), 0 2px 16px -2px rgba(14, 30, 51, 0.08)',\n },\n },\n dark: {\n root: {\n background: 'color-mix(in srgb, {surface.50} 88%, transparent)',\n borderColor: 'color-mix(in srgb, {content.700} 60%, transparent)',\n color: '{content.0}',\n shadow:\n '0 24px 64px -8px rgba(0, 0, 0, 0.60), 0 2px 16px -2px rgba(0, 0, 0, 0.40)',\n },\n },\n },\n },\n drawer: {\n header: {\n padding: '1rem 1.25rem',\n },\n title: {\n fontSize: '0.9375rem',\n fontWeight: '600',\n },\n content: {\n padding: '0.5rem 1.25rem 1.25rem',\n },\n footer: {\n padding: '1rem 1.25rem',\n },\n colorScheme: {\n light: {\n root: {\n background: 'rgba(255, 255, 255, 0.92)',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '-20px 0 48px -8px rgba(14, 30, 51, 0.14), -2px 0 8px -2px rgba(14, 30, 51, 0.06)',\n },\n },\n dark: {\n root: {\n background: 'rgba(13, 18, 24, 0.88)',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '-20px 0 48px -8px rgba(0, 0, 0, 0.60), -2px 0 8px -2px rgba(0, 0, 0, 0.40)',\n },\n },\n },\n },\n tabs: {\n tablist: {\n borderWidth: '0 0 1px 0',\n borderColor: '{surface.200}',\n background: 'transparent',\n },\n tab: {\n background: 'transparent',\n hoverBackground: 'transparent',\n activeBackground: 'transparent',\n borderWidth: '0',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{content.400}',\n hoverColor: '{content.200}',\n activeColor: '{content.0}',\n padding: '0.875rem 0.25rem',\n fontWeight: '500',\n margin: '0 1.25rem 0 0',\n focus: {\n ring: {\n width: '2px',\n style: 'solid',\n color: '{primary.color}',\n offset: '-2px',\n shadow: 'none',\n },\n },\n },\n tabpanel: {\n background: 'transparent',\n color: '{content.0}',\n padding: '0',\n },\n activeBar: {\n height: '2px',\n bottom: '0px',\n background: '{primary.500}',\n },\n colorScheme: {\n light: {\n activeBar: {\n background: '{primary.600}',\n },\n navButton: {\n background: 'rgba(247, 248, 250, 0.80)',\n color: '{content.400}',\n shadow:\n '0 0 0 1px rgba(216, 221, 227, 0.60), 0 2px 8px rgba(216, 221, 227, 0.40)',\n },\n },\n dark: {\n activeBar: {\n background: '{primary.400}',\n },\n navButton: {\n background: 'rgba(13, 18, 24, 0.80)',\n color: '{content.400}',\n shadow:\n '0 0 0 1px rgba(42, 51, 68, 0.60), 0 2px 8px rgba(42, 51, 68, 0.40)',\n },\n },\n },\n },\n selectbutton: {\n border: {\n radius: '999px',\n },\n },\n select: {\n overlay: {\n borderRadius: '0.75rem',\n },\n colorScheme: {\n light: {\n overlay: {\n background: '{surface.0}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n option: {\n color: '{content.0}',\n focusBackground: '{surface.100}',\n focusColor: '{content.0}',\n selectedBackground: '{primary.50}',\n selectedColor: '{primary.700}',\n selectedFocusBackground: '{primary.100}',\n selectedFocusColor: '{primary.700}',\n },\n },\n dark: {\n overlay: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n option: {\n color: '{content.0}',\n focusBackground: '{surface.200}',\n focusColor: '{content.0}',\n selectedBackground: '{surface.200}',\n selectedColor: '{content.0}',\n selectedFocusBackground: '{surface.300}',\n selectedFocusColor: '{content.0}',\n },\n },\n },\n },\n checkbox: {\n root: {\n borderColor: '{content.600}',\n filledBackground: 'transparent',\n checkedBackground: '{primary.600}',\n },\n icon: {\n checkedColor: '{content.950}',\n checkedHoverColor: '{content.950}',\n color: '{content.950}',\n },\n },\n radiobutton: {\n root: {\n borderColor: '{content.600}',\n hoverBorderColor: '{content.400}',\n },\n },\n datepicker: {\n panel: {\n borderRadius: '0.75rem',\n padding: '0.5rem',\n },\n header: {\n padding: '0.5rem 0.75rem 0.25rem',\n },\n title: {\n fontWeight: '600',\n },\n colorScheme: {\n light: {\n panel: {\n background: '{surface.0}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n header: {\n background: '{surface.0}',\n borderColor: '{surface.100}',\n color: '{content.0}',\n },\n selectMonth: {\n color: '{content.0}',\n hoverBackground: '{surface.100}',\n hoverColor: '{content.0}',\n },\n selectYear: {\n color: '{content.0}',\n hoverBackground: '{surface.100}',\n hoverColor: '{content.0}',\n },\n weekDay: {\n color: '{content.400}',\n },\n date: {\n color: '{content.0}',\n hoverColor: '{content.0}',\n hoverBackground: '{surface.100}',\n selectedBackground: '{primary.600}',\n selectedColor: '{content.950}',\n rangeSelectedBackground: '{primary.100}',\n rangeSelectedColor: '{primary.700}',\n },\n today: {\n background: '{surface.100}',\n color: '{primary.600}',\n },\n buttonbar: {\n borderColor: '{surface.100}',\n },\n },\n dark: {\n panel: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n header: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n },\n selectMonth: {\n color: '{content.0}',\n hoverBackground: '{surface.200}',\n hoverColor: '{content.0}',\n },\n selectYear: {\n color: '{content.0}',\n hoverBackground: '{surface.200}',\n hoverColor: '{content.0}',\n },\n weekDay: {\n color: '{content.400}',\n },\n date: {\n color: '{content.0}',\n hoverColor: '{content.0}',\n hoverBackground: '{surface.200}',\n selectedBackground: '{primary.500}',\n selectedColor: '{content.950}',\n rangeSelectedBackground: '{primary.900}',\n rangeSelectedColor: '{primary.200}',\n },\n today: {\n background: '{surface.200}',\n color: '{primary.400}',\n },\n buttonbar: {\n borderColor: '{surface.200}',\n },\n },\n },\n },\n button: {\n root: {\n borderRadius: '999px',\n paddingX: '1.125rem',\n paddingY: '0.5625rem',\n gap: '0.5rem',\n iconOnlyWidth: '2.5rem',\n label: {\n fontWeight: '600',\n },\n },\n colorScheme: {\n light: {\n root: {\n primary: {\n background:\n 'linear-gradient(180deg, {primary.400}, {primary.600})',\n hoverBackground:\n 'linear-gradient(180deg, {primary.300}, {primary.500})',\n activeBackground:\n 'linear-gradient(180deg, {primary.500}, {primary.700})',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{content.950}',\n hoverColor: '{content.950}',\n activeColor: '{content.950}',\n focusRing: { color: '{primary.500}', shadow: 'none' },\n },\n secondary: {\n background: '{surface.100}',\n hoverBackground: '{surface.200}',\n activeBackground: '{surface.300}',\n borderColor: '{surface.200}',\n hoverBorderColor: '{surface.300}',\n activeBorderColor: '{surface.300}',\n color: '{content.100}',\n hoverColor: '{content.50}',\n activeColor: '{content.0}',\n focusRing: { color: '{content.400}', shadow: 'none' },\n },\n success: {\n background: '{success.500}',\n hoverBackground: '{success.600}',\n activeBackground: '{success.700}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: { color: '{success.500}', shadow: 'none' },\n },\n info: {\n background: '{info.500}',\n hoverBackground: '{info.600}',\n activeBackground: '{info.700}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: { color: '{info.500}', shadow: 'none' },\n },\n warn: {\n background: '{warning.500}',\n hoverBackground: '{warning.600}',\n activeBackground: '{warning.700}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: { color: '{warning.500}', shadow: 'none' },\n },\n danger: {\n background: '{error.500}',\n hoverBackground: '{error.600}',\n activeBackground: '{error.700}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '#ffffff',\n hoverColor: '#ffffff',\n activeColor: '#ffffff',\n focusRing: { color: '{error.500}', shadow: 'none' },\n },\n contrast: {\n background: '{content.0}',\n hoverBackground: '{content.50}',\n activeBackground: '{content.100}',\n borderColor: '{content.0}',\n hoverBorderColor: '{content.0}',\n activeBorderColor: '{content.0}',\n color: '{surface.0}',\n hoverColor: '{surface.0}',\n activeColor: '{surface.0}',\n focusRing: { color: '{content.0}', shadow: 'none' },\n },\n },\n outlined: {\n primary: {\n hoverBackground: '{primary.50}',\n activeBackground: '{primary.100}',\n borderColor: '{primary.200}',\n color: '{primary.600}',\n },\n secondary: {\n hoverBackground: '{surface.50}',\n activeBackground: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.300}',\n },\n success: {\n hoverBackground: '{success.50}',\n activeBackground: '{success.100}',\n borderColor: '{success.200}',\n color: '{success.500}',\n },\n info: {\n hoverBackground: '{info.50}',\n activeBackground: '{info.100}',\n borderColor: '{info.200}',\n color: '{info.500}',\n },\n warn: {\n hoverBackground: '{warning.50}',\n activeBackground: '{warning.100}',\n borderColor: '{warning.200}',\n color: '{warning.500}',\n },\n danger: {\n hoverBackground: '{error.50}',\n activeBackground: '{error.100}',\n borderColor: '{error.200}',\n color: '{error.500}',\n },\n contrast: {\n hoverBackground: '{surface.50}',\n activeBackground: '{surface.100}',\n borderColor: '{content.200}',\n color: '{content.0}',\n },\n },\n text: {\n primary: {\n hoverBackground: '{primary.50}',\n activeBackground: '{primary.100}',\n color: '{primary.600}',\n },\n secondary: {\n hoverBackground: '{surface.50}',\n activeBackground: '{surface.100}',\n color: '{content.300}',\n },\n success: {\n hoverBackground: '{success.50}',\n activeBackground: '{success.100}',\n color: '{success.500}',\n },\n info: {\n hoverBackground: '{info.50}',\n activeBackground: '{info.100}',\n color: '{info.500}',\n },\n warn: {\n hoverBackground: '{warning.50}',\n activeBackground: '{warning.100}',\n color: '{warning.500}',\n },\n danger: {\n hoverBackground: '{error.50}',\n activeBackground: '{error.100}',\n color: '{error.500}',\n },\n contrast: {\n hoverBackground: '{surface.50}',\n activeBackground: '{surface.100}',\n color: '{content.0}',\n },\n },\n link: {\n color: '{primary.600}',\n hoverColor: '{primary.500}',\n activeColor: '{primary.700}',\n },\n },\n dark: {\n root: {\n primary: {\n background:\n 'linear-gradient(180deg, {primary.300}, {primary.500})',\n hoverBackground:\n 'linear-gradient(180deg, {primary.200}, {primary.400})',\n activeBackground:\n 'linear-gradient(180deg, {primary.400}, {primary.600})',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{content.0}',\n hoverColor: '{content.0}',\n activeColor: '{content.0}',\n focusRing: { color: '{primary.400}', shadow: 'none' },\n },\n secondary: {\n background: '{surface.100}',\n hoverBackground: '{surface.200}',\n activeBackground: '{surface.300}',\n borderColor: '{surface.200}',\n hoverBorderColor: '{surface.300}',\n activeBorderColor: '{surface.300}',\n color: '{content.100}',\n hoverColor: '{content.50}',\n activeColor: '{content.0}',\n focusRing: { color: '{content.400}', shadow: 'none' },\n },\n success: {\n background: '{success.400}',\n hoverBackground: '{success.300}',\n activeBackground: '{success.200}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{success.950}',\n hoverColor: '{success.950}',\n activeColor: '{success.950}',\n focusRing: { color: '{success.400}', shadow: 'none' },\n },\n info: {\n background: '{info.400}',\n hoverBackground: '{info.300}',\n activeBackground: '{info.200}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{info.950}',\n hoverColor: '{info.950}',\n activeColor: '{info.950}',\n focusRing: { color: '{info.400}', shadow: 'none' },\n },\n warn: {\n background: '{warning.400}',\n hoverBackground: '{warning.300}',\n activeBackground: '{warning.200}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{warning.950}',\n hoverColor: '{warning.950}',\n activeColor: '{warning.950}',\n focusRing: { color: '{warning.400}', shadow: 'none' },\n },\n danger: {\n background: '{error.400}',\n hoverBackground: '{error.300}',\n activeBackground: '{error.200}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n color: '{error.950}',\n hoverColor: '{error.950}',\n activeColor: '{error.950}',\n focusRing: { color: '{error.400}', shadow: 'none' },\n },\n contrast: {\n background: '{content.0}',\n hoverBackground: '{content.50}',\n activeBackground: '{content.100}',\n borderColor: '{content.0}',\n hoverBorderColor: '{content.0}',\n activeBorderColor: '{content.0}',\n color: '{surface.0}',\n hoverColor: '{surface.0}',\n activeColor: '{surface.0}',\n focusRing: { color: '{content.0}', shadow: 'none' },\n },\n },\n outlined: {\n primary: {\n hoverBackground:\n 'color-mix(in srgb, {primary.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {primary.400} 25%, transparent)',\n borderColor: '{primary.700}',\n color: '{primary.400}',\n },\n secondary: {\n hoverBackground: '{surface.100}',\n activeBackground: '{surface.200}',\n borderColor: '{surface.300}',\n color: '{content.200}',\n },\n success: {\n hoverBackground:\n 'color-mix(in srgb, {success.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {success.400} 25%, transparent)',\n borderColor: '{success.700}',\n color: '{success.400}',\n },\n info: {\n hoverBackground:\n 'color-mix(in srgb, {info.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {info.400} 25%, transparent)',\n borderColor: '{info.700}',\n color: '{info.400}',\n },\n warn: {\n hoverBackground:\n 'color-mix(in srgb, {warning.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {warning.400} 25%, transparent)',\n borderColor: '{warning.700}',\n color: '{warning.400}',\n },\n danger: {\n hoverBackground:\n 'color-mix(in srgb, {error.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {error.400} 25%, transparent)',\n borderColor: '{error.700}',\n color: '{error.400}',\n },\n contrast: {\n hoverBackground: '{surface.100}',\n activeBackground: '{surface.200}',\n borderColor: '{content.700}',\n color: '{content.0}',\n },\n },\n text: {\n primary: {\n hoverBackground:\n 'color-mix(in srgb, {primary.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {primary.400} 25%, transparent)',\n color: '{primary.400}',\n },\n secondary: {\n hoverBackground: '{surface.100}',\n activeBackground: '{surface.200}',\n color: '{content.300}',\n },\n success: {\n hoverBackground:\n 'color-mix(in srgb, {success.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {success.400} 25%, transparent)',\n color: '{success.400}',\n },\n info: {\n hoverBackground:\n 'color-mix(in srgb, {info.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {info.400} 25%, transparent)',\n color: '{info.400}',\n },\n warn: {\n hoverBackground:\n 'color-mix(in srgb, {warning.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {warning.400} 25%, transparent)',\n color: '{warning.400}',\n },\n danger: {\n hoverBackground:\n 'color-mix(in srgb, {error.400} 15%, transparent)',\n activeBackground:\n 'color-mix(in srgb, {error.400} 25%, transparent)',\n color: '{error.400}',\n },\n contrast: {\n hoverBackground: '{surface.100}',\n activeBackground: '{surface.200}',\n color: '{content.0}',\n },\n },\n link: {\n color: '{primary.400}',\n hoverColor: '{primary.300}',\n activeColor: '{primary.500}',\n },\n },\n },\n },\n inputtext: {\n colorScheme: {\n light: {\n root: {\n filledBackground: '{surface.0}',\n filledHoverBackground: '{surface.100}',\n filledFocusBackground: '{surface.50}',\n },\n },\n dark: {\n root: {\n filledBackground: '{surface.200}',\n filledHoverBackground: '{surface.300}',\n filledFocusBackground: '{surface.200}',\n },\n },\n },\n },\n listbox: {\n root: {\n borderRadius: '0.75rem',\n },\n colorScheme: {\n light: {\n root: {\n background: '{surface.0}',\n borderColor: '{surface.200}',\n invalidBorderColor: '{error.500}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n option: {\n color: '{content.0}',\n focusBackground: '{surface.100}',\n focusColor: '{content.0}',\n selectedBackground: '{primary.50}',\n selectedColor: '{primary.700}',\n selectedFocusBackground: '{primary.100}',\n selectedFocusColor: '{primary.700}',\n stripedBackground: '{surface.50}',\n },\n optionGroup: {\n background: 'transparent',\n color: '{content.400}',\n },\n checkmark: {\n color: '{primary.600}',\n },\n },\n dark: {\n root: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n invalidBorderColor: '{error.500}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n option: {\n color: '{content.0}',\n focusBackground: '{surface.200}',\n focusColor: '{content.0}',\n selectedBackground: '{surface.200}',\n selectedColor: '{content.0}',\n selectedFocusBackground: '{surface.300}',\n selectedFocusColor: '{content.0}',\n stripedBackground: '{surface.200}',\n },\n optionGroup: {\n background: 'transparent',\n color: '{content.400}',\n },\n checkmark: {\n color: '{primary.400}',\n },\n },\n },\n },\n popover: {\n root: {\n borderRadius: '0.75rem',\n },\n colorScheme: {\n light: {\n root: {\n background: '{surface.0}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n },\n dark: {\n root: {\n background: '{surface.100}',\n borderColor: '{surface.200}',\n color: '{content.0}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n },\n },\n },\n tooltip: {\n root: {\n padding: '0.375rem 0.625rem',\n borderRadius: '0.5rem',\n },\n colorScheme: {\n light: {\n root: {\n background: '{surface.0}',\n color: '{content.300}',\n shadow:\n '0 8px 32px -4px rgba(14,30,51,0.14), 0 1px 6px -1px rgba(14,30,51,0.07)',\n },\n },\n dark: {\n root: {\n background: '{surface.100}',\n color: '{content.300}',\n shadow:\n '0 8px 32px -4px rgba(0,0,0,0.45), 0 1px 6px -1px rgba(0,0,0,0.28)',\n },\n },\n },\n css: ({ dt }) => `\n .p-tooltip-text {\n font-size: 0.8125rem;\n line-height: 1.4;\n border: 1px solid ${dt('surface.200')};\n }\n `,\n },\n accordion: {\n colorScheme: {\n light: {\n content: {\n background: '{surface.0}',\n },\n },\n dark: {\n content: {\n background: '{surface.0}',\n },\n },\n },\n },\n } as ComponentsDesignTokens,\n} as Preset);\n\n/**\n * PrimeVue theme configuration for welldot apps — the Aura preset with the\n * cool-slate surface/content scales and the welldot primary palette.\n *\n * @example\n * app.use(PrimeVue, { theme: WelldotPreset, pt: welldotPt })\n */\nexport const WelldotPreset = {\n preset: WelldotAuraPreset,\n options: {\n prefix: 'p',\n darkModeSelector: '.dark-mode',\n cssLayer: {\n name: 'primevue',\n order: 'theme, base, primevue',\n },\n },\n};\n"],"mappings":";;;AAQA,IAAM,IAAgB;CACpB;CAAG;CAAI;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CACrD,EACK,IAAe,EAAc,MAAM,EAAE;AAG3C,SAAS,EACP,GACA,GACwB;AACxB,QAAO,OAAO,YACZ,EAAM,KAAI,MAAQ,CAAC,GAAM,WAAW,EAAK,GAAG,EAAK,GAAG,CAAC,CACtD;;AAGH,IAAM,IAAU,EAAW,WAAW,EAAc,EAC9C,IAAU,EAAW,WAAW,EAAc,EA06BvC,IAAgB;CAC3B,QAz6BwB,EAAa,GAAM;EAC3C,WAAW;GACT;GACA;GACD;EAED,UAAU;GACR,SAAS,EAAW,WAAW,EAAa;GAC5C,OAAO,EAAW,SAAS,EAAa;GACxC,SAAS,EAAW,WAAW,EAAa;GAC5C,SAAS,EAAW,WAAW,EAAa;GAC5C,MAAM,EAAW,QAAQ,EAAa;GACtC,aAAa;IACX,OAAO;KACL,SAAS;MACP,OAAO;MACP,cAAc;MACd,YAAY;MACZ,aAAa;MACd;KACD;KACA;KACA,MAAM;MACJ,OAAO;MACP,YAAY;MACZ,YAAY;MACZ,iBAAiB;MAClB;KACD,WAAW;MACT,UAAU;MACV,kBAAkB;MAClB,OAAO;MACP,YAAY;MACZ,aAAa;MACb,kBAAkB;MAClB,uBAAuB;MACvB,uBAAuB;MACvB,oBAAoB;MACpB,eAAe;MACf,kBAAkB;MAClB,oBAAoB;MACpB,yBAAyB;MACzB,kBAAkB;MAClB,iBAAiB;MACjB,sBAAsB;MACtB,wBAAwB;MACxB,WAAW;MACX,QAAQ;MACT;KACF;IACD,MAAM;KACJ,SAAS;MACP,OAAO;MACP,cAAc;MACd,YAAY;MACZ,aAAa;MACd;KACD;KACA;KACA,MAAM;MACJ,OAAO;MACP,YAAY;MACZ,YAAY;MACZ,iBAAiB;MAClB;KACD,WAAW;MACT,kBAAkB;MAClB,OAAO;MACP,YAAY;MACZ,aAAa;MACb,kBAAkB;MAClB,uBAAuB;MACvB,uBAAuB;MACvB,oBAAoB;MACpB,eAAe;MACf,kBAAkB;MAClB,oBAAoB;MACpB,yBAAyB;MACzB,kBAAkB;MAClB,iBAAiB;MACjB,sBAAsB;MACtB,wBAAwB;MACxB,WAAW;MACX,QAAQ;MACT;KACF;IACF;GACF;EAED,YAAY;GACV,QAAQ;IACN,cAAc;IACd,QAAQ,EACN,SAAS,uBACV;IACD,OAAO;KACL,UAAU;KACV,YAAY;KACb;IACD,SAAS,EACP,SAAS,mBACV;IACD,aAAa;KACX,OAAO,EACL,MAAM;MACJ,YAAY;MACZ,aAAa;MACb,OAAO;MACP,QACE;MACH,EACF;KACD,MAAM,EACJ,MAAM;MACJ,YAAY;MACZ,aAAa;MACb,OAAO;MACP,QACE;MACH,EACF;KACF;IACF;GACD,QAAQ;IACN,QAAQ,EACN,SAAS,gBACV;IACD,OAAO;KACL,UAAU;KACV,YAAY;KACb;IACD,SAAS,EACP,SAAS,0BACV;IACD,QAAQ,EACN,SAAS,gBACV;IACD,aAAa;KACX,OAAO,EACL,MAAM;MACJ,YAAY;MACZ,aAAa;MACb,OAAO;MACP,QACE;MACH,EACF;KACD,MAAM,EACJ,MAAM;MACJ,YAAY;MACZ,aAAa;MACb,OAAO;MACP,QACE;MACH,EACF;KACF;IACF;GACD,MAAM;IACJ,SAAS;KACP,aAAa;KACb,aAAa;KACb,YAAY;KACb;IACD,KAAK;KACH,YAAY;KACZ,iBAAiB;KACjB,kBAAkB;KAClB,aAAa;KACb,aAAa;KACb,kBAAkB;KAClB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,aAAa;KACb,SAAS;KACT,YAAY;KACZ,QAAQ;KACR,OAAO,EACL,MAAM;MACJ,OAAO;MACP,OAAO;MACP,OAAO;MACP,QAAQ;MACR,QAAQ;MACT,EACF;KACF;IACD,UAAU;KACR,YAAY;KACZ,OAAO;KACP,SAAS;KACV;IACD,WAAW;KACT,QAAQ;KACR,QAAQ;KACR,YAAY;KACb;IACD,aAAa;KACX,OAAO;MACL,WAAW,EACT,YAAY,iBACb;MACD,WAAW;OACT,YAAY;OACZ,OAAO;OACP,QACE;OACH;MACF;KACD,MAAM;MACJ,WAAW,EACT,YAAY,iBACb;MACD,WAAW;OACT,YAAY;OACZ,OAAO;OACP,QACE;OACH;MACF;KACF;IACF;GACD,cAAc,EACZ,QA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QACF,kBACE;QACF,aAAa;QACb,OAAO;QACR;OACD,MAAM;QACJ,iBACE;QACF,kBACE;QACF,aAAa;QACb,OAAO;QACR;OACD,MAAM;QACJ,iBACE;QACF,kBACE;QACF,aAAa;QACb,OAAO;QACR;OACD,QAAQ;QACN,iBACE;QACF,kBACE;QACF,aAAa;QACb,OAAO;QACR;OACD,UAAU;QACR,iBAAiB;QACjB,kBAAkB;QAClB,aAAa;QACb,OAAO;QACR;OACF;MACD,MAAM;OACJ,SAAS;QACP,iBACE;QACF,kBACE;QACF,OAAO;QACR;OACD,WAAW;QACT,iBAAiB;QACjB,kBAAkB;QAClB,OAAO;QACR;OACD,SAAS;QACP,iBACE;QACF,kBACE;QACF,OAAO;QACR;OACD,MAAM;QACJ,iBACE;QACF,kBACE;QACF,OAAO;QACR;OACD,MAAM;QACJ,iBACE;QACF,kBACE;QACF,OAAO;QACR;OACD,QAAQ;QACN,iBACE;QACF,kBACE;QACF,OAAO;QACR;OACD,UAAU;QACR,iBAAiB;QACjB,kBAAkB;QAClB,OAAO;QACR;OACF;MACD,MAAM;OACJ,OAAO;OACP,YAAY;OACZ,aAAa;OACd;MACF;KACF;IACF;GACD,WAAW,EACT,aAAa;IACX,OAAO,EACL,MAAM;KACJ,kBAAkB;KAClB,uBAAuB;KACvB,uBAAuB;KACxB,EACF;IACD,MAAM,EACJ,MAAM;KACJ,kBAAkB;KAClB,uBAAuB;KACvB,uBAAuB;KACxB,EACF;IACF,EACF;GACD,SAAS;IACP,MAAM,EACJ,cAAc,WACf;IACD,aAAa;KACX,OAAO;MACL,MAAM;OACJ,YAAY;OACZ,aAAa;OACb,oBAAoB;OACpB,OAAO;OACP,QACE;OACH;MACD,QAAQ;OACN,OAAO;OACP,iBAAiB;OACjB,YAAY;OACZ,oBAAoB;OACpB,eAAe;OACf,yBAAyB;OACzB,oBAAoB;OACpB,mBAAmB;OACpB;MACD,aAAa;OACX,YAAY;OACZ,OAAO;OACR;MACD,WAAW,EACT,OAAO,iBACR;MACF;KACD,MAAM;MACJ,MAAM;OACJ,YAAY;OACZ,aAAa;OACb,oBAAoB;OACpB,OAAO;OACP,QACE;OACH;MACD,QAAQ;OACN,OAAO;OACP,iBAAiB;OACjB,YAAY;OACZ,oBAAoB;OACpB,eAAe;OACf,yBAAyB;OACzB,oBAAoB;OACpB,mBAAmB;OACpB;MACD,aAAa;OACX,YAAY;OACZ,OAAO;OACR;MACD,WAAW,EACT,OAAO,iBACR;MACF;KACF;IACF;GACD,SAAS;IACP,MAAM,EACJ,cAAc,WACf;IACD,aAAa;KACX,OAAO,EACL,MAAM;MACJ,YAAY;MACZ,aAAa;MACb,OAAO;MACP,QACE;MACH,EACF;KACD,MAAM,EACJ,MAAM;MACJ,YAAY;MACZ,aAAa;MACb,OAAO;MACP,QACE;MACH,EACF;KACF;IACF;GACD,SAAS;IACP,MAAM;KACJ,SAAS;KACT,cAAc;KACf;IACD,aAAa;KACX,OAAO,EACL,MAAM;MACJ,YAAY;MACZ,OAAO;MACP,QACE;MACH,EACF;KACD,MAAM,EACJ,MAAM;MACJ,YAAY;MACZ,OAAO;MACP,QACE;MACH,EACF;KACF;IACD,MAAM,EAAE,YAAS;;;;8BAIO,EAAG,cAAc,CAAC;;;IAG3C;GACD,WAAW,EACT,aAAa;IACX,OAAO,EACL,SAAS,EACP,YAAY,eACb,EACF;IACD,MAAM,EACJ,SAAS,EACP,YAAY,eACb,EACF;IACF,EACF;GACF;EACF,CAAW;CAWV,SAAS;EACP,QAAQ;EACR,kBAAkB;EAClB,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACF"}
package/dist/theme.css ADDED
@@ -0,0 +1,149 @@
1
+ /*
2
+ * @welldot/vue — Tailwind CSS 4 theme: the `dark` variant (`.dark-mode`), the
3
+ * color tokens mapped to the `--w-*` variables, fonts, radii and the base-layer
4
+ * rings. Needs `tokens.css` loaded for the colors to resolve.
5
+ *
6
+ * Has no `@import` or `@source`, so a PrimeVue-free app can import it as
7
+ * `@welldot/vue/theme.css`, after `@welldot/vue/tokens.css`.
8
+ */
9
+
10
+ @custom-variant dark (&:where(.dark-mode, .dark-mode *));
11
+
12
+ @theme {
13
+ /* Surface — from tokens.css (flips per mode) */
14
+ --color-surface-0: var(--w-surface-0);
15
+ --color-surface-50: var(--w-surface-50);
16
+ --color-surface-100: var(--w-surface-100);
17
+ --color-surface-200: var(--w-surface-200);
18
+ --color-surface-300: var(--w-surface-300);
19
+ --color-surface-400: var(--w-surface-400);
20
+ --color-surface-500: var(--w-surface-500);
21
+ --color-surface-600: var(--w-surface-600);
22
+ --color-surface-700: var(--w-surface-700);
23
+ --color-surface-800: var(--w-surface-800);
24
+ --color-surface-900: var(--w-surface-900);
25
+ --color-surface-950: var(--w-surface-950);
26
+
27
+ /* Content — mirror of surface, flips per mode */
28
+ --color-content-0: var(--w-content-0);
29
+ --color-content-50: var(--w-content-50);
30
+ --color-content-100: var(--w-content-100);
31
+ --color-content-200: var(--w-content-200);
32
+ --color-content-300: var(--w-content-300);
33
+ --color-content-400: var(--w-content-400);
34
+ --color-content-500: var(--w-content-500);
35
+ --color-content-600: var(--w-content-600);
36
+ --color-content-700: var(--w-content-700);
37
+ --color-content-800: var(--w-content-800);
38
+ --color-content-900: var(--w-content-900);
39
+ --color-content-950: var(--w-content-950);
40
+
41
+ /* Primary — explicitly mapped so bg-primary-* / text-primary-* work */
42
+ --color-primary-50: var(--w-primary-50);
43
+ --color-primary-100: var(--w-primary-100);
44
+ --color-primary-200: var(--w-primary-200);
45
+ --color-primary-300: var(--w-primary-300);
46
+ --color-primary-400: var(--w-primary-400);
47
+ --color-primary-500: var(--w-primary-500);
48
+ --color-primary-600: var(--w-primary-600);
49
+ --color-primary-700: var(--w-primary-700);
50
+ --color-primary-800: var(--w-primary-800);
51
+ --color-primary-900: var(--w-primary-900);
52
+ --color-primary-950: var(--w-primary-950);
53
+
54
+ /* Error — explicitly mapped so bg-error-* / text-error-* / ring-error-* work */
55
+ --color-error-50: var(--w-error-50);
56
+ --color-error-100: var(--w-error-100);
57
+ --color-error-200: var(--w-error-200);
58
+ --color-error-300: var(--w-error-300);
59
+ --color-error-400: var(--w-error-400);
60
+ --color-error-500: var(--w-error-500);
61
+ --color-error-600: var(--w-error-600);
62
+ --color-error-700: var(--w-error-700);
63
+ --color-error-800: var(--w-error-800);
64
+ --color-error-900: var(--w-error-900);
65
+ --color-error-950: var(--w-error-950);
66
+
67
+ /* Warning */
68
+ --color-warning-50: var(--w-warning-50);
69
+ --color-warning-100: var(--w-warning-100);
70
+ --color-warning-200: var(--w-warning-200);
71
+ --color-warning-300: var(--w-warning-300);
72
+ --color-warning-400: var(--w-warning-400);
73
+ --color-warning-500: var(--w-warning-500);
74
+ --color-warning-600: var(--w-warning-600);
75
+ --color-warning-700: var(--w-warning-700);
76
+ --color-warning-800: var(--w-warning-800);
77
+ --color-warning-900: var(--w-warning-900);
78
+ --color-warning-950: var(--w-warning-950);
79
+
80
+ /* Success */
81
+ --color-success-50: var(--w-success-50);
82
+ --color-success-100: var(--w-success-100);
83
+ --color-success-200: var(--w-success-200);
84
+ --color-success-300: var(--w-success-300);
85
+ --color-success-400: var(--w-success-400);
86
+ --color-success-500: var(--w-success-500);
87
+ --color-success-600: var(--w-success-600);
88
+ --color-success-700: var(--w-success-700);
89
+ --color-success-800: var(--w-success-800);
90
+ --color-success-900: var(--w-success-900);
91
+ --color-success-950: var(--w-success-950);
92
+
93
+ /* Info */
94
+ --color-info-50: var(--w-info-50);
95
+ --color-info-100: var(--w-info-100);
96
+ --color-info-200: var(--w-info-200);
97
+ --color-info-300: var(--w-info-300);
98
+ --color-info-400: var(--w-info-400);
99
+ --color-info-500: var(--w-info-500);
100
+ --color-info-600: var(--w-info-600);
101
+ --color-info-700: var(--w-info-700);
102
+ --color-info-800: var(--w-info-800);
103
+ --color-info-900: var(--w-info-900);
104
+ --color-info-950: var(--w-info-950);
105
+ }
106
+
107
+ /*
108
+ * Fonts and radii are read through var() from component styles Tailwind
109
+ * doesn't scan, so `static` always emits them (unused theme variables are
110
+ * otherwise dropped). Override any of them in the app's own `@theme` block,
111
+ * after importing this file.
112
+ */
113
+ @theme static {
114
+ /* Typography families — TW v4 convention: --font-{name} → font-{name} utility */
115
+ --font-display: 'Space Grotesk', system-ui, sans-serif;
116
+ --font-serif: 'IBM Plex Serif', Georgia, serif;
117
+ --font-mono: 'JetBrains Mono', ui-monospace, monospace;
118
+
119
+ /* Legacy names kept for CSS var usage */
120
+ --font-family-display: var(--font-display);
121
+ --font-family-serif: var(--font-serif);
122
+ --font-family-mono: var(--font-mono);
123
+
124
+ /* Border radius tokens (also drive rounded-{sm…2xl,pill}) */
125
+ --radius-sm: 6px;
126
+ --radius-md: 8px;
127
+ --radius-lg: 12px;
128
+ --radius-xl: 14px;
129
+ --radius-2xl: 16px;
130
+ --radius-pill: 999px;
131
+ }
132
+
133
+ /*
134
+ * Focus/error rings switch shade with the color scheme, so they live in the
135
+ * base layer. Override them in the app's own `@layer base` (`:root` and
136
+ * `.dark-mode`), after importing this file.
137
+ */
138
+ @layer base {
139
+ :root {
140
+ /* Input cell rings — lighter accent shades in dark mode */
141
+ --color-focus-ring: var(--color-primary-500);
142
+ --color-error-ring: var(--color-error-500);
143
+ }
144
+
145
+ .dark-mode {
146
+ --color-focus-ring: var(--color-primary-300);
147
+ --color-error-ring: var(--color-error-300);
148
+ }
149
+ }
package/dist/tokens.css ADDED
@@ -0,0 +1,127 @@
1
+ /*
2
+ * @welldot/vue — color tokens. The source of truth for the Welldot palettes:
3
+ * PrimeVue (through `WelldotPreset`) and the Tailwind theme (`theme.css`)
4
+ * both read these `--w-*` variables.
5
+ *
6
+ * Light values live in `:root`, dark values in `.dark-mode`. Only surface and
7
+ * content flip between modes; the other palettes are declared once.
8
+ *
9
+ * To rebrand, redeclare any of these variables in the app's stylesheet,
10
+ * after importing this file (or `@welldot/vue/tailwind.css`).
11
+ */
12
+
13
+ :root {
14
+ --w-surface-0: #ffffff;
15
+ --w-surface-50: #f7f8fa;
16
+ --w-surface-100: #eef0f3;
17
+ --w-surface-200: #d8dde3;
18
+ --w-surface-300: #b9c0c8;
19
+ --w-surface-400: #7888a0;
20
+ --w-surface-500: #4f5d75;
21
+ --w-surface-600: #3d4a60;
22
+ --w-surface-700: #2a3344;
23
+ --w-surface-800: #1a2230;
24
+ --w-surface-900: #131922;
25
+ --w-surface-950: #0d1218;
26
+
27
+ --w-content-0: #0d1218;
28
+ --w-content-50: #131922;
29
+ --w-content-100: #1a2230;
30
+ --w-content-200: #2a3344;
31
+ --w-content-300: #3d4a60;
32
+ --w-content-400: #4f5d75;
33
+ --w-content-500: #7888a0;
34
+ --w-content-600: #b9c0c8;
35
+ --w-content-700: #d8dde3;
36
+ --w-content-800: #eef0f3;
37
+ --w-content-900: #f7f8fa;
38
+ --w-content-950: #ffffff;
39
+
40
+ --w-primary-50: #f0f5fc;
41
+ --w-primary-100: #dde9f8;
42
+ --w-primary-200: #bdd1f1;
43
+ --w-primary-300: #92b1e6;
44
+ --w-primary-400: #5d86d2;
45
+ --w-primary-500: #2f5fae;
46
+ --w-primary-600: #29539b;
47
+ --w-primary-700: #22427d;
48
+ --w-primary-800: #1a325f;
49
+ --w-primary-900: #112343;
50
+ --w-primary-950: #0a172e;
51
+
52
+ --w-error-50: oklch(97% 0.02 25);
53
+ --w-error-100: oklch(94% 0.05 25);
54
+ --w-error-200: oklch(85% 0.11 25);
55
+ --w-error-300: oklch(72% 0.17 25);
56
+ --w-error-400: oklch(61% 0.19 25);
57
+ --w-error-500: oklch(50% 0.20 25);
58
+ --w-error-600: oklch(43% 0.19 25);
59
+ --w-error-700: oklch(36% 0.17 25);
60
+ --w-error-800: oklch(29% 0.14 25);
61
+ --w-error-900: oklch(23% 0.11 25);
62
+ --w-error-950: oklch(17% 0.08 25);
63
+
64
+ --w-warning-50: oklch(97% 0.02 75);
65
+ --w-warning-100: oklch(94% 0.05 75);
66
+ --w-warning-200: oklch(85% 0.11 75);
67
+ --w-warning-300: oklch(72% 0.17 75);
68
+ --w-warning-400: oklch(61% 0.19 75);
69
+ --w-warning-500: oklch(50% 0.20 75);
70
+ --w-warning-600: oklch(43% 0.19 75);
71
+ --w-warning-700: oklch(36% 0.17 75);
72
+ --w-warning-800: oklch(29% 0.14 75);
73
+ --w-warning-900: oklch(23% 0.11 75);
74
+ --w-warning-950: oklch(17% 0.08 75);
75
+
76
+ --w-success-50: oklch(97% 0.02 145);
77
+ --w-success-100: oklch(94% 0.05 145);
78
+ --w-success-200: oklch(85% 0.11 145);
79
+ --w-success-300: oklch(72% 0.17 145);
80
+ --w-success-400: oklch(61% 0.19 145);
81
+ --w-success-500: oklch(50% 0.20 145);
82
+ --w-success-600: oklch(43% 0.19 145);
83
+ --w-success-700: oklch(36% 0.17 145);
84
+ --w-success-800: oklch(29% 0.14 145);
85
+ --w-success-900: oklch(23% 0.11 145);
86
+ --w-success-950: oklch(17% 0.08 145);
87
+
88
+ --w-info-50: oklch(97% 0.02 235);
89
+ --w-info-100: oklch(94% 0.05 235);
90
+ --w-info-200: oklch(85% 0.11 235);
91
+ --w-info-300: oklch(72% 0.17 235);
92
+ --w-info-400: oklch(61% 0.19 235);
93
+ --w-info-500: oklch(50% 0.20 235);
94
+ --w-info-600: oklch(43% 0.19 235);
95
+ --w-info-700: oklch(36% 0.17 235);
96
+ --w-info-800: oklch(29% 0.14 235);
97
+ --w-info-900: oklch(23% 0.11 235);
98
+ --w-info-950: oklch(17% 0.08 235);
99
+ }
100
+
101
+ .dark-mode {
102
+ --w-surface-0: #0d1218;
103
+ --w-surface-50: #131922;
104
+ --w-surface-100: #1a2230;
105
+ --w-surface-200: #2a3344;
106
+ --w-surface-300: #3d4a60;
107
+ --w-surface-400: #4f5d75;
108
+ --w-surface-500: #7888a0;
109
+ --w-surface-600: #b9c0c8;
110
+ --w-surface-700: #d8dde3;
111
+ --w-surface-800: #eef0f3;
112
+ --w-surface-900: #f7f8fa;
113
+ --w-surface-950: #ffffff;
114
+
115
+ --w-content-0: #ffffff;
116
+ --w-content-50: #f7f8fa;
117
+ --w-content-100: #eef0f3;
118
+ --w-content-200: #d8dde3;
119
+ --w-content-300: #b9c0c8;
120
+ --w-content-400: #7888a0;
121
+ --w-content-500: #4f5d75;
122
+ --w-content-600: #3d4a60;
123
+ --w-content-700: #2a3344;
124
+ --w-content-800: #1a2230;
125
+ --w-content-900: #131922;
126
+ --w-content-950: #0d1218;
127
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@welldot/vue",
3
- "version": "0.1.1-next.20261022.41f0252",
3
+ "version": "0.2.0",
4
4
  "description": "Vue 3 + PrimeVue base components, theme and composables for .well water well editors",
5
5
  "license": "Apache-2.0",
6
6
  "keywords": [
@@ -55,7 +55,9 @@
55
55
  "types": "./dist/nuxt/module.d.ts",
56
56
  "import": "./dist/nuxt/module.js"
57
57
  },
58
- "./tailwind.css": "./dist/tailwind.css"
58
+ "./tailwind.css": "./dist/tailwind.css",
59
+ "./tokens.css": "./dist/tokens.css",
60
+ "./theme.css": "./dist/theme.css"
59
61
  },
60
62
  "files": [
61
63
  "dist"
@@ -76,9 +78,9 @@
76
78
  "primevue": "^4.5.0",
77
79
  "vue": "^3.5.0",
78
80
  "vue-color": "^3.3.0",
79
- "@welldot/render": "^0.4.1",
80
- "@welldot/core": "^0.5.0",
81
- "@welldot/utils": "^0.5.0"
81
+ "@welldot/render": "^0.4.2",
82
+ "@welldot/utils": "^0.5.1",
83
+ "@welldot/core": "^0.6.0"
82
84
  },
83
85
  "peerDependenciesMeta": {
84
86
  "@nuxt/kit": {
@@ -122,10 +124,10 @@
122
124
  "vue": "3.5.34",
123
125
  "vue-color": "^3.3.3",
124
126
  "vue-eslint-parser": "^10.4.0",
125
- "@welldot/core": "0.5.0",
126
- "@welldot/render": "0.4.1",
127
- "@welldot/utils": "0.5.0",
128
- "@welldot/lint": "0.0.1"
127
+ "@welldot/core": "0.6.0",
128
+ "@welldot/lint": "0.0.1",
129
+ "@welldot/utils": "0.5.1",
130
+ "@welldot/render": "0.4.2"
129
131
  },
130
132
  "scripts": {
131
133
  "build": "vite build",