@helpwave/hightide/dist/hooks/useTheme.mjs.map

helpwave's component and theming library

{"version":3,"sources":["../../src/hooks/useTheme.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport type { Dispatch, SetStateAction, PropsWithChildren } from 'react'\nimport { createContext, useState, useEffect } from 'react'\nimport type { Translation } from './useTranslation'\n\nexport type ThemeType = 'light' | 'dark'\n\nexport type ThemeTypeTranslation = Record<ThemeType, string>\nexport const defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light'\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell'\n  }\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType>({\n  theme: 'light',\n  setTheme: (_: SetStateAction<ThemeType>) => {\n  },\n})\n\ntype ThemeProviderProps = {\n  initialTheme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, initialTheme = 'light' }: PropsWithChildren<ThemeProviderProps>) => {\n  const [theme, setTheme] = useState<ThemeType>(initialTheme)\n\n  useEffect(() => {\n    if (theme !== initialTheme) {\n      console.warn('ThemeProvider initial state changed: Prefer using useTheme\\'s setTheme instead')\n      setTheme(initialTheme)\n    }\n  }, [initialTheme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', theme)\n  }, [theme])\n\n  return (\n    <ThemeContext.Provider value={{ theme, setTheme }}>\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\n\nexport const useTheme = () => useContext(ThemeContext)\n"],"mappings":";AAAA,SAAS,kBAAkB;AAE3B,SAAS,eAAe,UAAU,iBAAiB;AA+C/C;AAzCG,IAAM,8BAAiE;AAAA,EAC5E,IAAI;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAOO,IAAM,eAAe,cAAgC;AAAA,EAC1D,OAAO;AAAA,EACP,UAAU,CAAC,MAAiC;AAAA,EAC5C;AACF,CAAC;AAMM,IAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe,QAAQ,MAA6C;AAC5G,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB,YAAY;AAE1D,YAAU,MAAM;AACd,QAAI,UAAU,cAAc;AAC1B,cAAQ,KAAK,+EAAgF;AAC7F,eAAS,YAAY;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,YAAU,MAAM;AACd,aAAS,gBAAgB,aAAa,cAAc,KAAK;AAAA,EAC3D,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,OAAO,SAAS,GAC7C,UACH;AAEJ;AAGO,IAAM,WAAW,MAAM,WAAW,YAAY;","names":[]}