@surgeui/ds-vue 2.0.0 → 2.1.0

package/dist/composables/useCustomTheme.d.ts

@@ -0,0 +1,65 @@
+import { SurgeuiTheme } from '../plugin/theme';
+/**
+ * Composable pour gérer les variables CSS custom du système de thème
+ *
+ * Permet de:
+ * - Appliquer des variables CSS custom au DOM
+ * - Définir des variables individuelles
+ * - Réinitialiser les variables
+ * - Fusionner avec des thèmes existants
+ */
+export declare function useCustomTheme(): {
+    customTheme: import('vue').ComputedRef<{
+        textPrimary?: string | undefined;
+        textSecondary?: string | undefined;
+        textTertiary?: string | undefined;
+        textDisabled?: string | undefined;
+        textInverse?: string | undefined;
+        linkDefault?: string | undefined;
+        linkHover?: string | undefined;
+        linkVisited?: string | undefined;
+        linkMuted?: string | undefined;
+        bgCanvas?: string | undefined;
+        bgSurface?: string | undefined;
+        bgSurfaceElevated?: string | undefined;
+        bgOverlay?: string | undefined;
+        bgDisabled?: string | undefined;
+        bgHover?: string | undefined;
+        bgActive?: string | undefined;
+        bgSelected?: string | undefined;
+        borderDefault?: string | undefined;
+        borderSubtle?: string | undefined;
+        borderStrong?: string | undefined;
+        borderFocus?: string | undefined;
+        borderDisabled?: string | undefined;
+        stateSuccess?: string | undefined;
+        stateSuccessBg?: string | undefined;
+        stateWarning?: string | undefined;
+        stateWarningBg?: string | undefined;
+        stateError?: string | undefined;
+        stateErrorBg?: string | undefined;
+        stateInfo?: string | undefined;
+        stateInfoBg?: string | undefined;
+        primaryDefault?: string | undefined;
+        primaryHover?: string | undefined;
+        primaryActive?: string | undefined;
+        primaryDisabled?: string | undefined;
+        primaryText?: string | undefined;
+        secondaryDefault?: string | undefined;
+        secondaryHover?: string | undefined;
+        secondaryActive?: string | undefined;
+        secondaryDisabled?: string | undefined;
+        secondaryText?: string | undefined;
+        shadowColor?: string | undefined;
+        linkVariant?: Exclude<import('..').LinkVariant, "custom"> | undefined;
+        linkSize?: Exclude<import('..').LinkSize, "default"> | undefined;
+        linkUnderline?: Exclude<import('..').LinkUnderline, "default"> | undefined;
+        dialogDisplay?: Exclude<import('..').DialogDisplay, "center"> | undefined;
+    }>;
+    applyCustomTheme: (theme: SurgeuiTheme) => void;
+    setCustomVariable: (property: string, value: string) => void;
+    getCustomTheme: () => SurgeuiTheme;
+    resetCustomTheme: () => void;
+    mergeWithTheme: (baseTheme: SurgeuiTheme, overrideTheme: SurgeuiTheme) => SurgeuiTheme;
+};
+//# sourceMappingURL=useCustomTheme.d.ts.map

package/dist/composables/useCustomTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useCustomTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD;;;;;;;;GAQG;AACH,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAcK,YAAY,KAAG,IAAI;kCAgBf,MAAM,SAAS,MAAM,KAAG,IAAI;0BAwBtC,YAAY;4BAOV,IAAI;gCA0BE,YAAY,iBAAiB,YAAY,KAAG,YAAY;EA+B5F"}

package/dist/composables/useTheme.d.ts

@@ -1,9 +1,11 @@
-import { ThemeName, ContrastMode, MotionMode, ThemeMetadata, UseThemeOptions } from '../types/theme';
+import { ThemeName, ThemeMode, ContrastMode, MotionMode, ThemeMetadata, UseThemeOptions, DeprecatedThemeName } from '../types/theme';
 export declare function useTheme(options?: UseThemeOptions): {
     themeName: import('vue').Ref<ThemeName, ThemeName>;
+    themeMode: import('vue').Ref<ThemeMode, ThemeMode>;
     contrastMode: import('vue').Ref<ContrastMode, ContrastMode>;
     motionMode: import('vue').Ref<MotionMode, MotionMode>;
-    effectiveTheme: import('vue').ComputedRef<"dark" | "light" | "ocean" | "forest" | "sunset">;
+    effectiveTheme: import('vue').ComputedRef<ThemeName>;
+    effectiveThemeMode: import('vue').ComputedRef<"dark" | "light">;
     effectiveContrast: import('vue').ComputedRef<"normal" | "high">;
     effectiveMotion: import('vue').ComputedRef<"reduce" | "normal">;
     systemTheme: import('vue').ComputedRef<"dark" | "light">;
@@ -14,9 +16,11 @@ export declare function useTheme(options?: UseThemeOptions): {
     availableThemes: import('vue').ComputedRef<ThemeMetadata[]>;
     systemThemes: import('vue').ComputedRef<ThemeMetadata[]>;
     colorThemes: import('vue').ComputedRef<ThemeMetadata[]>;
-    setTheme: (theme: ThemeName) => void;
+    setTheme: (name: ThemeName | DeprecatedThemeName) => void;
+    setThemeMode: (mode: ThemeMode) => void;
     setContrast: (contrast: ContrastMode) => void;
     setMotion: (motion: MotionMode) => void;
+    toggleMode: () => void;
     toggleTheme: () => void;
     cycleTheme: () => void;
     clearConfig: () => void;

package/dist/composables/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,UAAU,EAEV,aAAa,EACb,eAAe,EAChB,MAAM,eAAe,CAAC;AA8DvB,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB;;;;;;;;;;;;;;;sBAsJ3B,SAAS;4BAcH,YAAY;wBAKhB,UAAU;;;;EAiFtC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EAEV,aAAa,EACb,eAAe,EACf,mBAAmB,EACpB,MAAM,eAAe,CAAC;AA2DvB,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB;;;;;;;;;;;;;;;;;qBA4L5B,SAAS,GAAG,mBAAmB;yBAuC3B,SAAS;4BAMN,YAAY;wBAMhB,UAAU;;;;;EA4GtC"}

package/dist/{index-7PaC4pth.js → index-DK5ikXj4.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as n, createElementVNode as r } from "vue";
-import { r as Wr, a as Xr, b as Qr, c as Kr, d as Yr, e as Jr, f as ro, g as oo, i as no, h as eo, j as to, k as ao, l as io, m as co } from "./index-CWUPixNs.js";
+import { r as Wr, a as Xr, b as Qr, c as Kr, d as Yr, e as Jr, f as ro, g as oo, i as no, h as eo, j as to, k as ao, l as io, m as co } from "./index-qVwCNMxx.js";
 function i(e, t) {
   return n(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",