@traefik-labs/faency 12.3.3 → 12.3.4

package/dist/styles/themeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeContext.js","names":[],"sources":["../../styles/themeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useLayoutEffect, useState } from 'react';\n\nimport { darkColors, lightColors } from '../colors';\nimport { PrimaryColor, themes } from './themes.css';\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\nexport type { PrimaryColor };\n\ninterface ThemeContextValue {\n  mode: ThemeMode;\n  resolvedTheme: 'light' | 'dark';\n  primaryColor: PrimaryColor;\n  colors: typeof lightColors | typeof darkColors;\n  setMode: (mode: ThemeMode) => void;\n  setPrimaryColor: (color: PrimaryColor) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\ninterface VanillaExtractThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: ThemeMode;\n  primaryColor?: PrimaryColor;\n  forcedTheme?: 'light' | 'dark';\n}\n\nexport function VanillaExtractThemeProvider({\n  children,\n  defaultTheme = 'system',\n  primaryColor = 'blue',\n  forcedTheme,\n}: VanillaExtractThemeProviderProps) {\n  const [mode, setMode] = useState<ThemeMode>(defaultTheme);\n  const [appliedPrimaryColor, setPrimaryColor] = useState<PrimaryColor>(primaryColor);\n  const [systemTheme, setSystemTheme] = useState<'light' | 'dark'>(() => {\n    if (forcedTheme) {\n      return forcedTheme;\n    }\n    if (typeof window !== 'undefined') {\n      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    }\n    return 'light';\n  });\n\n  useEffect(() => {\n    setPrimaryColor(primaryColor);\n  }, [primaryColor]);\n\n  useEffect(() => {\n    if (forcedTheme) {\n      setSystemTheme(forcedTheme);\n      return;\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    setSystemTheme(mediaQuery.matches ? 'dark' : 'light');\n\n    const handler = (e: MediaQueryListEvent) => {\n      setSystemTheme(e.matches ? 'dark' : 'light');\n    };\n\n    mediaQuery.addEventListener('change', handler);\n    return () => mediaQuery.removeEventListener('change', handler);\n  }, [forcedTheme]);\n\n  const resolvedTheme: 'light' | 'dark' = forcedTheme || (mode === 'system' ? systemTheme : mode);\n\n  const baseColors = resolvedTheme === 'dark' ? darkColors : lightColors;\n\n  const semanticColors =\n    resolvedTheme === 'dark'\n      ? {\n          primary: darkColors[`${appliedPrimaryColor}9`],\n          contentBg: darkColors['00dp'],\n          hiContrast: 'white',\n          loContrast: darkColors.deepBlue2,\n          focusOutline: 'hsl(216, 100%, 64%)',\n          divider: 'hsl(209, 29%, 19%)',\n          background: '#0a0a0a',\n          foreground: '#ffffff',\n          muted: '#1a1a1a',\n          mutedForeground: '#b4b4b4',\n          card: '#1a1a1a',\n          cardForeground: '#ffffff',\n          popover: '#1a1a1a',\n          popoverForeground: '#ffffff',\n          border: '#3a3a3a',\n          input: '#3a3a3a',\n          accent: '#3b82f6',\n          accentForeground: '#ffffff',\n          destructive: '#dc2626',\n          destructiveForeground: '#ffffff',\n          ring: '#60a5fa',\n        }\n      : {\n          primary: lightColors[`${appliedPrimaryColor}9`],\n          contentBg: lightColors['00dp'],\n          hiContrast: lightColors.deepBlue11,\n          loContrast: 'white',\n          focusOutline: 'hsl(216, 100%, 64%)',\n          divider: 'hsl(207, 10%, 82%)',\n          background: '#fcfcfc',\n          foreground: '#1a1a1a',\n          muted: '#f4f4f4',\n          mutedForeground: '#646464',\n          card: '#ffffff',\n          cardForeground: '#1a1a1a',\n          popover: '#ffffff',\n          popoverForeground: '#1a1a1a',\n          border: '#e3e3e3',\n          input: '#e3e3e3',\n          accent: '#60a5fa',\n          accentForeground: '#ffffff',\n          destructive: '#dc2626',\n          destructiveForeground: '#ffffff',\n          ring: '#3b82f6',\n        };\n\n  const colors = {\n    ...baseColors,\n    ...semanticColors,\n  };\n\n  // Use useLayoutEffect to apply theme class synchronously before paint\n  useLayoutEffect(() => {\n    const themeClass = themes[resolvedTheme][appliedPrimaryColor];\n\n    Object.values(themes.light).forEach((cls) => document.body.classList.remove(cls));\n    Object.values(themes.dark).forEach((cls) => document.body.classList.remove(cls));\n\n    document.body.classList.add(themeClass);\n\n    return () => {\n      document.body.classList.remove(themeClass);\n    };\n  }, [resolvedTheme, appliedPrimaryColor]);\n\n  const contextValue: ThemeContextValue = {\n    mode,\n    resolvedTheme,\n    primaryColor: appliedPrimaryColor,\n    colors,\n    setMode,\n    setPrimaryColor,\n  };\n\n  return <ThemeContext.Provider value={contextValue}>{children}</ThemeContext.Provider>;\n}\n\nexport function useVanillaExtractTheme() {\n  const context = useContext(ThemeContext);\n  if (context === undefined) {\n    throw new Error('useVanillaExtractTheme must be used within a VanillaExtractThemeProvider');\n  }\n  return context;\n}\n"],"mappings":";;;;;AAiBA,IAAM,eAAe,cAA6C,KAAA,EAAU;AAS5E,SAAgB,4BAA4B,EAC1C,UACA,eAAe,UACf,eAAe,QACf,eACmC;CACnC,MAAM,CAAC,MAAM,WAAW,SAAoB,aAAa;CACzD,MAAM,CAAC,qBAAqB,mBAAmB,SAAuB,aAAa;CACnF,MAAM,CAAC,aAAa,kBAAkB,eAAiC;AACrE,MAAI,YACF,QAAO;AAET,MAAI,OAAO,WAAW,YACpB,QAAO,OAAO,WAAW,+BAA+B,CAAC,UAAU,SAAS;AAE9E,SAAO;GACP;AAEF,iBAAgB;AACd,kBAAgB,aAAa;IAC5B,CAAC,aAAa,CAAC;AAElB,iBAAgB;AACd,MAAI,aAAa;AACf,kBAAe,YAAY;AAC3B;;EAGF,MAAM,aAAa,OAAO,WAAW,+BAA+B;AACpE,iBAAe,WAAW,UAAU,SAAS,QAAQ;EAErD,MAAM,WAAW,MAA2B;AAC1C,kBAAe,EAAE,UAAU,SAAS,QAAQ;;AAG9C,aAAW,iBAAiB,UAAU,QAAQ;AAC9C,eAAa,WAAW,oBAAoB,UAAU,QAAQ;IAC7D,CAAC,YAAY,CAAC;CAEjB,MAAM,gBAAkC,gBAAgB,SAAS,WAAW,cAAc;CAE1F,MAAM,aAAa,kBAAkB,SAAS,aAAa;CAE3D,MAAM,iBACJ,kBAAkB,SACd;EACE,SAAS,WAAW,GAAG,oBAAoB;EAC3C,WAAW,WAAW;EACtB,YAAY;EACZ,YAAY,WAAW;EACvB,cAAc;EACd,SAAS;EACT,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,MAAM;EACN,gBAAgB;EAChB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,MAAM;EACP,GACD;EACE,SAAS,YAAY,GAAG,oBAAoB;EAC5C,WAAW,YAAY;EACvB,YAAY,YAAY;EACxB,YAAY;EACZ,cAAc;EACd,SAAS;EACT,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,MAAM;EACN,gBAAgB;EAChB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,MAAM;EACP;CAEP,MAAM,SAAS;EACb,GAAG;EACH,GAAG;EACJ;AAGD,uBAAsB;EACpB,MAAM,aAAa,OAAO,eAAe;AAEzC,SAAO,OAAO,OAAO,MAAM,CAAC,SAAS,QAAQ,SAAS,KAAK,UAAU,OAAO,IAAI,CAAC;AACjF,SAAO,OAAO,OAAO,KAAK,CAAC,SAAS,QAAQ,SAAS,KAAK,UAAU,OAAO,IAAI,CAAC;AAEhF,WAAS,KAAK,UAAU,IAAI,WAAW;AAEvC,eAAa;AACX,YAAS,KAAK,UAAU,OAAO,WAAW;;IAE3C,CAAC,eAAe,oBAAoB,CAAC;CAExC,MAAM,eAAkC;EACtC;EACA;EACA,cAAc;EACd;EACA;EACA;EACD;AAED,QAAO,oBAAC,aAAa,UAAd;EAAuB,OAAO;EAAe;EAAiC,CAAA;;AAGvF,SAAgB,yBAAyB;CACvC,MAAM,UAAU,WAAW,aAAa;AACxC,KAAI,YAAY,KAAA,EACd,OAAM,IAAI,MAAM,2EAA2E;AAE7F,QAAO"}
+{"version":3,"file":"themeContext.js","names":[],"sources":["../../styles/themeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useLayoutEffect, useState } from 'react';\n\nimport { darkColors, lightColors } from '../colors';\nimport { PrimaryColor, themes } from './themes.css';\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\nexport type { PrimaryColor };\n\ninterface ThemeContextValue {\n  mode: ThemeMode;\n  resolvedTheme: 'light' | 'dark';\n  primaryColor: PrimaryColor;\n  colors: typeof lightColors | typeof darkColors;\n  setMode: (mode: ThemeMode) => void;\n  setPrimaryColor: (color: PrimaryColor) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\ninterface VanillaExtractThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: ThemeMode;\n  primaryColor?: PrimaryColor;\n  forcedTheme?: 'light' | 'dark';\n}\n\nexport function VanillaExtractThemeProvider({\n  children,\n  defaultTheme = 'system',\n  primaryColor = 'blue',\n  forcedTheme,\n}: VanillaExtractThemeProviderProps) {\n  const [mode, setMode] = useState<ThemeMode>(defaultTheme);\n  const [appliedPrimaryColor, setPrimaryColor] = useState<PrimaryColor>(primaryColor);\n  const [systemTheme, setSystemTheme] = useState<'light' | 'dark'>(() => {\n    if (forcedTheme) {\n      return forcedTheme;\n    }\n    if (typeof window !== 'undefined') {\n      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    }\n    return 'light';\n  });\n\n  useEffect(() => {\n    setPrimaryColor(primaryColor);\n  }, [primaryColor]);\n\n  useEffect(() => {\n    if (forcedTheme) {\n      setSystemTheme(forcedTheme);\n      return;\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    setSystemTheme(mediaQuery.matches ? 'dark' : 'light');\n\n    const handler = (e: MediaQueryListEvent) => {\n      setSystemTheme(e.matches ? 'dark' : 'light');\n    };\n\n    mediaQuery.addEventListener('change', handler);\n    return () => mediaQuery.removeEventListener('change', handler);\n  }, [forcedTheme]);\n\n  const resolvedTheme: 'light' | 'dark' = forcedTheme || (mode === 'system' ? systemTheme : mode);\n\n  const baseColors = resolvedTheme === 'dark' ? darkColors : lightColors;\n\n  const semanticColors =\n    resolvedTheme === 'dark'\n      ? {\n          primary: darkColors[`${appliedPrimaryColor}9`],\n          contentBg: darkColors['00dp'],\n          hiContrast: 'white',\n          loContrast: darkColors.deepBlue2,\n          focusOutline: 'hsl(216, 100%, 64%)',\n          divider: 'hsl(209, 29%, 19%)',\n          background: '#0a0a0a',\n          foreground: '#ffffff',\n          muted: '#1a1a1a',\n          mutedForeground: '#b4b4b4',\n          card: '#1a1a1a',\n          cardForeground: '#ffffff',\n          popover: '#1a1a1a',\n          popoverForeground: '#ffffff',\n          border: '#3a3a3a',\n          input: '#3a3a3a',\n          accent: '#3b82f6',\n          accentForeground: '#ffffff',\n          destructive: '#dc2626',\n          destructiveForeground: '#ffffff',\n          ring: '#60a5fa',\n        }\n      : {\n          primary: lightColors[`${appliedPrimaryColor}9`],\n          contentBg: lightColors['00dp'],\n          hiContrast: lightColors.deepBlue11,\n          loContrast: 'white',\n          focusOutline: 'hsl(216, 100%, 64%)',\n          divider: 'hsl(207, 10%, 82%)',\n          background: '#fcfcfc',\n          foreground: '#1a1a1a',\n          muted: '#f4f4f4',\n          mutedForeground: '#646464',\n          card: '#ffffff',\n          cardForeground: '#1a1a1a',\n          popover: '#ffffff',\n          popoverForeground: '#1a1a1a',\n          border: '#e3e3e3',\n          input: '#e3e3e3',\n          accent: '#60a5fa',\n          accentForeground: '#ffffff',\n          destructive: '#dc2626',\n          destructiveForeground: '#ffffff',\n          ring: '#3b82f6',\n        };\n\n  const colors = {\n    ...baseColors,\n    ...semanticColors,\n  };\n\n  // Use useLayoutEffect to apply theme class synchronously before paint\n  useLayoutEffect(() => {\n    const themeClass = themes[resolvedTheme][appliedPrimaryColor];\n\n    Object.values(themes.light).forEach((cls) => document.body.classList.remove(cls));\n    Object.values(themes.dark).forEach((cls) => document.body.classList.remove(cls));\n\n    document.body.classList.add(themeClass);\n\n    return () => {\n      document.body.classList.remove(themeClass);\n    };\n  }, [resolvedTheme, appliedPrimaryColor]);\n\n  const contextValue: ThemeContextValue = {\n    mode,\n    resolvedTheme,\n    primaryColor: appliedPrimaryColor,\n    colors,\n    setMode,\n    setPrimaryColor,\n  };\n\n  return <ThemeContext.Provider value={contextValue}>{children}</ThemeContext.Provider>;\n}\n\nexport function useVanillaExtractTheme() {\n  const context = useContext(ThemeContext);\n  if (context === undefined) {\n    throw new Error('useVanillaExtractTheme must be used within a VanillaExtractThemeProvider');\n  }\n  return context;\n}\n"],"mappings":";;;;;AAiBA,IAAM,eAAe,cAA6C,KAAA,CAAS;AAS3E,SAAgB,4BAA4B,EAC1C,UACA,eAAe,UACf,eAAe,QACf,eACmC;CACnC,MAAM,CAAC,MAAM,WAAW,SAAoB,YAAY;CACxD,MAAM,CAAC,qBAAqB,mBAAmB,SAAuB,YAAY;CAClF,MAAM,CAAC,aAAa,kBAAkB,eAAiC;EACrE,IAAI,aACF,OAAO;EAET,IAAI,OAAO,WAAW,aACpB,OAAO,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS;EAE9E,OAAO;CACT,CAAC;CAED,gBAAgB;EACd,gBAAgB,YAAY;CAC9B,GAAG,CAAC,YAAY,CAAC;CAEjB,gBAAgB;EACd,IAAI,aAAa;GACf,eAAe,WAAW;GAC1B;EACF;EAEA,MAAM,aAAa,OAAO,WAAW,8BAA8B;EACnE,eAAe,WAAW,UAAU,SAAS,OAAO;EAEpD,MAAM,WAAW,MAA2B;GAC1C,eAAe,EAAE,UAAU,SAAS,OAAO;EAC7C;EAEA,WAAW,iBAAiB,UAAU,OAAO;EAC7C,aAAa,WAAW,oBAAoB,UAAU,OAAO;CAC/D,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,gBAAkC,gBAAgB,SAAS,WAAW,cAAc;CAE1F,MAAM,aAAa,kBAAkB,SAAS,aAAa;CAE3D,MAAM,iBACJ,kBAAkB,SACd;EACE,SAAS,WAAW,GAAG,oBAAoB;EAC3C,WAAW,WAAW;EACtB,YAAY;EACZ,YAAY,WAAW;EACvB,cAAc;EACd,SAAS;EACT,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,MAAM;EACN,gBAAgB;EAChB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,MAAM;CACR,IACA;EACE,SAAS,YAAY,GAAG,oBAAoB;EAC5C,WAAW,YAAY;EACvB,YAAY,YAAY;EACxB,YAAY;EACZ,cAAc;EACd,SAAS;EACT,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,MAAM;EACN,gBAAgB;EAChB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,MAAM;CACR;CAEN,MAAM,SAAS;EACb,GAAG;EACH,GAAG;CACL;CAGA,sBAAsB;EACpB,MAAM,aAAa,OAAO,eAAe;EAEzC,OAAO,OAAO,OAAO,KAAK,EAAE,SAAS,QAAQ,SAAS,KAAK,UAAU,OAAO,GAAG,CAAC;EAChF,OAAO,OAAO,OAAO,IAAI,EAAE,SAAS,QAAQ,SAAS,KAAK,UAAU,OAAO,GAAG,CAAC;EAE/E,SAAS,KAAK,UAAU,IAAI,UAAU;EAEtC,aAAa;GACX,SAAS,KAAK,UAAU,OAAO,UAAU;EAC3C;CACF,GAAG,CAAC,eAAe,mBAAmB,CAAC;CAEvC,MAAM,eAAkC;EACtC;EACA;EACA,cAAc;EACd;EACA;EACA;CACF;CAEA,OAAO,oBAAC,aAAa,UAAd;EAAuB,OAAO;EAAe;CAAgC,CAAA;AACtF;AAEA,SAAgB,yBAAyB;CACvC,MAAM,UAAU,WAAW,YAAY;CACvC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,0EAA0E;CAE5F,OAAO;AACT"}

package/dist/utils/deepMerge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"deepMerge.cjs","names":[],"sources":["../../utils/deepMerge.ts"],"sourcesContent":["function isPlainObject(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value);\n}\n\n/**\n * Recursively merges two plain objects. Source properties win on conflict.\n * Nested plain objects are merged rather than replaced.\n * Arrays and non-plain values are always replaced by the source value.\n */\nexport function deepMerge<T extends Record<string, any>, S extends Record<string, any>>(\n  target: T,\n  source?: S | null,\n): T & S {\n  if (!source) return target as T & S;\n\n  const result: Record<string, any> = { ...target };\n\n  for (const key of Object.keys(source)) {\n    if (key === '__proto__' || key === 'constructor' || key === 'prototype') continue;\n    const sourceVal = source[key];\n    const targetVal = result[key];\n\n    if (isPlainObject(sourceVal) && isPlainObject(targetVal)) {\n      result[key] = deepMerge(targetVal, sourceVal);\n    } else if (sourceVal !== undefined) {\n      result[key] = sourceVal;\n    }\n  }\n\n  return result as T & S;\n}\n"],"mappings":";AAAA,SAAS,cAAc,OAAkD;AACvE,QAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,MAAM;;;;;;;AAQ7E,SAAgB,UACd,QACA,QACO;AACP,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,SAA8B,EAAE,GAAG,QAAQ;AAEjD,MAAK,MAAM,OAAO,OAAO,KAAK,OAAO,EAAE;AACrC,MAAI,QAAQ,eAAe,QAAQ,iBAAiB,QAAQ,YAAa;EACzE,MAAM,YAAY,OAAO;EACzB,MAAM,YAAY,OAAO;AAEzB,MAAI,cAAc,UAAU,IAAI,cAAc,UAAU,CACtD,QAAO,OAAO,UAAU,WAAW,UAAU;WACpC,cAAc,KAAA,EACvB,QAAO,OAAO;;AAIlB,QAAO"}
+{"version":3,"file":"deepMerge.cjs","names":[],"sources":["../../utils/deepMerge.ts"],"sourcesContent":["function isPlainObject(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value);\n}\n\n/**\n * Recursively merges two plain objects. Source properties win on conflict.\n * Nested plain objects are merged rather than replaced.\n * Arrays and non-plain values are always replaced by the source value.\n */\nexport function deepMerge<T extends Record<string, any>, S extends Record<string, any>>(\n  target: T,\n  source?: S | null,\n): T & S {\n  if (!source) return target as T & S;\n\n  const result: Record<string, any> = { ...target };\n\n  for (const key of Object.keys(source)) {\n    if (key === '__proto__' || key === 'constructor' || key === 'prototype') continue;\n    const sourceVal = source[key];\n    const targetVal = result[key];\n\n    if (isPlainObject(sourceVal) && isPlainObject(targetVal)) {\n      result[key] = deepMerge(targetVal, sourceVal);\n    } else if (sourceVal !== undefined) {\n      result[key] = sourceVal;\n    }\n  }\n\n  return result as T & S;\n}\n"],"mappings":";AAAA,SAAS,cAAc,OAAkD;CACvE,OAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;;;;;;AAOA,SAAgB,UACd,QACA,QACO;CACP,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,SAA8B,EAAE,GAAG,OAAO;CAEhD,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,GAAG;EACrC,IAAI,QAAQ,eAAe,QAAQ,iBAAiB,QAAQ,aAAa;EACzE,MAAM,YAAY,OAAO;EACzB,MAAM,YAAY,OAAO;EAEzB,IAAI,cAAc,SAAS,KAAK,cAAc,SAAS,GACrD,OAAO,OAAO,UAAU,WAAW,SAAS;OACvC,IAAI,cAAc,KAAA,GACvB,OAAO,OAAO;CAElB;CAEA,OAAO;AACT"}

package/dist/utils/deepMerge.js.map

@@ -1 +1 @@
-{"version":3,"file":"deepMerge.js","names":[],"sources":["../../utils/deepMerge.ts"],"sourcesContent":["function isPlainObject(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value);\n}\n\n/**\n * Recursively merges two plain objects. Source properties win on conflict.\n * Nested plain objects are merged rather than replaced.\n * Arrays and non-plain values are always replaced by the source value.\n */\nexport function deepMerge<T extends Record<string, any>, S extends Record<string, any>>(\n  target: T,\n  source?: S | null,\n): T & S {\n  if (!source) return target as T & S;\n\n  const result: Record<string, any> = { ...target };\n\n  for (const key of Object.keys(source)) {\n    if (key === '__proto__' || key === 'constructor' || key === 'prototype') continue;\n    const sourceVal = source[key];\n    const targetVal = result[key];\n\n    if (isPlainObject(sourceVal) && isPlainObject(targetVal)) {\n      result[key] = deepMerge(targetVal, sourceVal);\n    } else if (sourceVal !== undefined) {\n      result[key] = sourceVal;\n    }\n  }\n\n  return result as T & S;\n}\n"],"mappings":";AAAA,SAAS,cAAc,OAAkD;AACvE,QAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,MAAM;;;;;;;AAQ7E,SAAgB,UACd,QACA,QACO;AACP,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,SAA8B,EAAE,GAAG,QAAQ;AAEjD,MAAK,MAAM,OAAO,OAAO,KAAK,OAAO,EAAE;AACrC,MAAI,QAAQ,eAAe,QAAQ,iBAAiB,QAAQ,YAAa;EACzE,MAAM,YAAY,OAAO;EACzB,MAAM,YAAY,OAAO;AAEzB,MAAI,cAAc,UAAU,IAAI,cAAc,UAAU,CACtD,QAAO,OAAO,UAAU,WAAW,UAAU;WACpC,cAAc,KAAA,EACvB,QAAO,OAAO;;AAIlB,QAAO"}
+{"version":3,"file":"deepMerge.js","names":[],"sources":["../../utils/deepMerge.ts"],"sourcesContent":["function isPlainObject(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value);\n}\n\n/**\n * Recursively merges two plain objects. Source properties win on conflict.\n * Nested plain objects are merged rather than replaced.\n * Arrays and non-plain values are always replaced by the source value.\n */\nexport function deepMerge<T extends Record<string, any>, S extends Record<string, any>>(\n  target: T,\n  source?: S | null,\n): T & S {\n  if (!source) return target as T & S;\n\n  const result: Record<string, any> = { ...target };\n\n  for (const key of Object.keys(source)) {\n    if (key === '__proto__' || key === 'constructor' || key === 'prototype') continue;\n    const sourceVal = source[key];\n    const targetVal = result[key];\n\n    if (isPlainObject(sourceVal) && isPlainObject(targetVal)) {\n      result[key] = deepMerge(targetVal, sourceVal);\n    } else if (sourceVal !== undefined) {\n      result[key] = sourceVal;\n    }\n  }\n\n  return result as T & S;\n}\n"],"mappings":";AAAA,SAAS,cAAc,OAAkD;CACvE,OAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;;;;;;AAOA,SAAgB,UACd,QACA,QACO;CACP,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,SAA8B,EAAE,GAAG,OAAO;CAEhD,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,GAAG;EACrC,IAAI,QAAQ,eAAe,QAAQ,iBAAiB,QAAQ,aAAa;EACzE,MAAM,YAAY,OAAO;EACzB,MAAM,YAAY,OAAO;EAEzB,IAAI,cAAc,SAAS,KAAK,cAAc,SAAS,GACrD,OAAO,OAAO,UAAU,WAAW,SAAS;OACvC,IAAI,cAAc,KAAA,GACvB,OAAO,OAAO;CAElB;CAEA,OAAO;AACT"}

package/dist/utils/getPrimaryColorInfo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"getPrimaryColorInfo.cjs","names":[],"sources":["../../utils/getPrimaryColorInfo.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorMap } from '../colors';\nimport { PrimaryColor } from '../stitches.config';\n\ntype ColorScale = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\ntype PickScale = (scale: ColorScale, options?: { alpha: boolean }) => Property.Color;\n\nexport type ColorInfo = {\n  name: PrimaryColor;\n  token: Property.Color;\n  value: string;\n  helpers: {\n    pickScale: PickScale;\n  };\n};\n\nconst getPrimaryColorInfo = (primaryColor: PrimaryColor, colors: ColorMap): ColorInfo => ({\n  name: primaryColor,\n  value: colors[`${primaryColor}9`],\n  token: `$${primaryColor}9`,\n  helpers: {\n    pickScale: (scale, options = { alpha: false }) =>\n      `$${primaryColor}${options.alpha ? 'A' : ''}${scale}`,\n  },\n});\n\nexport default getPrimaryColorInfo;\n"],"mappings":";AAkBA,IAAM,uBAAuB,cAA4B,YAAiC;CACxF,MAAM;CACN,OAAO,OAAO,GAAG,aAAa;CAC9B,OAAO,IAAI,aAAa;CACxB,SAAS,EACP,YAAY,OAAO,UAAU,EAAE,OAAO,OAAO,KAC3C,IAAI,eAAe,QAAQ,QAAQ,MAAM,KAAK,SACjD;CACF"}
+{"version":3,"file":"getPrimaryColorInfo.cjs","names":[],"sources":["../../utils/getPrimaryColorInfo.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorMap } from '../colors';\nimport { PrimaryColor } from '../stitches.config';\n\ntype ColorScale = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\ntype PickScale = (scale: ColorScale, options?: { alpha: boolean }) => Property.Color;\n\nexport type ColorInfo = {\n  name: PrimaryColor;\n  token: Property.Color;\n  value: string;\n  helpers: {\n    pickScale: PickScale;\n  };\n};\n\nconst getPrimaryColorInfo = (primaryColor: PrimaryColor, colors: ColorMap): ColorInfo => ({\n  name: primaryColor,\n  value: colors[`${primaryColor}9`],\n  token: `$${primaryColor}9`,\n  helpers: {\n    pickScale: (scale, options = { alpha: false }) =>\n      `$${primaryColor}${options.alpha ? 'A' : ''}${scale}`,\n  },\n});\n\nexport default getPrimaryColorInfo;\n"],"mappings":";AAkBA,IAAM,uBAAuB,cAA4B,YAAiC;CACxF,MAAM;CACN,OAAO,OAAO,GAAG,aAAa;CAC9B,OAAO,IAAI,aAAa;CACxB,SAAS,EACP,YAAY,OAAO,UAAU,EAAE,OAAO,MAAM,MAC1C,IAAI,eAAe,QAAQ,QAAQ,MAAM,KAAK,QAClD;AACF"}

package/dist/utils/getPrimaryColorInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPrimaryColorInfo.js","names":[],"sources":["../../utils/getPrimaryColorInfo.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorMap } from '../colors';\nimport { PrimaryColor } from '../stitches.config';\n\ntype ColorScale = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\ntype PickScale = (scale: ColorScale, options?: { alpha: boolean }) => Property.Color;\n\nexport type ColorInfo = {\n  name: PrimaryColor;\n  token: Property.Color;\n  value: string;\n  helpers: {\n    pickScale: PickScale;\n  };\n};\n\nconst getPrimaryColorInfo = (primaryColor: PrimaryColor, colors: ColorMap): ColorInfo => ({\n  name: primaryColor,\n  value: colors[`${primaryColor}9`],\n  token: `$${primaryColor}9`,\n  helpers: {\n    pickScale: (scale, options = { alpha: false }) =>\n      `$${primaryColor}${options.alpha ? 'A' : ''}${scale}`,\n  },\n});\n\nexport default getPrimaryColorInfo;\n"],"mappings":";AAkBA,IAAM,uBAAuB,cAA4B,YAAiC;CACxF,MAAM;CACN,OAAO,OAAO,GAAG,aAAa;CAC9B,OAAO,IAAI,aAAa;CACxB,SAAS,EACP,YAAY,OAAO,UAAU,EAAE,OAAO,OAAO,KAC3C,IAAI,eAAe,QAAQ,QAAQ,MAAM,KAAK,SACjD;CACF"}
+{"version":3,"file":"getPrimaryColorInfo.js","names":[],"sources":["../../utils/getPrimaryColorInfo.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorMap } from '../colors';\nimport { PrimaryColor } from '../stitches.config';\n\ntype ColorScale = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\ntype PickScale = (scale: ColorScale, options?: { alpha: boolean }) => Property.Color;\n\nexport type ColorInfo = {\n  name: PrimaryColor;\n  token: Property.Color;\n  value: string;\n  helpers: {\n    pickScale: PickScale;\n  };\n};\n\nconst getPrimaryColorInfo = (primaryColor: PrimaryColor, colors: ColorMap): ColorInfo => ({\n  name: primaryColor,\n  value: colors[`${primaryColor}9`],\n  token: `$${primaryColor}9`,\n  helpers: {\n    pickScale: (scale, options = { alpha: false }) =>\n      `$${primaryColor}${options.alpha ? 'A' : ''}${scale}`,\n  },\n});\n\nexport default getPrimaryColorInfo;\n"],"mappings":";AAkBA,IAAM,uBAAuB,cAA4B,YAAiC;CACxF,MAAM;CACN,OAAO,OAAO,GAAG,aAAa;CAC9B,OAAO,IAAI,aAAa;CACxB,SAAS,EACP,YAAY,OAAO,UAAU,EAAE,OAAO,MAAM,MAC1C,IAAI,eAAe,QAAQ,QAAQ,MAAM,KAAK,QAClD;AACF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@traefik-labs/faency",
   "description": "Traefik Labs design system",
-  "version": "12.3.3",
+  "version": "12.3.4",
   "license": "Apache-2.0",
   "keywords": [
     "traefiklabs",
@@ -86,39 +86,39 @@
     "@vanilla-extract/css": "1.20.1",
     "@vanilla-extract/dynamic": "2.1.5",
     "@vanilla-extract/recipes": "0.5.7",
-    "date-fns": "4.1.0",
+    "date-fns": "4.2.1",
     "prism-react-renderer": "2.4.1",
     "prismjs": "1.30.0",
     "tinycolor2": "1.6.0"
   },
   "devDependencies": {
     "@babel/core": "7.29.0",
-    "@babel/preset-env": "7.29.2",
+    "@babel/preset-env": "7.29.5",
     "@babel/preset-react": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
     "@eslint/js": "9.39.4",
     "@semantic-release/commit-analyzer": "13.0.1",
-    "@semantic-release/github": "12.0.6",
+    "@semantic-release/github": "12.0.8",
     "@semantic-release/npm": "13.1.5",
-    "@semantic-release/release-notes-generator": "14.1.0",
-    "@storybook/addon-docs": "10.3.5",
-    "@storybook/addon-links": "10.3.5",
-    "@storybook/builder-vite": "10.3.5",
-    "@storybook/react-vite": "10.3.5",
+    "@semantic-release/release-notes-generator": "14.1.1",
+    "@storybook/addon-docs": "10.4.0",
+    "@storybook/addon-links": "10.4.0",
+    "@storybook/builder-vite": "10.4.0",
+    "@storybook/react-vite": "10.4.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@types/jest": "30.0.0",
     "@types/jest-axe": "3.5.9",
-    "@types/node": "24.12.2",
+    "@types/node": "24.12.4",
     "@types/prismjs": "1.26.6",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "@types/tinycolor2": "1.4.6",
     "@vanilla-extract/vite-plugin": "5.2.2",
-    "@vitejs/plugin-react": "6.0.1",
-    "@vueless/storybook-dark-mode": "10.0.7",
-    "babel-jest": "30.3.0",
+    "@vitejs/plugin-react": "6.0.2",
+    "@vueless/storybook-dark-mode": "10.0.8",
+    "babel-jest": "30.4.1",
     "conventional-changelog-conventionalcommits": "9.3.1",
     "cross-env": "10.1.0",
     "eslint": "9.39.4",
@@ -128,23 +128,23 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.1.1",
     "eslint-plugin-simple-import-sort": "13.0.0",
-    "eslint-plugin-storybook": "10.3.5",
-    "globals": "17.5.0",
+    "eslint-plugin-storybook": "10.4.0",
+    "globals": "17.6.0",
     "husky": "9.1.7",
-    "jest": "30.3.0",
+    "jest": "30.4.2",
     "jest-axe": "10.0.0",
-    "jest-environment-jsdom": "30.3.0",
-    "lint-staged": "16.4.0",
-    "np": "11.2.0",
+    "jest-environment-jsdom": "30.4.1",
+    "lint-staged": "17.0.5",
+    "np": "11.2.1",
     "patch-package": "8.0.1",
     "prettier": "3.8.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "semantic-release": "25.0.3",
-    "storybook": "10.3.5",
+    "storybook": "10.4.0",
     "typescript": "5.8.3",
-    "typescript-eslint": "8.59.0",
-    "vite": "8.0.10",
+    "typescript-eslint": "8.59.4",
+    "vite": "8.0.13",
     "vite-plugin-dts": "4.5.4"
   },
   "resolutions": {