@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:\n      classNames === undefined\n        ? undefined\n        : resolveClassNames({\n            theme,\n            classNames,\n            props,\n            stylesCtx: stylesCtx || undefined,\n          }),\n\n    resolvedStyles:\n      styles === undefined\n        ? undefined\n        : 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,gBAAgB;CAE9B,OAAO;EACL,oBACE,eAAe,KAAA,IACX,KAAA,IACAC,4BAAAA,kBAAkB;GAChB;GACA;GACA;GACA,WAAW,aAAa,KAAA;EAC1B,CAAC;EAEP,gBACE,WAAW,KAAA,IACP,KAAA,IACAC,uBAAAA,cAAc;GACZ;GACA;GACA;GACA,WAAW,aAAa,KAAA;EAC1B,CAAC;CACT;AACF"}