{"version":3,"file":"AppShellMediaStyles.mjs","names":[],"sources":["../../../../src/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.tsx"],"sourcesContent":["import { InlineStyles, useMantineContext, useMantineTheme } from '../../../core';\nimport type { AppShellProps } from '../AppShell';\nimport { getVariables } from './get-variables/get-variables';\n\ninterface AppShellMediaStylesProps {\n  navbar: AppShellProps['navbar'] | undefined;\n  header: AppShellProps['header'] | undefined;\n  aside: AppShellProps['aside'] | undefined;\n  footer: AppShellProps['footer'] | undefined;\n  padding: AppShellProps['padding'] | undefined;\n  mode: 'fixed' | 'static';\n  selector?: string;\n}\n\nexport function AppShellMediaStyles({\n  navbar,\n  header,\n  aside,\n  footer,\n  padding,\n  mode,\n  selector,\n}: AppShellMediaStylesProps) {\n  const theme = useMantineTheme();\n  const ctx = useMantineContext();\n  const { media, baseStyles } = getVariables({\n    navbar,\n    header,\n    footer,\n    aside,\n    padding,\n    theme,\n    mode,\n  });\n  return (\n    <InlineStyles\n      media={media}\n      styles={baseStyles}\n      selector={selector || ctx.cssVariablesSelector}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,oBAAoB,EAClC,QACA,QACA,OACA,QACA,SACA,MACA,YAC2B;CAC3B,MAAM,QAAQ,iBAAiB;CAC/B,MAAM,MAAM,mBAAmB;CAC/B,MAAM,EAAE,OAAO,eAAe,aAAa;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AACF,QACE,oBAAC,cAAD;EACS;EACP,QAAQ;EACR,UAAU,YAAY,IAAI;EAC1B,CAAA"}