{"version":3,"file":"AppShellMediaStyles.cjs","sources":["../../../../src/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.tsx"],"sourcesContent":["import { InlineStyles, useRaikouTheme } 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  iconList: AppShellProps['iconList'] | undefined;\n  padding: AppShellProps['padding'] | undefined;\n}\n\nexport function AppShellMediaStyles({\n  navbar,\n  header,\n  aside,\n  footer,\n  iconList,\n  padding,\n}: AppShellMediaStylesProps) {\n  const theme = useRaikouTheme();\n  const { media, baseStyles } = getVariables({\n    navbar,\n    header,\n    footer,\n    aside,\n    iconList,\n    padding,\n    theme,\n  });\n  return <InlineStyles media={media} styles={baseStyles} selector=\":root\" />;\n}\n"],"names":["useRaikouTheme","getVariables","InlineStyles"],"mappings":";;;;;;;;;;;;AAaO,SAAS,mBAAoB,CAAA;AAAA,EAClC,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAA6B,EAAA;AAC3B,EAAA,MAAM,QAAQA,6BAAe,EAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAO,UAAW,EAAA,GAAIC,yBAAa,CAAA;AAAA,IACzC,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,sCAAQC,yBAAa,EAAA,EAAA,KAAA,EAAc,MAAQ,EAAA,UAAA,EAAY,UAAS,OAAQ,EAAA,CAAA;AAC1E;;;;"}