{"version":3,"file":"useThemeTokenStyles.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.ts"],"sourcesContent":["import { useMemo, type CSSProperties } from 'react'\r\nimport type { ThemeTokens } from '@components/theme-provider/hooks/use-theme-provider/types'\r\n\r\n/**\r\n * Converts semantic color tokens into inline CSS custom properties.\r\n */\r\nexport const useThemeTokenStyles = (tokens?: ThemeTokens) => useMemo<CSSProperties>(() => {\r\n    if (!tokens) {\r\n        return {}\r\n    }\r\n\r\n    return Object.entries(tokens).reduce<Record<string, string>>(\r\n        (styles, [key, value]) => {\r\n            if (value !== undefined) {\r\n                styles[`--color-${key}`] = value\r\n            }\r\n            return styles\r\n        },\r\n        {},\r\n    ) as CSSProperties\r\n}, [tokens])\r\n"],"names":["useThemeTokenStyles","tokens","useMemo","styles","key","value"],"mappings":"yGAMaA,EAAuBC,GAAyBC,EAAAA,QAAuB,IAC3ED,EAIE,OAAO,QAAQA,CAAM,EAAE,OAC1B,CAACE,EAAQ,CAACC,EAAKC,CAAK,KACZA,IAAU,SACVF,EAAO,WAAWC,CAAG,EAAE,EAAIC,GAExBF,GAEX,CAAA,CAAC,EAVM,CAAA,EAYZ,CAACF,CAAM,CAAC"}