@mantine/core/esm/components/Tabs/TabsList/TabsList.mjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"TabsList.mjs","names":["classes"],"sources":["../../../../src/components/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\nimport classes from '../Tabs.module.css';\n\nexport type TabsListStylesNames = 'list';\n\nexport interface TabsListProps\n  extends BoxProps, CompoundStylesApiProps<TabsListFactory>, ElementProps<'div'> {\n  /** `Tabs.Tab` components */\n  children: React.ReactNode;\n\n  /** Determines whether tabs should take all available space @default false */\n  grow?: boolean;\n\n  /** Tabs alignment @default flex-start */\n  justify?: React.CSSProperties['justifyContent'];\n}\n\nexport type TabsListFactory = Factory<{\n  props: TabsListProps;\n  ref: HTMLDivElement;\n  stylesNames: TabsListStylesNames;\n  compound: true;\n}>;\n\nexport const TabsList = factory<TabsListFactory>((_props) => {\n  const props = useProps('TabsList', null, _props);\n  const { children, className, grow, justify, classNames, styles, style, mod, ...others } = props;\n\n  const ctx = useTabsContext();\n\n  return (\n    <Box\n      {...ctx.getStyles('list', {\n        className,\n        style,\n        classNames,\n        styles,\n        props,\n        variant: ctx.variant,\n      })}\n      role=\"tablist\"\n      variant={ctx.variant}\n      mod={[\n        {\n          grow,\n          orientation: ctx.orientation,\n          placement: ctx.orientation === 'vertical' && ctx.placement,\n          inverted: ctx.inverted,\n        },\n        mod,\n      ]}\n      aria-orientation={ctx.orientation}\n      __vars={{ '--tabs-justify': justify }}\n      {...others}\n    >\n      {children}\n    </Box>\n  );\n});\n\nTabsList.classes = classes;\nTabsList.displayName = '@mantine/core/TabsList';\n"],"mappings":";;;;;;;;AAiCA,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS,YAAY,MAAM,OAAO;CAChD,MAAM,EAAE,UAAU,WAAW,MAAM,SAAS,YAAY,QAAQ,OAAO,KAAK,GAAG,WAAW;CAE1F,MAAM,MAAM,gBAAgB;AAE5B,QACE,oBAAC,KAAD;EACE,GAAI,IAAI,UAAU,QAAQ;GACxB;GACA;GACA;GACA;GACA;GACA,SAAS,IAAI;GACd,CAAC;EACF,MAAK;EACL,SAAS,IAAI;EACb,KAAK,CACH;GACE;GACA,aAAa,IAAI;GACjB,WAAW,IAAI,gBAAgB,cAAc,IAAI;GACjD,UAAU,IAAI;GACf,EACD,IACD;EACD,oBAAkB,IAAI;EACtB,QAAQ,EAAE,kBAAkB,SAAS;EACrC,GAAI;EAEH;EACG,CAAA;EAER;AAEF,SAAS,UAAUA;AACnB,SAAS,cAAc"}