@maz-ui/themes 4.0.0-beta.27 → 4.0.0-beta.35

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.
@@ -1,10 +1,10 @@
1
- import { initThemeState as T, useTheme as a } from "./useTheme.js";
2
1
  import "vue";
3
2
  import "../utils/cookie-storage.js";
4
3
  import "../utils/css-generator.js";
5
4
  import "../utils/get-color-mode.js";
6
5
  import "../utils/get-preset.js";
7
6
  import "../utils/preset-merger.js";
7
+ import { initThemeState as T, useTheme as a } from "./useTheme.js";
8
8
  export {
9
9
  T as initThemeState,
10
10
  a as useTheme
@@ -1,21 +1,18 @@
1
- import { ref as M, computed as a, watchEffect as P, inject as h, getCurrentInstance as v, watch as C } from "vue";
2
- import { setCookie as T } from "../utils/cookie-storage.js";
3
- import { generateCriticalCSS as b, generateFullCSS as w, injectCSS as s, CSS_IDS as u } from "../utils/css-generator.js";
4
- import { getColorMode as z, isSystemPrefersDark as L } from "../utils/get-color-mode.js";
5
- import { getPreset as x } from "../utils/get-preset.js";
6
- import { mergePresets as D } from "../utils/preset-merger.js";
7
- function E() {
8
- return typeof document > "u" || typeof globalThis.window > "u";
9
- }
10
- const r = M();
11
- function k(e) {
1
+ import { ref as g, computed as a, watchEffect as p, inject as v, getCurrentInstance as c, watch as k } from "vue";
2
+ import { setCookie as y } from "../utils/cookie-storage.js";
3
+ import { generateCriticalCSS as S, generateFullCSS as M, injectCSS as s, CSS_IDS as u } from "../utils/css-generator.js";
4
+ import { getColorMode as P, isSystemPrefersDark as h } from "../utils/get-color-mode.js";
5
+ import { getPreset as C } from "../utils/get-preset.js";
6
+ import { mergePresets as T } from "../utils/preset-merger.js";
7
+ const r = g();
8
+ function d(e) {
12
9
  typeof document > "u" || !e || e.darkModeStrategy === "media" || e.mode === "light" || (e.isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
13
10
  }
14
- function F() {
15
- const e = v()?.appContext.app;
11
+ function w() {
12
+ const e = c()?.appContext.app;
16
13
  e && r.value && (e.config.globalProperties.$mazThemeState = r.value);
17
14
  }
18
- function I(e) {
15
+ function b(e) {
19
16
  if (e.currentPreset && e.colorMode !== void 0) {
20
17
  l({
21
18
  currentPreset: e.currentPreset,
@@ -27,7 +24,7 @@ function I(e) {
27
24
  });
28
25
  return;
29
26
  }
30
- const t = z(e.colorMode), o = t === "auto" ? L() : t === "dark";
27
+ const t = P(e.colorMode), o = t === "auto" ? h() : t === "dark";
31
28
  l({
32
29
  currentPreset: e.currentPreset,
33
30
  colorMode: t,
@@ -44,74 +41,64 @@ function l(e) {
44
41
  };
45
42
  t.addEventListener("change", o), o();
46
43
  }
47
- P(() => {
48
- r.value && (k(r.value), F());
44
+ p(() => {
45
+ r.value && (d(r.value), w());
49
46
  });
50
47
  }
51
- const c = a({
48
+ const z = a({
52
49
  get: () => r.value?.colorMode,
53
50
  set: (e) => n(e)
54
- }), d = a(() => r.value?.isDark ?? !1), m = a(() => r.value?.strategy), f = a(() => r.value?.mode), g = a(() => r.value?.darkModeStrategy), p = a(() => r.value?.currentPreset.name);
55
- async function U(e) {
51
+ }), E = a(() => r.value?.isDark ?? !1), L = a(() => r.value?.strategy), x = a(() => r.value?.mode), D = a(() => r.value?.darkModeStrategy), F = a(() => r.value?.currentPreset.name);
52
+ async function I(e) {
56
53
  if (!r.value)
57
54
  return;
58
- const t = typeof e == "string" ? await x(e) : e, o = "name" in t && t.name !== r.value.currentPreset.name ? t : D(r.value.currentPreset, t);
55
+ const t = typeof e == "string" ? await C(e) : e, o = "name" in t && t.name !== r.value.currentPreset.name ? t : T(r.value.currentPreset, t);
59
56
  if (r.value.currentPreset = o, r.value.strategy === "runtime" || r.value.strategy === "hybrid") {
60
57
  const i = {
61
58
  mode: r.value.mode,
62
59
  darkSelectorStrategy: r.value.darkModeStrategy,
63
60
  prefix: "maz"
64
- }, y = b(o, i), S = w(o, i);
65
- s(u.CRITICAL, y), s(u.FULL, S);
61
+ }, f = S(o, i), m = M(o, i);
62
+ s(u.CRITICAL, f), s(u.FULL, m);
66
63
  }
67
64
  }
68
65
  function n(e) {
69
- r.value && (r.value.colorMode = e, e === "auto" ? r.value.isDark = typeof globalThis.window < "u" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches : r.value.isDark = e === "dark", k(r.value), T("maz-color-mode", e));
66
+ r.value && (r.value.colorMode = e, e === "auto" ? r.value.isDark = typeof globalThis.window < "u" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches : r.value.isDark = e === "dark", d(r.value), y("maz-color-mode", e));
70
67
  }
71
- function j() {
68
+ function U() {
72
69
  r.value && n(r.value.isDark ? "light" : "dark");
73
70
  }
74
- function Q() {
71
+ function O() {
75
72
  let e;
76
73
  try {
77
- if (e = h("mazThemeState", void 0), !e)
74
+ if (e = v("mazThemeState", void 0), !e)
78
75
  throw new Error("mazThemeState not found");
79
76
  } catch {
80
- const t = v();
77
+ const t = c();
81
78
  t?.appContext?.app?.config?.globalProperties && (e = t.appContext.app.config.globalProperties.$mazThemeState);
82
79
  }
83
- return e && (r.value ? E() && (r.value = {
80
+ if (e && (r.value ? (typeof document > "u" || typeof globalThis.window > "u") && (r.value = {
84
81
  ...r.value,
85
82
  ...e
86
- }) : I(e)), C(() => e?.currentPreset, (t) => {
83
+ }) : b(e)), k(() => e?.currentPreset, (t) => {
87
84
  r.value && t && (r.value.currentPreset = t);
88
85
  }, {
89
86
  once: !0
90
- }), r.value ? {
91
- presetName: p,
92
- colorMode: c,
93
- isDark: d,
94
- strategy: m,
95
- updateTheme: U,
87
+ }), !r.value)
88
+ throw new Error("[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin before using useTheme composable");
89
+ return {
90
+ presetName: F,
91
+ colorMode: z,
92
+ isDark: E,
93
+ strategy: L,
94
+ updateTheme: I,
96
95
  setColorMode: n,
97
- toggleDarkMode: j,
98
- mode: f,
99
- darkModeStrategy: g
100
- } : (console.error("[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin before using useTheme composable"), {
101
- presetName: p,
102
- colorMode: c,
103
- isDark: d,
104
- strategy: m,
105
- mode: f,
106
- darkModeStrategy: g,
107
- updateTheme: () => Promise.resolve(),
108
- setColorMode: () => {
109
- },
110
- toggleDarkMode: () => {
111
- }
112
- });
96
+ toggleDarkMode: U,
97
+ mode: x,
98
+ darkModeStrategy: D
99
+ };
113
100
  }
114
101
  export {
115
102
  l as initThemeState,
116
- Q as useTheme
103
+ O as useTheme
117
104
  };
package/dist/plugin.js CHANGED
@@ -28,13 +28,12 @@ function M(r, t) {
28
28
  r.provide("mazThemeState", t), r.config.globalProperties.$mazThemeState = t;
29
29
  }
30
30
  const v = {
31
- async install(r, t = {}) {
31
+ async install(r, t) {
32
32
  const e = {
33
- preset: "maz-ui",
34
33
  strategy: "runtime",
35
34
  overrides: {},
36
35
  darkModeStrategy: "class",
37
- colorMode: (t.mode !== "both" ? t.mode : t.colorMode) ?? "auto",
36
+ colorMode: (t?.mode !== "both" ? t?.mode : t?.colorMode) ?? "auto",
38
37
  injectCriticalCSS: !0,
39
38
  injectFullCSS: !0,
40
39
  mode: "both",
@@ -8,11 +8,11 @@ export declare function useTheme(): {
8
8
  colorMode: import('vue').WritableComputedRef<ColorMode, ColorMode>;
9
9
  isDark: import('vue').ComputedRef<boolean>;
10
10
  strategy: import('vue').ComputedRef<Strategy>;
11
- mode: import('vue').ComputedRef<ThemeMode>;
12
- darkModeStrategy: import('vue').ComputedRef<DarkModeStrategy>;
13
11
  updateTheme: typeof updateTheme;
14
12
  setColorMode: typeof setColorMode;
15
13
  toggleDarkMode: typeof toggleDarkMode;
14
+ mode: import('vue').ComputedRef<ThemeMode>;
15
+ darkModeStrategy: import('vue').ComputedRef<DarkModeStrategy>;
16
16
  };
17
17
  export {};
18
18
  //# sourceMappingURL=useTheme.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA4DhJ,wBAAgB,cAAc,CAAC,YAAY,EAAE,UAAU,QAsBtD;AAaD,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBAyBtF;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,SAAS,QAgBzC;AAED,iBAAS,cAAc,SAKtB;AAED,wBAAgB,QAAQ;;;;;;;iBA+CwB,OAAO,WAAW;kBAChC,OAAO,YAAY;oBACjB,OAAO,cAAc;EAexD"}
1
+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA2DhJ,wBAAgB,cAAc,CAAC,YAAY,EAAE,UAAU,QAsBtD;AAaD,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBAyBtF;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,SAAS,QAgBzC;AAED,iBAAS,cAAc,SAKtB;AAED,wBAAgB,QAAQ;;;;;;;;;;EAoDvB"}
@@ -1 +1 @@
1
- {"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../../src/define-preset.ts"],"names":[],"mappings":"AACA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,6 +1,6 @@
1
1
  export * from './build';
2
2
  export * from './composables/useTheme';
3
- export { definePreset } from './define-preset';
3
+ export * from './define-preset';
4
4
  export * from './plugin';
5
5
  export * from './presets';
6
6
  export * from './types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA"}
@@ -1,4 +1,4 @@
1
- import { App } from 'vue';
1
+ import { Plugin } from 'vue';
2
2
  import { ThemeConfig, ThemeState } from './types';
3
3
  export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
4
4
  /**
@@ -28,9 +28,7 @@ export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
28
28
  * })
29
29
  * ```
30
30
  */
31
- export declare const MazUiTheme: {
32
- install(app: App, options?: MazUiThemeOptions): Promise<void>;
33
- };
31
+ export declare const MazUiTheme: Plugin<[MazUiThemeOptions]>;
34
32
  declare module 'vue' {
35
33
  interface ComponentCustomProperties {
36
34
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAoB,WAAW,EAAe,UAAU,EAAE,MAAM,SAAS,CAAA;AAarF,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;AAiDD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU;iBACF,GAAG,YAAW,iBAAiB;CA+CnD,CAAA;AAED,OAAO,QAAQ,KAAK,CAAC;IACnB,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,UAAU,CAAA;KAC3B;CACF"}
1
+ {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,KAAK,EAAoB,WAAW,EAAe,UAAU,EAAE,MAAM,SAAS,CAAA;AAarF,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;AAiDD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,iBAAiB,CAAC,CA+ClD,CAAA;AAED,OAAO,QAAQ,KAAK,CAAC;IACnB,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,UAAU,CAAA;KAC3B;CACF"}
@@ -79,7 +79,7 @@ export interface ThemeConfig {
79
79
  * @description Can be a predefined preset name or a custom preset object
80
80
  * @default mazUi preset
81
81
  */
82
- preset?: ThemePreset | ThemePresetName;
82
+ preset: ThemePreset;
83
83
  /**
84
84
  * Custom preset overrides
85
85
  * @description Allows customizing specific parts of the preset without redefining it entirely
@@ -133,6 +133,7 @@ export interface ColorScale {
133
133
  700: string;
134
134
  800: string;
135
135
  900: string;
136
+ 950: string;
136
137
  }
137
138
  export interface ThemeState {
138
139
  currentPreset: ThemePreset;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/color-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUzE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKjE;AAsCD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAgChE;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAIlF"}
1
+ {"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/color-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUzE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKjE;AAkCD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAyChE;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAIlF"}
@@ -23,26 +23,12 @@ export interface FullCSSOptions {
23
23
  /** Include color scales (50-900) */
24
24
  includeColorScales?: boolean;
25
25
  }
26
- /**
27
- * Generates critical CSS to prevent FOUC
28
- * Contains only essential variables
29
- */
30
26
  export declare function generateCriticalCSS(preset: ThemePreset, options?: CriticalCSSOptions): string;
31
- /**
32
- * Generates full CSS without critical variables
33
- * Avoids duplication with critical CSS
34
- */
35
27
  export declare function generateFullCSS(preset: ThemePreset, options?: FullCSSOptions): string;
36
28
  export declare enum CSS_IDS {
37
29
  FULL = "maz-theme-full",
38
30
  CRITICAL = "maz-theme-critical"
39
31
  }
40
- /**
41
- * Injects CSS into the DOM
42
- */
43
32
  export declare function injectCSS(id: CSS_IDS, css: string): void;
44
- /**
45
- * Supprime le CSS du DOM
46
- */
47
33
  export declare function removeCSS(id: CSS_IDS): void;
48
34
  //# sourceMappingURL=css-generator.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAOtG,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,CAAA;IACtC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,MAAM,eAAe,CAAC,EAAE,CAAA;IAC9C,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,MAAM,eAAe,CAAC,EAAE,CAAA;IAC/D,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAoCD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,kBAGR,GACA,MAAM,CAwCR;AAMD;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,cAGR,GACA,MAAM,CA4CR;AA+ID,oBAAY,OAAO;IACjB,IAAI,mBAAmB;IACvB,QAAQ,uBAAuB;CAChC;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAaxD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAQ3C"}
1
+ {"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGtG,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,CAAA;IACtC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,MAAM,eAAe,CAAC,EAAE,CAAA;IAC9C,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,MAAM,eAAe,CAAC,EAAE,CAAA;IAC/D,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAmCD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,kBAGR,GACA,MAAM,CAwCR;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,cAGR,GACA,MAAM,CA4CR;AAoHD,oBAAY,OAAO;IACjB,IAAI,mBAAmB;IACvB,QAAQ,uBAAuB;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAaxD;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAQ3C"}
@@ -1,5 +1,4 @@
1
- import { MazUiThemeOptions } from '../plugin';
2
- import { ThemePreset, ThemePresetOverrides } from '../types';
3
- export declare function isPresetObject(preset: MazUiThemeOptions['preset'] | ThemePresetOverrides): preset is ThemePreset;
4
- export declare function getPreset(preset?: MazUiThemeOptions['preset']): Promise<ThemePreset>;
1
+ import { ThemePreset, ThemePresetName, ThemePresetOverrides } from '../types';
2
+ export declare function isPresetObject(preset?: ThemePresetName | ThemePreset | ThemePresetOverrides): preset is ThemePreset;
3
+ export declare function getPreset(preset?: ThemePresetName | ThemePreset): Promise<ThemePreset>;
5
4
  //# sourceMappingURL=get-preset.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"get-preset.d.ts","sourceRoot":"","sources":["../../../src/utils/get-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEjE,wBAAgB,cAAc,CAAC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GAAG,oBAAoB,GAAG,MAAM,IAAI,WAAW,CAEhH;AAED,wBAAsB,SAAS,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,wBA0BnE"}
1
+ {"version":3,"file":"get-preset.d.ts","sourceRoot":"","sources":["../../../src/utils/get-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAElF,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,WAAW,GAAG,oBAAoB,GAAG,MAAM,IAAI,WAAW,CAEnH;AAED,wBAAsB,SAAS,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,WAAW,wBA0BrE"}
@@ -8,70 +8,61 @@ function l(n) {
8
8
  l: Number.parseFloat(t[3])
9
9
  };
10
10
  }
11
- function i(n, t, o) {
12
- const r = Math.round(n * 10) / 10, s = Math.round(t * 10) / 10, e = Math.round(o * 10) / 10;
13
- return `${r} ${s}% ${e}%`;
11
+ function i(n, t, r) {
12
+ const o = Math.round(n * 10) / 10, s = Math.round(t * 10) / 10, e = Math.round(r * 10) / 10;
13
+ return `${o} ${s}% ${e}%`;
14
14
  }
15
- const M = {
15
+ const d = {
16
16
  50: 37.5,
17
- // Base + 50% = very light
18
17
  100: 30,
19
- // Base + 35% = light
20
18
  200: 22.5,
21
- // Base + 20% = moderately light
22
19
  300: 15,
23
- // Base + 10% = slightly lighter
24
20
  400: 7.5,
25
- // Base + 5% = slightly lighter
26
21
  500: 0,
27
- // Base (original color)
28
22
  600: -7.5,
29
- // Base - 5% = slightly darker
30
23
  700: -15,
31
- // Base - 15% = dark
32
24
  800: -22.5,
33
- // Base - 20% = very dark
34
- 900: -30
35
- // Base - 25% = extremely dark
25
+ 900: -30,
26
+ 950: -37.5
36
27
  };
37
- function S(n, t, o) {
28
+ function p(n, t, r) {
38
29
  if (t === n)
39
30
  return 1;
40
- const r = Math.min(o / 100, 1), s = Math.abs(t - n);
31
+ const o = Math.min(r / 100, 1), s = Math.abs(t - n);
41
32
  if (t < n) {
42
- const e = s / 500 * 0.25 * r;
33
+ const e = s / 500 * 0.25 * o;
43
34
  return Math.max(0.3, 1 - e);
44
35
  } else {
45
- const e = s / 400 * 0.15 * r;
36
+ const e = s / 400 * 0.15 * o;
46
37
  return Math.min(1.3, 1 + e);
47
38
  }
48
39
  }
49
- function L(n) {
50
- const { h: t, s: o, l: r } = l(n), s = 500, e = r, d = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900], c = {};
51
- return d.forEach((a) => {
52
- if (a === s)
53
- c[a.toString()] = i(t, o, r);
40
+ function b(n) {
41
+ const { h: t, s: r, l: o } = l(n), s = 500, e = o, m = Object.keys(d).map(Number), u = {};
42
+ return m.forEach((c) => {
43
+ if (c === s)
44
+ u[c] = i(t, r, o);
54
45
  else {
55
- const h = M[a];
56
- let u = e + h;
57
- u = Math.min(95, Math.max(5, u));
58
- const m = S(s, a, o), f = Math.min(100, Math.max(5, o * m));
59
- c[a.toString()] = i(t, f, u);
46
+ const h = c < s, f = c > s, M = d[c];
47
+ let a;
48
+ h && o >= 100 ? a = e : a = e + M, f && o <= 0 && (a = 0), a = Math.min(100, Math.max(0, a));
49
+ const S = p(s, c, r), L = Math.min(100, Math.max(5, r * S));
50
+ u[c] = i(t, L, a);
60
51
  }
61
- }), c;
52
+ }), u;
62
53
  }
63
- function p(n) {
54
+ function F(n) {
64
55
  const { l: t } = l(n);
65
56
  return t > 50 ? "0 0% 0%" : "0 0% 100%";
66
57
  }
67
- function F(n, t) {
68
- const { h: o, s: r, l: s } = l(n), e = Math.max(0, Math.min(100, s + t));
69
- return i(o, r, e);
58
+ function x(n, t) {
59
+ const { h: r, s: o, l: s } = l(n), e = Math.max(0, Math.min(100, s + t));
60
+ return i(r, o, e);
70
61
  }
71
62
  export {
72
- F as adjustColorLightness,
63
+ x as adjustColorLightness,
73
64
  i as formatHSL,
74
- L as generateColorScale,
75
- p as getContrastColor,
65
+ b as generateColorScale,
66
+ F as getContrastColor,
76
67
  l as parseHSL
77
68
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@maz-ui/themes",
3
3
  "type": "module",
4
- "version": "4.0.0-beta.27",
4
+ "version": "4.0.0-beta.35",
5
5
  "description": "Theme system for Maz-UI with TypeScript support and CSS variables",
6
6
  "author": "Louis Mazel <me@loicmazuel.com>",
7
7
  "license": "MIT",
@@ -61,8 +61,7 @@
61
61
  "./plugin": {
62
62
  "types": "./dist/types/plugin.d.ts",
63
63
  "import": "./dist/plugin/index.js"
64
- },
65
- "./*": "./*"
64
+ }
66
65
  },
67
66
  "main": "./dist/index.js",
68
67
  "module": "./dist/index.js",
@@ -76,7 +75,7 @@
76
75
  },
77
76
  "scripts": {
78
77
  "build": "vite build",
79
- "vite:dev": "vite build --watch",
78
+ "build:watch": "vite build --watch",
80
79
  "typecheck": "vue-tsc --noEmit",
81
80
  "lint": "cross-env NODE_ENV=production eslint .",
82
81
  "lint:fix": "pnpm lint --fix",
@@ -91,6 +90,9 @@
91
90
  "peerDependencies": {
92
91
  "vue": "^3.5.0"
93
92
  },
93
+ "dependencies": {
94
+ "@maz-ui/utils": "4.0.0-beta.35"
95
+ },
94
96
  "devDependencies": {
95
97
  "glob": "^11.0.3",
96
98
  "typescript": "^5.9.2",
@@ -100,5 +102,5 @@
100
102
  "lint-staged": {
101
103
  "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
102
104
  },
103
- "gitHead": "fc5b5e42f115cc8b7fe4d6436defb078e3f36662"
105
+ "gitHead": "c27390faa3370a981efb0bd908d712871e654f1e"
104
106
  }