@maz-ui/themes 4.9.2 → 5.0.0-canary.ef64a02.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 (61) hide show
  1. package/README.md +33 -24
  2. package/dist/build/index.d.ts +0 -8
  3. package/dist/build/index.d.ts.map +1 -1
  4. package/dist/build/index.js +1 -1
  5. package/dist/composables/index.d.ts +2 -0
  6. package/dist/composables/index.d.ts.map +1 -0
  7. package/dist/composables/useTheme.d.ts +1 -1
  8. package/dist/composables/useTheme.d.ts.map +1 -1
  9. package/dist/composables/useTheme.js +1 -1
  10. package/dist/define-preset.d.ts +2 -5
  11. package/dist/define-preset.d.ts.map +1 -1
  12. package/dist/index.js +1 -1
  13. package/dist/plugin.d.ts +2 -17
  14. package/dist/plugin.d.ts.map +1 -1
  15. package/dist/presets/_defaults.d.ts +33 -0
  16. package/dist/presets/_defaults.d.ts.map +1 -0
  17. package/dist/presets/_defaults.js +1 -0
  18. package/dist/presets/index.d.ts +1 -0
  19. package/dist/presets/index.d.ts.map +1 -1
  20. package/dist/presets/index.js +1 -1
  21. package/dist/presets/mazUi.d.ts.map +1 -1
  22. package/dist/presets/mazUi.js +1 -1
  23. package/dist/presets/nova.d.ts +3 -0
  24. package/dist/presets/nova.d.ts.map +1 -0
  25. package/dist/presets/nova.js +1 -0
  26. package/dist/presets/obsidian.d.ts.map +1 -1
  27. package/dist/presets/obsidian.js +1 -1
  28. package/dist/presets/ocean.d.ts.map +1 -1
  29. package/dist/presets/ocean.js +1 -1
  30. package/dist/presets/pristine.d.ts.map +1 -1
  31. package/dist/presets/pristine.js +1 -1
  32. package/dist/types/index.d.ts +166 -30
  33. package/dist/types/index.d.ts.map +1 -1
  34. package/dist/utils/color-parser.d.ts +31 -0
  35. package/dist/utils/color-parser.d.ts.map +1 -0
  36. package/dist/utils/color-parser.js +1 -0
  37. package/dist/utils/color-utils.d.ts +26 -2
  38. package/dist/utils/color-utils.d.ts.map +1 -1
  39. package/dist/utils/color-utils.js +1 -1
  40. package/dist/utils/cookie-storage.d.ts +6 -0
  41. package/dist/utils/cookie-storage.d.ts.map +1 -1
  42. package/dist/utils/cookie-storage.js +1 -1
  43. package/dist/utils/css-generator.d.ts +1 -9
  44. package/dist/utils/css-generator.d.ts.map +1 -1
  45. package/dist/utils/css-generator.js +4 -4
  46. package/dist/utils/get-preset.d.ts.map +1 -1
  47. package/dist/utils/get-preset.js +1 -1
  48. package/dist/utils/index.d.ts +1 -0
  49. package/dist/utils/index.d.ts.map +1 -1
  50. package/dist/utils/index.js +1 -1
  51. package/dist/utils/inject-theme-css.d.ts.map +1 -1
  52. package/dist/utils/inject-theme-css.js +1 -1
  53. package/dist/utils/no-transition.d.ts +1 -1
  54. package/dist/utils/no-transition.d.ts.map +1 -1
  55. package/dist/utils/no-transition.js +2 -2
  56. package/dist/utils/preset-merger.d.ts.map +1 -1
  57. package/dist/utils/preset-merger.js +1 -1
  58. package/dist/utils/setup-theme.d.ts +2 -11
  59. package/dist/utils/setup-theme.d.ts.map +1 -1
  60. package/dist/utils/setup-theme.js +1 -1
  61. package/package.json +12 -2
package/README.md CHANGED
@@ -7,9 +7,9 @@ High-performance and typed theme system for Maz-UI.
7
7
  - 🎨 **HSL CSS Variables** - Uses HSL CSS variables for maximum flexibility
8
8
  - 🌓 **Automatic dark mode** - Native dark mode support with `prefers-color-scheme`
9
9
  - 🚀 **Automatic generation** - Automatically generates color variants (50-950)
10
- - ⚡ **Flexible strategies** - Runtime, build-time or hybrid
10
+ - ⚡ **Flexible strategies** - Runtime injection or build-time generation
11
11
  - 🛡️ **Strict TypeScript** - Complete types for optimal DX
12
- - 🎯 **Zero FOUC** - Critical CSS injected inline
12
+ - 🎯 **Zero FOUC** - Pass the preset object so the full CSS renders synchronously on first paint
13
13
  - 🔧 **Configurable presets** - Ready-to-use and customizable presets
14
14
 
15
15
  ## Installation
@@ -32,11 +32,17 @@ const app = createApp(App)
32
32
 
33
33
  app.use(MazUiTheme, {
34
34
  preset: mazUi,
35
- strategy: 'hybrid',
36
- darkModeStrategy: 'class'
35
+ strategy: 'runtime',
36
+ darkModeStrategy: 'class',
37
+ // remember the active preset name across reloads (default: true)
38
+ persistPreset: true,
37
39
  })
38
40
  ```
39
41
 
42
+ ### Preset persistence
43
+
44
+ The active preset name is stored in a `maz-preset` cookie (1-year TTL, `SameSite=Lax`). At boot the cookie takes priority over `options.preset` (string name **or** preset object — both treated as the default the app boots with), so the user's last choice survives across reloads. The cookie is written on every successful resolution and on every `useTheme().updateTheme()` call, and auto-cleared if the saved name no longer resolves. Set `persistPreset: false` to opt out — no cookie is read or written.
45
+
40
46
  ### 2. Usage in components
41
47
 
42
48
  ```vue
@@ -47,9 +53,9 @@ const { toggleDarkMode, isDark } = useTheme()
47
53
  </script>
48
54
 
49
55
  <template>
50
- <div class="maz-bg-background maz-text-foreground">
56
+ <div class="maz:bg-surface maz:text-foreground">
51
57
  <button
52
- class="maz-bg-primary maz-text-primary-foreground maz-rounded-[var(--radius)]"
58
+ class="maz:bg-primary maz:text-primary-foreground maz:rounded-md"
53
59
  @click="toggleDarkMode"
54
60
  >
55
61
  Toggle Dark Mode
@@ -84,6 +90,12 @@ import { ocean } from '@maz-ui/themes/presets/ocean'
84
90
  import { obsidian } from '@maz-ui/themes/presets/obsidian'
85
91
  ```
86
92
 
93
+ ### Nova
94
+
95
+ ```typescript
96
+ import { nova } from '@maz-ui/themes/presets/nova'
97
+ ```
98
+
87
99
  ## Creating custom presets
88
100
 
89
101
  ```typescript
@@ -93,18 +105,20 @@ const myPreset = definePreset({
93
105
  base: mazUi,
94
106
  overrides: {
95
107
  name: 'my-theme',
96
- radius: '0.75rem',
108
+ scales: {
109
+ radius: { md: '0.75rem' },
110
+ },
97
111
  colors: {
98
112
  light: {
99
113
  primary: '220 100% 50%',
100
- secondary: '210 40% 96%'
114
+ secondary: '210 40% 96%',
101
115
  },
102
116
  dark: {
103
117
  primary: '220 100% 70%',
104
- secondary: '210 40% 15%'
105
- }
106
- }
107
- }
118
+ secondary: '210 40% 15%',
119
+ },
120
+ },
121
+ },
108
122
  })
109
123
  ```
110
124
 
@@ -118,7 +132,7 @@ const {
118
132
  presetName, // ComputedRef<string>
119
133
  colorMode, // Ref<'light' | 'dark' | 'auto'>
120
134
  isDark, // ComputedRef<boolean>
121
- strategy, // ComputedRef<'runtime' | 'build' | 'hybrid'>
135
+ strategy, // ComputedRef<'runtime' | 'buildtime'>
122
136
  updateTheme, // (preset: ThemePreset | ThemePresetName | ThemePresetOverrides) => void
123
137
  setColorMode, // (mode: 'light' | 'dark' | 'auto') => void
124
138
  toggleDarkMode, // () => void
@@ -127,17 +141,13 @@ const {
127
141
 
128
142
  ## Strategies
129
143
 
130
- ### Runtime
131
-
132
- CSS generated and injected dynamically on the client side.
144
+ ### Runtime (recommended)
133
145
 
134
- ### Build
146
+ The full theme CSS is generated and injected synchronously on first paint, on both client and server (via `useHead` in Nuxt). `updateTheme(...)` re-injects the new CSS at runtime.
135
147
 
136
- CSS generated at build-time and included in the bundle.
148
+ ### Buildtime
137
149
 
138
- ### Hybrid (recommended)
139
-
140
- Critical CSS injected inline, complete CSS loaded asynchronously.
150
+ CSS generated at build-time and included in the bundle. Nothing is injected at runtime; you must include the generated CSS file yourself.
141
151
 
142
152
  ## Generated CSS variables
143
153
 
@@ -156,12 +166,11 @@ import { buildThemeCSS, generateThemeBundle } from '@maz-ui/themes'
156
166
  // CSS for a preset
157
167
  const css = buildThemeCSS({
158
168
  preset: myPreset,
159
- darkModeStrategy: 'class',
160
- critical: true
169
+ darkSelector: 'class',
161
170
  })
162
171
 
163
172
  // Bundle for multiple presets
164
173
  const bundle = generateThemeBundle([mazUi, darkPreset], {
165
- darkModeStrategy: 'class'
174
+ darkSelector: 'class',
166
175
  })
167
176
  ```
@@ -7,21 +7,14 @@ export interface BuildThemeOptions {
7
7
  darkSelector?: 'class' | 'media';
8
8
  /** CSS variables prefix */
9
9
  prefix?: string;
10
- /** Generate only critical CSS */
11
- criticalOnly?: boolean;
12
10
  /** Dark class name */
13
11
  darkClass?: string;
14
12
  }
15
13
  export declare function buildThemeCSS(options: BuildThemeOptions): string;
16
14
  export declare function generateThemeBundle(presets: ThemePreset[], options?: {
17
- /** Mode de thème à générer */
18
15
  mode?: 'light' | 'dark' | 'both';
19
- /** Sélecteur pour le mode sombre */
20
16
  darkSelector?: 'class' | 'media';
21
- /** Préfixe des variables CSS */
22
17
  prefix?: string;
23
- /** Générer seulement le CSS critique */
24
- criticalOnly?: boolean;
25
18
  }): Record<string, string>;
26
19
  export declare function createThemeStylesheet(css: string, options?: {
27
20
  id?: string;
@@ -32,7 +25,6 @@ export declare function buildSeparateThemeFiles(preset: ThemePreset, options?: {
32
25
  darkSelector?: 'class' | 'media';
33
26
  darkClass?: string;
34
27
  }): {
35
- critical: string;
36
28
  full: string;
37
29
  lightOnly: string;
38
30
  darkOnly: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/build/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CA0BhE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,GAAE;IACnE,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAkB9B;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACV,GAAG,MAAM,CAYd;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACd,GAAG;IACP,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAWA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/build/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAehE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,GAAE;IACnE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;CACX,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgB9B;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACV,GAAG,MAAM,CAYd;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACd,GAAG;IACP,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAMA"}
@@ -1 +1 @@
1
- import{generateCSS}from"../utils/css-generator.js";function buildThemeCSS(options){let{preset,mode=`both`,darkSelector=`class`,prefix=`maz`,darkClass=`dark`,criticalOnly=!1}=options;let cssOptions={mode,darkSelectorStrategy:darkSelector,prefix,darkClass};let criticalCSS=generateCSS(preset,{...cssOptions,onlyCritical:!0});return criticalOnly?criticalCSS:`${criticalCSS}\n${generateCSS(preset,cssOptions)}`}function generateThemeBundle(presets,options={}){let{mode=`both`,darkSelector=`class`,prefix=`maz`,criticalOnly=!1}=options;return presets.reduce((bundle,preset)=>(bundle[preset.name]=buildThemeCSS({preset,mode,darkSelector,prefix,criticalOnly}),bundle),{})}function createThemeStylesheet(css,options={}){let{id=`maz-theme`,media}=options;let styleTag=`<style id="${id}"`;return media&&(styleTag+=` media="${media}"`),styleTag+=`>\n${css}\n</style>`,styleTag}function buildSeparateThemeFiles(preset,options={}){let{prefix=`maz`,darkSelector=`class`,darkClass=`dark`}=options;let baseOptions={prefix,darkSelectorStrategy:darkSelector,darkClass};return{critical:generateCSS(preset,{...baseOptions,mode:`both`,onlyCritical:!0}),full:generateCSS(preset,{...baseOptions,mode:`both`}),lightOnly:buildThemeCSS({preset,mode:`light`,...options}),darkOnly:buildThemeCSS({preset,mode:`dark`,...options})}}export{buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,generateThemeBundle};
1
+ import{generateCSS}from"../utils/css-generator.js";function buildThemeCSS(options){let{preset,mode=`both`,darkSelector=`class`,prefix=`maz`,darkClass=`dark`}=options;return generateCSS(preset,{mode,darkSelectorStrategy:darkSelector,prefix,darkClass})}function generateThemeBundle(presets,options={}){let{mode=`both`,darkSelector=`class`,prefix=`maz`}=options;return presets.reduce((bundle,preset)=>(bundle[preset.name]=buildThemeCSS({preset,mode,darkSelector,prefix}),bundle),{})}function createThemeStylesheet(css,options={}){let{id=`maz-theme`,media}=options;let styleTag=`<style id="${id}"`;return media&&(styleTag+=` media="${media}"`),styleTag+=`>\n${css}\n</style>`,styleTag}function buildSeparateThemeFiles(preset,options={}){return{full:buildThemeCSS({preset,mode:`both`,...options}),lightOnly:buildThemeCSS({preset,mode:`light`,...options}),darkOnly:buildThemeCSS({preset,mode:`dark`,...options})}}export{buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,generateThemeBundle};
@@ -0,0 +1,2 @@
1
+ export { useTheme } from './useTheme';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
@@ -29,7 +29,7 @@ export declare function useTheme(): {
29
29
  * @param preset The new theme preset
30
30
  * @description Update the theme with a new preset or override some tokens
31
31
  */
32
- updateTheme: typeof updateTheme;
32
+ updateTheme(preset: ThemePreset | ThemePresetOverrides | ThemePresetName): ReturnType<typeof updateTheme>;
33
33
  /**
34
34
  * Set the color mode
35
35
  * @description Set the color mode - Can be 'auto', 'dark' or 'light'
@@ -1 +1 @@
1
- {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;AAyBzG,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBA4BtF;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,SAAS,QAWzC;AAED,iBAAS,cAAc,SAEtB;AAiCD,wBAAgB,QAAQ;IAkBpB;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;EAGN"}
1
+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;AA0BzG,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBA+BtF;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,SAAS,QAWzC;AAED,iBAAS,cAAc,SAEtB;AAiCD,wBAAgB,QAAQ;IAkBpB;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;wBACiB,WAAW,GAAG,oBAAoB,GAAG,eAAe,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC;IAGzG;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;EAGN"}
@@ -1 +1 @@
1
- import{setCookie}from"../utils/cookie-storage.js";import{CSS_ID,generateCSS,injectCSS}from"../utils/css-generator.js";import{getPreset}from"../utils/get-preset.js";import{mergePresets}from"../utils/preset-merger.js";import{getSystemColorMode,saveResolvedColorMode}from"../utils/get-color-mode.js";import{isServer}from"@maz-ui/utils/helpers/isServer";import{computed,getCurrentInstance,inject,ref,watch}from"vue";var themeState=ref();var colorMode=computed({get:()=>themeState.value?.colorMode,set:mode=>setColorMode(mode)});var isDark=computed(()=>themeState.value?.isDark||!1);var strategy=computed(()=>themeState.value?.strategy);var mode=computed(()=>themeState.value?.mode);var darkModeStrategy=computed(()=>themeState.value?.darkModeStrategy);var preset=computed(()=>themeState.value?.preset);var presetName=computed(()=>preset.value?.name);async function updateTheme(preset){if(!themeState.value)return;let _preset=typeof preset==`string`?await getPreset(preset):preset;if(!_preset||!themeState.value.preset){console.error(`[@maz-ui/themes] No preset found - If you are using the buildtime strategy, you must provide a complete preset`);return}let newPreset=`name`in _preset&&_preset.name!==themeState.value.preset.name?_preset:mergePresets(themeState.value.preset,_preset);themeState.value.preset=newPreset,(themeState.value.strategy===`runtime`||themeState.value.strategy===`hybrid`)&&injectCSS(CSS_ID,generateCSS(newPreset,{mode:themeState.value.mode,darkSelectorStrategy:themeState.value.darkModeStrategy,prefix:`maz`,darkClass:themeState.value.darkClass}))}function setColorMode(colorMode){themeState.value&&(themeState.value.colorMode=colorMode,setCookie(`maz-color-mode`,colorMode),colorMode===`auto`&&saveResolvedColorMode(getSystemColorMode()===`dark`?`dark`:`light`))}function toggleDarkMode(){setColorMode(isDark.value?`light`:`dark`)}var stopInjectedWatch;function setThemeStateFromGlobalProperties(){themeState.value=void 0,stopInjectedWatch?.(),stopInjectedWatch=void 0;try{let injectedState=inject(`mazThemeState`,void 0);if(themeState.value=injectedState?.value,injectedState&&(stopInjectedWatch=watch(injectedState,newState=>{newState&&(themeState.value=newState)},{deep:!0})),!themeState.value)throw Error(`mazThemeState not found`)}catch{let instance=getCurrentInstance();instance?.appContext?.app?.config?.globalProperties&&(themeState.value=instance.appContext.app.config.globalProperties.$mazThemeState.value)}}function useTheme(){isServer()&&(themeState.value=void 0);try{if(themeState.value||setThemeStateFromGlobalProperties(),!themeState.value)throw Error(`[@maz-ui/themes] no theme state found`)}catch{throw Error(`[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin, or wrap your components in a MazUiProvider, before using useTheme composable`)}return{preset,presetName,colorMode,isDark,strategy,updateTheme,setColorMode,toggleDarkMode,mode,darkModeStrategy,currentPreset:preset}}export{useTheme};
1
+ import{saveResolvedPresetName,setCookie}from"../utils/cookie-storage.js";import{CSS_ID,generateCSS,injectCSS}from"../utils/css-generator.js";import{getPreset}from"../utils/get-preset.js";import{noTransition}from"../utils/no-transition.js";import{mergePresets}from"../utils/preset-merger.js";import{getSystemColorMode,saveResolvedColorMode}from"../utils/get-color-mode.js";import{isServer}from"@maz-ui/utils/helpers/isServer";import{computed,getCurrentInstance,inject,ref,watch}from"vue";var themeState=ref();var colorMode=computed({get:()=>themeState.value?.colorMode,set:mode=>setColorMode(mode)});var isDark=computed(()=>themeState.value?.isDark||!1);var strategy=computed(()=>themeState.value?.strategy);var mode=computed(()=>themeState.value?.mode);var darkModeStrategy=computed(()=>themeState.value?.darkModeStrategy);var preset=computed(()=>themeState.value?.preset);var presetName=computed(()=>preset.value?.name);async function updateTheme(preset){if(!themeState.value)return;let _preset=typeof preset==`string`?await getPreset(preset):preset;if(!_preset||!themeState.value.preset){console.error(`[@maz-ui/themes] No preset found - If you are using the buildtime strategy, you must provide a complete preset`);return}let newPreset=`name`in _preset&&_preset.name!==themeState.value.preset.name?_preset:mergePresets(themeState.value.preset,_preset);themeState.value.preset=newPreset,themeState.value.persistPreset&&saveResolvedPresetName(newPreset.name),themeState.value.strategy===`runtime`&&injectCSS(CSS_ID,generateCSS(newPreset,{mode:themeState.value.mode,darkSelectorStrategy:themeState.value.darkModeStrategy,prefix:`maz`,darkClass:themeState.value.darkClass}))}function setColorMode(colorMode){themeState.value&&(themeState.value.colorMode=colorMode,setCookie(`maz-color-mode`,colorMode),colorMode===`auto`&&saveResolvedColorMode(getSystemColorMode()===`dark`?`dark`:`light`))}function toggleDarkMode(){setColorMode(isDark.value?`light`:`dark`)}var stopInjectedWatch;function setThemeStateFromGlobalProperties(){themeState.value=void 0,stopInjectedWatch?.(),stopInjectedWatch=void 0;try{let injectedState=inject(`mazThemeState`,void 0);if(themeState.value=injectedState?.value,injectedState&&(stopInjectedWatch=watch(injectedState,newState=>{newState&&(themeState.value=newState)},{deep:!0})),!themeState.value)throw Error(`mazThemeState not found`)}catch{let instance=getCurrentInstance();instance?.appContext?.app?.config?.globalProperties&&(themeState.value=instance.appContext.app.config.globalProperties.$mazThemeState.value)}}function useTheme(){isServer()&&(themeState.value=void 0);try{if(themeState.value||setThemeStateFromGlobalProperties(),!themeState.value)throw Error(`[@maz-ui/themes] no theme state found`)}catch{throw Error(`[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin, or wrap your components in a MazUiProvider, before using useTheme composable`)}return{preset,presetName,colorMode,isDark,strategy,updateTheme(preset){return noTransition(updateTheme,preset)},setColorMode,toggleDarkMode,mode,darkModeStrategy,currentPreset:preset}}export{useTheme};
@@ -4,7 +4,6 @@ import { ThemePreset, ThemePresetName, ThemePresetOverrides } from './types';
4
4
  *
5
5
  * @example
6
6
  * ```ts
7
- * // Utilisation asynchrone avec une base string
8
7
  * const customTheme = await definePreset({
9
8
  * base: 'mazUi',
10
9
  * overrides: {
@@ -14,20 +13,18 @@ import { ThemePreset, ThemePresetName, ThemePresetOverrides } from './types';
14
13
  * }
15
14
  * })
16
15
  *
17
- * // Utilisation synchrone avec un objet preset
18
16
  * import { mazUi } from './presets/mazUi'
19
17
  * const customTheme = definePreset({
20
18
  * base: mazUi,
21
19
  * overrides: {
22
- * foundation: { radius: '1rem' }
20
+ * foundation: { 'base-font-size': '1rem' }
23
21
  * }
24
22
  * })
25
23
  *
26
- * // Utilisation asynchrone sans base (utilise 'maz-ui' par défaut)
27
24
  * const customTheme = await definePreset({
28
25
  * overrides: {
29
26
  * colors: {
30
- * dark: { background: '0 0% 5%' }
27
+ * dark: { surface: '0 0% 5%' }
31
28
  * }
32
29
  * }
33
30
  * })
@@ -1 +1 @@
1
- {"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../src/define-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,WAAW,CAAA;AAEf,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA"}
1
+ {"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../src/define-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,WAAW,CAAA;AAEf,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA"}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{adjustColorLightness,formatHSL,generateColorScale,getContrastColor,parseHSL}from"./utils/color-utils.js";import{CSS_ID,generateCSS,injectCSS,removeCSS}from"./utils/css-generator.js";import{injectThemeCSS}from"./utils/inject-theme-css.js";import{deepMerge,mergePresets}from"./utils/preset-merger.js";import{defaultOptions,setupTheme}from"./utils/setup-theme.js";import{MazUiTheme}from"./plugin.js";import{definePreset}from"./define-preset.js";import{pristine}from"./presets/pristine.js";import{ocean}from"./presets/ocean.js";import{obsidian}from"./presets/obsidian.js";import{mazUi}from"./presets/mazUi.js";import{useTheme}from"./composables/useTheme.js";import{buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,generateThemeBundle}from"./build/index.js";import"./presets/index.js";export{CSS_ID,MazUiTheme,adjustColorLightness,buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,deepMerge,defaultOptions,definePreset,formatHSL,generateCSS,generateColorScale,generateThemeBundle,getContrastColor,injectCSS,injectThemeCSS,mazUi,mergePresets,obsidian,ocean,parseHSL,pristine,removeCSS,setupTheme,useTheme};
1
+ import{adjustColorLightness,generateColorScale,getContrastColor,parseHSL}from"./utils/color-utils.js";import{CSS_ID,generateCSS,injectCSS,removeCSS}from"./utils/css-generator.js";import{injectThemeCSS}from"./utils/inject-theme-css.js";import{deepMerge,mergePresets}from"./utils/preset-merger.js";import{defaultOptions,setupTheme}from"./utils/setup-theme.js";import{MazUiTheme}from"./plugin.js";import{definePreset}from"./define-preset.js";import{pristine}from"./presets/pristine.js";import{ocean}from"./presets/ocean.js";import{obsidian}from"./presets/obsidian.js";import{nova}from"./presets/nova.js";import{mazUi}from"./presets/mazUi.js";import{useTheme}from"./composables/useTheme.js";import{buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,generateThemeBundle}from"./build/index.js";import"./presets/index.js";export{CSS_ID,MazUiTheme,adjustColorLightness,buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,deepMerge,defaultOptions,definePreset,generateCSS,generateColorScale,generateThemeBundle,getContrastColor,injectCSS,injectThemeCSS,mazUi,mergePresets,nova,obsidian,ocean,parseHSL,pristine,removeCSS,setupTheme,useTheme};
package/dist/plugin.d.ts CHANGED
@@ -1,21 +1,6 @@
1
1
  import { Plugin, Ref } from 'vue';
2
2
  import { ThemeConfig, ThemeState } from './types';
3
- export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
4
- /**
5
- * Inject critical CSS
6
- * @description Inject critical CSS to prevent FOUC
7
- * @default true
8
- * @private
9
- */
10
- injectCriticalCSS?: boolean;
11
- /**
12
- * Inject full CSS
13
- * @description Inject full CSS to ensure all styles are loaded
14
- * @default true
15
- * @private
16
- */
17
- injectFullCSS?: boolean;
18
- }
3
+ export type MazUiThemeOptions = Omit<ThemeConfig, 'prefix'>;
19
4
  /**
20
5
  * @example
21
6
  * ```ts
@@ -24,7 +9,7 @@ export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
24
9
  *
25
10
  * app.use(MazUiTheme, {
26
11
  * preset: mazUi,
27
- * strategy: 'hybrid',
12
+ * strategy: 'runtime',
28
13
  * darkMode: 'class',
29
14
  * })
30
15
  * ```
@@ -1 +1 @@
1
- {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAItD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACpE;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAKlD,CAAA;AAED,OAAO,QAAQ,KAAK,CAAC;IACnB,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;KAChC;CACF"}
1
+ {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAItD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAE3D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAKlD,CAAA;AAED,OAAO,QAAQ,KAAK,CAAC;IACnB,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;KAChC;CACF"}
@@ -0,0 +1,33 @@
1
+ import { ThemeComponentBg, ThemeFoundation, ThemeScales } from '../types';
2
+ /**
3
+ * Defaults shared across the bundled presets. Each preset can spread these
4
+ * and override the keys it cares about. `rounded` is intentionally NOT shared
5
+ * — every preset declares its own scale anchored on its visual identity.
6
+ */
7
+ export declare const DEFAULT_SPACE: NonNullable<ThemeFoundation['space']>;
8
+ export declare const DEFAULT_SHADOW: ThemeScales['shadow'];
9
+ export declare const DEFAULT_DISABLED_OPACITY = "0.5";
10
+ export declare const DEFAULT_DISABLED_CURSOR = "not-allowed";
11
+ /**
12
+ * Default mono stack — used when a preset doesn't override `font-mono-stack`.
13
+ */
14
+ export declare const DEFAULT_FONT_MONO = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
15
+ /**
16
+ * Per-mode default bg for containers (cards, dialogs, popovers, dropdowns,
17
+ * drawers). Both modes resolve to the active `surface` color so the bg
18
+ * inherits any preset palette change automatically.
19
+ */
20
+ export declare const DEFAULT_CONTAINER_BG: ThemeComponentBg;
21
+ /**
22
+ * Per-mode default bg for inputs. Light uses the bare `surface`; dark uses
23
+ * `surface-400` so inputs read as one tier above the page background — the
24
+ * same contrast pattern the v4 components shipped with.
25
+ */
26
+ export declare const DEFAULT_INPUT_BG: ThemeComponentBg;
27
+ /**
28
+ * Default font weight used by `MazBtn` — medium (500). Presets can
29
+ * override via `components.btn.font-weight` to bias the button text
30
+ * heavier or lighter for their visual identity.
31
+ */
32
+ export declare const DEFAULT_BTN_FONT_WEIGHT = "500";
33
+ //# sourceMappingURL=_defaults.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_defaults.d.ts","sourceRoot":"","sources":["../../src/presets/_defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9E;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAa,CAAA;AAE7E,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,QAAQ,CAMhD,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAQ,CAAA;AAC7C,eAAO,MAAM,uBAAuB,gBAAgB,CAAA;AAEpD;;GAEG;AACH,eAAO,MAAM,iBAAiB,uGAC0E,CAAA;AAExG;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,gBAGlC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,gBAG9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,QAAQ,CAAA"}
@@ -0,0 +1 @@
1
+ var DEFAULT_SPACE=`0.25rem`;var DEFAULT_SHADOW={sm:`0 1px 2px 0 rgb(0 0 0 / 0.05)`,md:`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,lg:`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,xl:`0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)`,elevation:`0 4px 12px -2px rgb(0 0 0 / 0.08), 0 2px 4px -1px rgb(0 0 0 / 0.06)`};var DEFAULT_DISABLED_OPACITY=`0.5`;var DEFAULT_DISABLED_CURSOR=`not-allowed`;var DEFAULT_FONT_MONO=`ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`;var DEFAULT_CONTAINER_BG={light:`var(--maz-surface)`,dark:`var(--maz-surface)`};var DEFAULT_INPUT_BG={light:`var(--maz-surface)`,dark:`var(--maz-surface-400)`};var DEFAULT_BTN_FONT_WEIGHT=`500`;export{DEFAULT_BTN_FONT_WEIGHT,DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_DISABLED_OPACITY,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE};
@@ -1,4 +1,5 @@
1
1
  export * from './mazUi';
2
+ export * from './nova';
2
3
  export * from './obsidian';
3
4
  export * from './ocean';
4
5
  export * from './pristine';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
@@ -1 +1 @@
1
- import{pristine}from"./pristine.js";import{ocean}from"./ocean.js";import{obsidian}from"./obsidian.js";import{mazUi}from"./mazUi.js";export{mazUi,obsidian,ocean,pristine};
1
+ import{pristine}from"./pristine.js";import{ocean}from"./ocean.js";import{obsidian}from"./obsidian.js";import{nova}from"./nova.js";import{mazUi}from"./mazUi.js";export{mazUi,nova,obsidian,ocean,pristine};
@@ -1 +1 @@
1
- {"version":3,"file":"mazUi.d.ts","sourceRoot":"","sources":["../../src/presets/mazUi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,KAAK,EAAE,WA0DnB,CAAA"}
1
+ {"version":3,"file":"mazUi.d.ts","sourceRoot":"","sources":["../../src/presets/mazUi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAc3C,eAAO,MAAM,KAAK,EAAE,WAqFnB,CAAA"}
@@ -1 +1 @@
1
- var mazUi={name:`maz-ui`,foundation:{"base-font-size":`14px`,"font-family":`Manrope, sans-serif, system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`,radius:`0.7rem`,"border-width":`1px`},colors:{light:{background:`0 0% 100%`,foreground:`210 8% 14%`,primary:`210 100% 56%`,"primary-foreground":`0 0% 100%`,secondary:`272 99% 54%`,"secondary-foreground":`0 0% 100%`,accent:`164 76% 46%`,"accent-foreground":`0 0% 100%`,success:`80 61% 50%`,"success-foreground":`210 8% 14%`,warning:`40 97% 59%`,"warning-foreground":`210 8% 14%`,destructive:`356.95 95.91% 57.73%`,"destructive-foreground":`0 0% 100%`,info:`188 78% 41%`,"info-foreground":`0 0% 100%`,contrast:`235 16% 15%`,"contrast-foreground":`255 0% 95%`,border:`220 13.04% 90.98%`,overlay:`0 0% 40%`,muted:`0 0% 54%`,shadow:`240 5.9% 10%`},dark:{background:`235 16% 15%`,foreground:`0 0% 85%`,primary:`210 100% 56%`,"primary-foreground":`0 0% 100%`,secondary:`272 99% 54%`,"secondary-foreground":`0 0% 100%`,accent:`164 76% 46%`,"accent-foreground":`0 0% 100%`,success:`80 61% 50%`,"success-foreground":`210 8% 14%`,warning:`40 97% 59%`,"warning-foreground":`210 8% 14%`,destructive:`1 100% 71%`,"destructive-foreground":`0 0% 100%`,info:`188 78% 41%`,"info-foreground":`0 0% 100%`,contrast:`0 0% 100%`,"contrast-foreground":`210 8% 14%`,muted:`255 0% 54%`,border:`238 17% 25%`,overlay:`0 0% 15%`,shadow:`240 3.7% 15.9%`}}};export{mazUi};
1
+ import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`Manrope, sans-serif, system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var mazUi={name:`maz-ui`,foundation:{"base-font-size":`14px`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"border-width":`1px`,"motion-fast":`100ms`,"motion-normal":`200ms`,"motion-slow":`300ms`,"easing-out":`cubic-bezier(0.4, 0, 0.2, 1)`,"easing-in":`cubic-bezier(0.4, 0, 1, 1)`,"easing-in-out":`cubic-bezier(0.4, 0, 0.2, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.125rem`,sm:`0.25rem`,md:`0.7rem`,lg:`1rem`,xl:`1.5rem`,"2xl":`2rem`,"3xl":`3rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(1 0 0)`,foreground:`oklch(0.2573 0.0068 248.09)`,primary:`oklch(0.6495 0.1913 253.63)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.288 299.35)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.7595 0.1492 168.15)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.7851 0.1845 126.83)`,"success-foreground":`oklch(0.2573 0.0068 248.09)`,warning:`oklch(0.8256 0.1583 79.4)`,"warning-foreground":`oklch(0.2573 0.0068 248.09)`,destructive:`oklch(0.637 0.237 25.33)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.6619 0.1115 211.75)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.2524 0.0212 280.69)`,"contrast-foreground":`oklch(0.9619 0 0)`,divider:`oklch(0.9276 0.0058 264.53)`,overlay:`oklch(0.5103 0 0)`,muted:`oklch(0.6324 0 0)`,shadow:`oklch(0.2103 0.0059 285.88)`},dark:{surface:`oklch(0.2524 0.0212 280.69)`,foreground:`oklch(0.8845 0 0)`,primary:`oklch(0.6495 0.1913 253.63)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.288 299.35)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.7595 0.1492 168.15)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.7851 0.1845 126.83)`,"success-foreground":`oklch(0.2573 0.0068 248.09)`,warning:`oklch(0.8256 0.1583 79.4)`,"warning-foreground":`oklch(0.2573 0.0068 248.09)`,destructive:`oklch(0.7149 0.1784 23.64)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.6619 0.1115 211.75)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(1 0 0)`,"contrast-foreground":`oklch(0.2573 0.0068 248.09)`,muted:`oklch(0.6324 0 0)`,divider:`oklch(0.3399 0.0366 282.73)`,overlay:`oklch(0.2697 0 0)`,shadow:`oklch(0.2741 0.0055 286.03)`}}};export{mazUi};
@@ -0,0 +1,3 @@
1
+ import { ThemePreset } from '../types';
2
+ export declare const nova: ThemePreset;
3
+ //# sourceMappingURL=nova.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nova.d.ts","sourceRoot":"","sources":["../../src/presets/nova.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAkC3C,eAAO,MAAM,IAAI,EAAE,WAqFlB,CAAA"}
@@ -0,0 +1 @@
1
+ import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var nova={name:`nova`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":`'Geist', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Helvetica Neue', sans-serif`,"font-mono-stack":`'Geist Mono', 'JetBrains Mono', ${DEFAULT_FONT_MONO}`,"font-display-stack":`'Geist', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', sans-serif`,"motion-fast":`100ms`,"motion-normal":`180ms`,"motion-slow":`280ms`,"easing-out":`cubic-bezier(0.22, 1, 0.36, 1)`,"easing-in":`cubic-bezier(0.55, 0, 0.85, 0)`,"easing-in-out":`cubic-bezier(0.83, 0, 0.17, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.25rem`,sm:`0.375rem`,md:`0.5rem`,lg:`0.75rem`,xl:`1rem`,"2xl":`1.5rem`,"3xl":`2rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.99 0.005 320)`,foreground:`oklch(0.21 0.018 290)`,primary:`oklch(0.6 0.23 290)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.68 0.22 15)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.75 0.16 200)`,"accent-foreground":`oklch(0.21 0.018 290)`,success:`oklch(0.72 0.18 150)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.85 0.18 95)`,"warning-foreground":`oklch(0.21 0.018 290)`,destructive:`oklch(0.63 0.24 27)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.16 230)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.21 0.018 290)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.62 0.018 290)`,divider:`oklch(0.91 0.012 290)`,overlay:`oklch(0.21 0.018 290)`,shadow:`oklch(0.32 0.07 290)`},dark:{surface:`oklch(0.18 0.015 290)`,foreground:`oklch(0.97 0.005 290)`,primary:`oklch(0.72 0.2 290)`,"primary-foreground":`oklch(0.18 0.015 290)`,secondary:`oklch(0.74 0.2 15)`,"secondary-foreground":`oklch(0.18 0.015 290)`,accent:`oklch(0.82 0.15 200)`,"accent-foreground":`oklch(0.18 0.015 290)`,success:`oklch(0.78 0.17 150)`,"success-foreground":`oklch(0.18 0.015 290)`,warning:`oklch(0.86 0.17 95)`,"warning-foreground":`oklch(0.18 0.015 290)`,destructive:`oklch(0.7 0.21 27)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.78 0.15 230)`,"info-foreground":`oklch(0.18 0.015 290)`,contrast:`oklch(0.97 0.005 290)`,"contrast-foreground":`oklch(0.18 0.015 290)`,muted:`oklch(0.68 0.018 290)`,divider:`oklch(0.3 0.025 290)`,overlay:`oklch(0.18 0.015 290)`,shadow:`oklch(0.12 0.025 290)`}}};export{nova};
@@ -1 +1 @@
1
- {"version":3,"file":"obsidian.d.ts","sourceRoot":"","sources":["../../src/presets/obsidian.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,QAAQ,EAAE,WA2DtB,CAAA"}
1
+ {"version":3,"file":"obsidian.d.ts","sourceRoot":"","sources":["../../src/presets/obsidian.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA6B3C,eAAO,MAAM,QAAQ,EAAE,WAqFtB,CAAA"}
@@ -1 +1 @@
1
- var obsidian={name:`obsidian`,foundation:{"base-font-size":`14px`,radius:`0.6rem`,"border-width":`1px`,"font-family":`'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`},colors:{light:{background:`0 0% 98%`,foreground:`220 13% 15%`,primary:`220 100% 60%`,"primary-foreground":`0 0% 100%`,contrast:`220 13% 15%`,"contrast-foreground":`0 0% 100%`,secondary:`220 13% 90%`,"secondary-foreground":`220 13% 15%`,muted:`220 8% 50%`,accent:`280 100% 65%`,"accent-foreground":`0 0% 100%`,destructive:`0 75% 55%`,"destructive-foreground":`0 0% 100%`,success:`160 60% 40%`,"success-foreground":`0 0% 100%`,warning:`40 100% 50%`,"warning-foreground":`0 0% 100%`,info:`200 100% 55%`,"info-foreground":`0 0% 100%`,border:`220 13% 90%`,overlay:`220 13% 15%`,shadow:`220 10% 20%`},dark:{background:`220 13% 10%`,foreground:`0 0% 95%`,primary:`220 100% 70%`,"primary-foreground":`0 0% 10%`,contrast:`0 0% 100%`,"contrast-foreground":`220 13% 10%`,secondary:`220 13% 18%`,"secondary-foreground":`0 0% 95%`,muted:`220 8% 60%`,accent:`280 100% 65%`,"accent-foreground":`0 0% 100%`,destructive:`0 70% 60%`,"destructive-foreground":`0 0% 100%`,success:`160 60% 50%`,"success-foreground":`0 0% 100%`,warning:`40 100% 55%`,"warning-foreground":`0 0% 100%`,info:`200 100% 60%`,"info-foreground":`0 0% 100%`,border:`220 13% 20%`,overlay:`220 13% 10%`,shadow:`220 10% 5%`}}};export{obsidian};
1
+ import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var obsidian={name:`obsidian`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"motion-fast":`80ms`,"motion-normal":`160ms`,"motion-slow":`240ms`,"easing-out":`cubic-bezier(0.16, 1, 0.3, 1)`,"easing-in":`cubic-bezier(0.7, 0, 0.84, 0)`,"easing-in-out":`cubic-bezier(0.87, 0, 0.13, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.125rem`,sm:`0.25rem`,md:`0.5rem`,lg:`0.75rem`,xl:`1rem`,"2xl":`1.5rem`,"3xl":`2rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.985 0.005 280)`,foreground:`oklch(0.245 0.012 280)`,primary:`oklch(0.55 0.205 275)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.6 0.235 0)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.77 0.155 78)`,"accent-foreground":`oklch(0.245 0.012 280)`,success:`oklch(0.66 0.14 162)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.795 0.165 76)`,"warning-foreground":`oklch(0.245 0.012 280)`,destructive:`oklch(0.605 0.215 22)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.13 230)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.245 0.012 280)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.585 0.022 280)`,divider:`oklch(0.918 0.01 280)`,overlay:`oklch(0.245 0.012 280)`,shadow:`oklch(0.27 0.018 280)`},dark:{surface:`oklch(0.2 0.012 280)`,foreground:`oklch(0.965 0.003 280)`,primary:`oklch(0.69 0.175 275)`,"primary-foreground":`oklch(0.2 0.012 280)`,secondary:`oklch(0.7 0.21 0)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.815 0.155 78)`,"accent-foreground":`oklch(0.2 0.012 280)`,success:`oklch(0.755 0.15 162)`,"success-foreground":`oklch(0.2 0.012 280)`,warning:`oklch(0.815 0.165 76)`,"warning-foreground":`oklch(0.2 0.012 280)`,destructive:`oklch(0.64 0.18 22)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.745 0.14 230)`,"info-foreground":`oklch(0.2 0.012 280)`,contrast:`oklch(1 0 0)`,"contrast-foreground":`oklch(0.2 0.012 280)`,muted:`oklch(0.665 0.018 280)`,divider:`oklch(0.31 0.02 280)`,overlay:`oklch(0.2 0.012 280)`,shadow:`oklch(0.14 0.005 280)`}}};export{obsidian};
@@ -1 +1 @@
1
- {"version":3,"file":"ocean.d.ts","sourceRoot":"","sources":["../../src/presets/ocean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,KAAK,EAAE,WA0DnB,CAAA"}
1
+ {"version":3,"file":"ocean.d.ts","sourceRoot":"","sources":["../../src/presets/ocean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA8B3C,eAAO,MAAM,KAAK,EAAE,WAqFnB,CAAA"}
@@ -1 +1 @@
1
- var ocean={name:`ocean`,foundation:{"base-font-size":`16px`,radius:`1rem`,"border-width":`0.125rem`,"font-family":`'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`},colors:{light:{background:`200 40% 98%`,foreground:`210 20% 12%`,primary:`195 60% 45%`,"primary-foreground":`0 0% 100%`,contrast:`210 20% 12%`,"contrast-foreground":`200 40% 98%`,secondary:`180 35% 92%`,"secondary-foreground":`210 20% 12%`,muted:`200 15% 55%`,accent:`25 60% 70%`,"accent-foreground":`210 20% 12%`,destructive:`5 65% 50%`,"destructive-foreground":`0 0% 100%`,success:`160 50% 38%`,"success-foreground":`0 0% 100%`,warning:`35 60% 55%`,"warning-foreground":`210 20% 12%`,info:`190 60% 50%`,"info-foreground":`0 0% 100%`,border:`180 25% 85%`,overlay:`210 20% 12%`,shadow:`195 20% 25%`},dark:{background:`210 20% 10%`,foreground:`180 20% 92%`,primary:`180 60% 50%`,"primary-foreground":`210 20% 10%`,contrast:`180 20% 92%`,"contrast-foreground":`210 20% 10%`,secondary:`200 30% 18%`,"secondary-foreground":`180 20% 92%`,muted:`200 10% 60%`,accent:`25 50% 65%`,"accent-foreground":`210 20% 10%`,destructive:`5 60% 55%`,"destructive-foreground":`0 0% 100%`,success:`160 45% 40%`,"success-foreground":`0 0% 100%`,warning:`35 55% 55%`,"warning-foreground":`210 20% 10%`,info:`190 50% 55%`,"info-foreground":`0 0% 100%`,border:`200 20% 25%`,overlay:`210 20% 10%`,shadow:`195 10% 5%`}}};export{ocean};
1
+ import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var ocean={name:`ocean`,foundation:{"base-font-size":`16px`,"border-width":`0.125rem`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"motion-fast":`120ms`,"motion-normal":`240ms`,"motion-slow":`360ms`,"easing-out":`cubic-bezier(0.32, 0.72, 0, 1)`,"easing-in":`cubic-bezier(0.7, 0, 0.84, 0)`,"easing-in-out":`cubic-bezier(0.65, 0, 0.35, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.25rem`,sm:`0.5rem`,md:`1rem`,lg:`1.5rem`,xl:`2rem`,"2xl":`3rem`,"3xl":`4rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.985 0.005 215)`,foreground:`oklch(0.22 0.025 235)`,primary:`oklch(0.58 0.13 220)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.42 0.13 252)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.76 0.13 50)`,"accent-foreground":`oklch(0.22 0.025 235)`,success:`oklch(0.625 0.13 170)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.745 0.135 75)`,"warning-foreground":`oklch(0.22 0.025 235)`,destructive:`oklch(0.58 0.2 25)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.11 215)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.22 0.025 235)`,"contrast-foreground":`oklch(0.985 0.005 215)`,muted:`oklch(0.62 0.03 225)`,divider:`oklch(0.89 0.02 200)`,overlay:`oklch(0.22 0.025 235)`,shadow:`oklch(0.35 0.04 225)`},dark:{surface:`oklch(0.2 0.02 240)`,foreground:`oklch(0.945 0.01 200)`,primary:`oklch(0.73 0.12 198)`,"primary-foreground":`oklch(0.2 0.02 240)`,secondary:`oklch(0.6 0.16 252)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.78 0.12 55)`,"accent-foreground":`oklch(0.2 0.02 240)`,success:`oklch(0.64 0.115 170)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.75 0.13 75)`,"warning-foreground":`oklch(0.2 0.02 240)`,destructive:`oklch(0.65 0.18 25)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.74 0.11 215)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.945 0.01 200)`,"contrast-foreground":`oklch(0.2 0.02 240)`,muted:`oklch(0.68 0.02 230)`,divider:`oklch(0.355 0.025 232)`,overlay:`oklch(0.2 0.02 240)`,shadow:`oklch(0.15 0.005 220)`}}};export{ocean};
@@ -1 +1 @@
1
- {"version":3,"file":"pristine.d.ts","sourceRoot":"","sources":["../../src/presets/pristine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,QAAQ,EAAE,WA0DtB,CAAA"}
1
+ {"version":3,"file":"pristine.d.ts","sourceRoot":"","sources":["../../src/presets/pristine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA0B3C,eAAO,MAAM,QAAQ,EAAE,WA2FtB,CAAA"}
@@ -1 +1 @@
1
- var pristine={name:`pristine`,foundation:{"base-font-size":`14px`,radius:`0.6rem`,"border-width":`1px`,"font-family":`-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`},colors:{light:{background:`0 0% 99%`,foreground:`0 0% 10%`,primary:`220 10% 15%`,"primary-foreground":`0 0% 100%`,contrast:`0 0% 15%`,"contrast-foreground":`0 0% 95%`,secondary:`220 10% 92%`,"secondary-foreground":`0 0% 10%`,muted:`0 0% 60%`,accent:`210 15% 85%`,"accent-foreground":`0 0% 10%`,destructive:`0 70% 50%`,"destructive-foreground":`0 0% 100%`,success:`140 40% 45%`,"success-foreground":`0 0% 100%`,warning:`35 80% 55%`,"warning-foreground":`0 0% 10%`,info:`200 80% 50%`,"info-foreground":`0 0% 100%`,border:`220 10% 92%`,overlay:`0 0% 10%`,shadow:`0 0% 0%`},dark:{background:`0 0% 10%`,foreground:`0 0% 95%`,primary:`0 0% 95%`,"primary-foreground":`0 0% 10%`,contrast:`220 10% 92%`,"contrast-foreground":`0 0% 10%`,secondary:`0 0% 18%`,"secondary-foreground":`0 0% 95%`,muted:`0 0% 60%`,accent:`210 15% 25%`,"accent-foreground":`0 0% 95%`,destructive:`0 70% 55%`,"destructive-foreground":`0 0% 100%`,success:`140 40% 45%`,"success-foreground":`0 0% 100%`,warning:`35 80% 55%`,"warning-foreground":`0 0% 10%`,info:`200 80% 55%`,"info-foreground":`0 0% 100%`,border:`0 0% 18%`,overlay:`0 0% 10%`,shadow:`0 0% 0%`}}};export{pristine};
1
+ import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SPACE}from"./_defaults.js";var pristine={name:`pristine`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":`-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif`,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":`-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif`,"motion-fast":`120ms`,"motion-normal":`220ms`,"motion-slow":`380ms`,"easing-out":`cubic-bezier(0.32, 0.72, 0, 1)`,"easing-in":`cubic-bezier(0.5, 0, 0.75, 0)`,"easing-in-out":`cubic-bezier(0.65, 0, 0.35, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.25rem`,sm:`0.375rem`,md:`0.625rem`,lg:`0.875rem`,xl:`1.25rem`,"2xl":`1.75rem`,"3xl":`2.5rem`},shadow:{sm:`0 1px 2px 0 rgb(0 0 0 / 0.04)`,md:`0 2px 6px -1px rgb(0 0 0 / 0.06), 0 1px 3px -1px rgb(0 0 0 / 0.04)`,lg:`0 8px 16px -4px rgb(0 0 0 / 0.08), 0 3px 6px -2px rgb(0 0 0 / 0.04)`,xl:`0 16px 28px -8px rgb(0 0 0 / 0.1), 0 6px 12px -4px rgb(0 0 0 / 0.06)`,elevation:`0 4px 12px -2px rgb(0 0 0 / 0.06), 0 2px 4px -1px rgb(0 0 0 / 0.04)`}},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(1 0 0)`,foreground:`oklch(0.21 0.005 286)`,primary:`oklch(0.22 0.005 286)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.205 305)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.612 0.215 254)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.708 0.18 145)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.745 0.179 56)`,"warning-foreground":`oklch(0.21 0.005 286)`,destructive:`oklch(0.652 0.252 28)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.795 0.12 220)`,"info-foreground":`oklch(0.21 0.005 286)`,contrast:`oklch(0.207 0.002 286)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.6 0.005 286)`,divider:`oklch(0.917 0.005 286)`,overlay:`oklch(0.21 0.005 286)`,shadow:`oklch(0 0 0)`},dark:{surface:`oklch(0.207 0.002 286)`,foreground:`oklch(0.97 0 0)`,primary:`oklch(0.97 0 0)`,"primary-foreground":`oklch(0.207 0.002 286)`,secondary:`oklch(0.66 0.18 305)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.643 0.211 256)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.738 0.197 145)`,"success-foreground":`oklch(0.207 0.002 286)`,warning:`oklch(0.76 0.171 60)`,"warning-foreground":`oklch(0.207 0.002 286)`,destructive:`oklch(0.682 0.245 28)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.802 0.115 220)`,"info-foreground":`oklch(0.207 0.002 286)`,contrast:`oklch(0.97 0 0)`,"contrast-foreground":`oklch(0.207 0.002 286)`,muted:`oklch(0.65 0.005 286)`,divider:`oklch(0.31 0.003 286)`,overlay:`oklch(0.16 0.002 286)`,shadow:`oklch(0 0 0)`}}};export{pristine};