@mantine/core/cjs/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"use-resolved-styles-api.cjs","names":["useMantineTheme","resolveClassNames","resolveStyles"],"sources":["../../../../src/core/styles-api/use-resolved-styles-api/use-resolved-styles-api.ts"],"sourcesContent":["import { FactoryPayload } from '../../factory';\nimport { useMantineTheme } from '../../MantineProvider';\nimport { ClassNames, Styles } from '../styles-api.types';\nimport { resolveClassNames } from '../use-styles/get-class-name/resolve-class-names/resolve-class-names';\nimport { resolveStyles } from '../use-styles/get-style/resolve-styles/resolve-styles';\n\nexport interface UseResolvedStylesApiInput<Payload extends FactoryPayload> {\n  classNames: ClassNames<Payload> | undefined;\n  styles: Styles<Payload> | undefined;\n  props: Record<string, any>;\n  stylesCtx?: Record<string, any>;\n}\n\nexport function useResolvedStylesApi<Payload extends FactoryPayload>({\n  classNames,\n  styles,\n  props,\n  stylesCtx,\n}: UseResolvedStylesApiInput<Payload>) {\n  const theme = useMantineTheme();\n\n  return {\n    resolvedClassNames: resolveClassNames({\n      theme,\n      classNames,\n      props,\n      stylesCtx: stylesCtx || undefined,\n    }),\n\n    resolvedStyles: resolveStyles({\n      theme,\n      styles,\n      props,\n      stylesCtx: stylesCtx || undefined,\n    }),\n  };\n}\n"],"mappings":";;;;;AAaA,SAAgB,qBAAqD,EACnE,YACA,QACA,OACA,aACqC;CACrC,MAAM,QAAQA,6BAAAA,iBAAiB;AAE/B,QAAO;EACL,oBAAoBC,4BAAAA,kBAAkB;GACpC;GACA;GACA;GACA,WAAW,aAAa,KAAA;GACzB,CAAC;EAEF,gBAAgBC,uBAAAA,cAAc;GAC5B;GACA;GACA;GACA,WAAW,aAAa,KAAA;GACzB,CAAC;EACH"}