@12-apps/ui 5.0.0 → 5.0.1

package/dist/navigation/NavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/navigation/NavigationMenu/NavigationMenu.tsx","../../src/components/navigation/NavigationMenu/NavigationMegaSection.tsx","../../src/components/navigation/NavigationMenu/NavigationMenu.shell.tsx","../../src/components/navigation/NavigationMenu/NavigationMenu.styles.ts","../../src/components/navigation/NavigationMenu/NavigationMenuItem.tsx","../../src/components/navigation/NavigationMenu/NavigationMenuItem.hooks.ts","../../src/components/navigation/NavigationMenu/NavigationStandardBody.tsx"],"sourcesContent":["import {\n  Box,\n  Paper } from '@mui/material';\nimport React, { useState } from 'react';\n\nimport { NavigationMegaSection } from './NavigationMegaSection';\nimport { NavigationStandardBody } from './NavigationStandardBody';\nimport {\n  LogoBar,\n  NavigationShell } from './NavigationMenu.shell';\nimport type { NavigationMenuItem,NavigationMenuProps } from './NavigationMenu.types';\n\n\n\n\n\n\n// The mega-menu layout is a different shape from the list-based variants: a\n// grid of titled sections rather than a single column.\n// onItemClick and dataTestId are not on NavigationMenuProps; they arrive through\n// the rest props and are forwarded to the item renderer, so they are named here.\ntype MegaMenuLayoutProps = NavigationMenuProps & {\n  collapsed: boolean;\n  onItemClick?: (item: NavigationMenuItem) => void;\n  dataTestId?: string;\n};\n\nconst MegaMenuLayout = React.forwardRef<HTMLDivElement, MegaMenuLayoutProps>(\n  (\n    {\n      variant,\n      logo,\n      items,\n      size,\n      minimal,\n      dataTestId: _dataTestId,\n      className,\n      maxWidth,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n    <NavigationShell\n      ref={ref}\n      variant={variant}\n      minimal={minimal}\n      className={className}\n      style={{ maxWidth, ...style }}\n      {...props}\n    >\n      <Paper\n        elevation={minimal ? 0 : 1}\n        sx={{\n          width: '100%',\n          overflow: 'hidden',\n          background: minimal ? 'transparent' : undefined }}\n      >\n        {logo && <LogoBar>{logo}</LogoBar>}\n        <Box\n          sx={{\n            display: 'grid',\n            gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))',\n            gap: 3,\n            p: 3 }}\n        >\n          {items.map((section, sectionIndex) => (\n            <NavigationMegaSection\n              key={section.id}\n              section={section}\n              sectionIndex={sectionIndex}\n              variant={variant}\n              size={size}\n              minimal={minimal}\n            />\n          ))}\n        </Box>\n      </Paper>\n    </NavigationShell>\n  );\n  },\n);\n\nMegaMenuLayout.displayName = 'MegaMenuLayout';\n\ntype NavigationDefaultedKeys = 'variant' | 'size' | 'minimal' | 'collapsible' | 'showDividers';\n\ntype ResolvedNavigationProps = NavigationMenuProps &\n  Required<Pick<NavigationMenuProps, NavigationDefaultedKeys>>;\n\nconst NAVIGATION_DEFAULTS: Pick<NavigationMenuProps, NavigationDefaultedKeys> = {\n  variant: 'vertical',\n  size: 'md',\n  minimal: false,\n  collapsible: false,\n  showDividers: false };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put five\n// branches into the component's own complexity budget.\nconst resolveProps = (props: NavigationMenuProps): ResolvedNavigationProps =>\n  ({\n    ...NAVIGATION_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<NavigationMenuProps>) }) as ResolvedNavigationProps;\n\nexport const NavigationMenu = React.forwardRef<HTMLDivElement, NavigationMenuProps>(\n  (componentProps, ref) => {\n    const {\n      variant,\n      items,\n      size,\n      minimal,\n      collapsible,\n      collapsed: controlledCollapsed,\n      onCollapseChange,\n      logo,\n      endContent,\n      maxWidth,\n      showDividers,\n      className,\n      style,\n      ...props\n    } = resolveProps(componentProps);\n\n    const [internalCollapsed, setInternalCollapsed] = useState(false);\n\n    // Controlled when the caller passes `collapsed`, uncontrolled otherwise.\n    const isControlled = controlledCollapsed !== undefined;\n    const collapsed = isControlled ? controlledCollapsed : internalCollapsed;\n\n    const handleCollapseToggle = () => {\n      if (!isControlled) setInternalCollapsed(!collapsed);\n      onCollapseChange?.(!collapsed);\n    };\n\n    if (variant === 'mega') {\n      return (\n        <MegaMenuLayout\n          ref={ref}\n          variant={variant}\n          collapsed={collapsed}\n          logo={logo}\n          items={items}\n          size={size}\n          minimal={minimal}\n          className={className}\n          maxWidth={maxWidth}\n          style={style}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <NavigationShell\n        ref={ref}\n        variant={variant}\n        minimal={minimal}\n        collapsed={collapsed}\n        className={className}\n        style={style}\n        {...props}\n      >\n        <NavigationStandardBody\n          variant={variant}\n          size={size}\n          minimal={minimal}\n          collapsed={collapsed}\n          collapsible={collapsible}\n          showDividers={showDividers}\n          items={items}\n          logo={logo}\n          endContent={endContent}\n          onCollapseToggle={handleCollapseToggle}\n        />\n      </NavigationShell>\n    );\n  },\n);\n\nNavigationMenu.displayName = 'NavigationMenu';\n","import { Box, List, Typography } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { MegaSection } from './NavigationMenu.shell';\nimport { slideIn } from './NavigationMenu.styles';\nimport type { NavigationMenuItem } from './NavigationMenu.types';\nimport { renderMenuItem } from './NavigationMenuItem';\n\nconst SECTION_TITLE_SX = {\n  mb: 2.5,\n  color: 'primary.main',\n  fontWeight: 600,\n  position: 'relative',\n  paddingBottom: 1,\n  // The short rule under each section heading.\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '40px',\n    height: '3px',\n    background: (theme: { palette: { primary: { main: string } } }) =>\n      `linear-gradient(90deg, ${theme.palette.primary.main} 0%, transparent 100%)`,\n    borderRadius: '2px',\n  },\n} as const;\n\nexport interface NavigationMegaSectionProps {\n  section: NavigationMenuItem;\n  sectionIndex: number;\n  variant?: string;\n  size?: string;\n  minimal?: boolean;\n}\n\n// One column of the mega menu: a heading and its children, each staggered so the\n// grid fills in rather than appearing all at once.\nexport const NavigationMegaSection: FC<NavigationMegaSectionProps> = ({\n  section,\n  sectionIndex,\n  variant,\n  size,\n  minimal,\n}) => (\n  <MegaSection>\n    <Typography variant=\"h6\" sx={SECTION_TITLE_SX}>\n      {section.label}\n    </Typography>\n    <List sx={{ p: 0 }}>\n      {section.children?.map((item, itemIndex) => (\n        <Box\n          key={item.id}\n          sx={{\n            animation: `${slideIn} 0.4s ease-out`,\n            animationDelay: `${sectionIndex * 0.1 + itemIndex * 0.05}s`,\n            animationFillMode: 'both',\n          }}\n        >\n          {renderMenuItem(item, variant, size, false, minimal, 0)}\n        </Box>\n      ))}\n    </List>\n  </MegaSection>\n);\n","import { Box, List, ListItemButton } from '@mui/material';\nimport { alpha, keyframes, styled } from '@mui/material';\nimport type { CSSProperties, PropsWithChildren, ReactNode } from 'react';\nimport React from 'react';\n\nimport { slideIn } from './NavigationMenu.styles';\n\nconst megaMenuSlide = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\n// These styled() components stay module-local: their inferred types cannot be\n// named across a module boundary here (TS2742). The plain components exported\n// below are what the layouts import.\nconst NavigationContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['variant', 'collapsed', 'minimal'].includes(prop as string),\n})<{ variant?: string; collapsed?: boolean; minimal?: boolean }>(({ theme, variant, collapsed, minimal }) => ({\n  display: 'flex',\n  position: 'relative',\n  animation: `${slideIn} 0.4s ease-out`,\n  ...(variant === 'horizontal' && {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    ...(!minimal && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.95)} 0%, ${alpha(theme.palette.background.paper, 0.98)} 100%)`,\n      backdropFilter: 'blur(10px)',\n      borderRadius: theme.spacing(2),\n      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.08)}`,\n    }),\n  }),\n  ...(variant === 'vertical' && {\n    flexDirection: 'column',\n    width: collapsed ? 80 : 280,\n    transition: 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)',\n    height: '100%',\n    ...(!minimal && {\n      background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n      backdropFilter: 'blur(12px)',\n      borderRadius: theme.spacing(2),\n      boxShadow: `0 12px 40px ${alpha(theme.palette.common.black, 0.1)}`,\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        height: '200px',\n        background: `radial-gradient(ellipse at top, ${alpha(theme.palette.primary.main, 0.05)} 0%, transparent 70%)`,\n        pointerEvents: 'none',\n      },\n    }),\n  }),\n  ...(variant === 'mega' && {\n    flexDirection: 'column',\n    width: '100%',\n    ...(!minimal && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.default, 0.95)} 100%)`,\n      backdropFilter: 'blur(15px)',\n      borderRadius: theme.spacing(3),\n      overflow: 'hidden',\n      boxShadow: `0 20px 60px ${alpha(theme.palette.common.black, 0.12)}`,\n    }),\n  }),\n}));\n\nconst StyledList = styled(List, {\n  shouldForwardProp: (prop) => !['variant', 'size'].includes(prop as string),\n})<{ variant?: string; size?: string }>(({ theme, variant }) => ({\n  padding: 0,\n  width: '100%',\n  ...(variant === 'horizontal' && {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n  }),\n  ...(variant === 'mega' && {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',\n    gap: theme.spacing(2),\n    padding: theme.spacing(2),\n  }),\n}));\n\nconst LogoContainer = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2.5),\n  marginBottom: theme.spacing(2),\n  position: 'relative',\n  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.08)} 0%, ${alpha(theme.palette.primary.dark, 0.04)} 100%)`,\n  borderBottom: `2px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n  overflow: 'hidden',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '-50%',\n    right: '-50%',\n    width: '200%',\n    height: '200%',\n    background: `radial-gradient(circle, ${alpha(theme.palette.primary.light, 0.1)} 0%, transparent 70%)`,\n    animation: `${slideIn} 1s ease-out`,\n  },\n\n  '& > *': {\n    position: 'relative',\n    zIndex: 1,\n  },\n}));\n\nconst CollapseButton = styled(ListItemButton)(({ theme }) => ({\n  borderRadius: theme.spacing(1.5),\n  margin: theme.spacing(1),\n  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.08)} 0%, ${alpha(theme.palette.primary.dark, 0.04)} 100%)`,\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n  transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.primary.main, 0.12),\n    transform: 'scale(1.05)',\n    boxShadow: `0 6px 20px ${alpha(theme.palette.primary.main, 0.2)}`,\n\n    '& .MuiListItemIcon-root': {\n      transform: 'rotate(180deg)',\n      transition: 'transform 0.3s ease',\n    },\n  },\n\n  '&:active': {\n    transform: 'scale(0.98)',\n  },\n}));\n\nconst MegaMenuSection = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(3),\n  borderRadius: theme.spacing(2),\n  background: `linear-gradient(145deg, ${theme.palette.background.paper} 0%, ${alpha(theme.palette.background.default, 0.9)} 100%)`,\n  boxShadow: `0 10px 30px ${alpha(theme.palette.common.black, 0.08)}`,\n  border: `1px solid ${alpha(theme.palette.divider, 0.08)}`,\n  position: 'relative',\n  overflow: 'hidden',\n  animation: `${megaMenuSlide} 0.5s ease-out`,\n  animationFillMode: 'both',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    height: '3px',\n    background: `linear-gradient(90deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 50%, ${theme.palette.primary.main} 100%)`,\n    backgroundSize: '200% 100%',\n    animation: 'shimmer 3s ease-in-out infinite',\n  },\n\n  '@keyframes shimmer': {\n    '0%': {\n      backgroundPosition: '200% 0',\n    },\n    '100%': {\n      backgroundPosition: '-200% 0',\n    },\n  },\n\n  '&:hover': {\n    transform: 'translateY(-4px)',\n    boxShadow: `0 15px 40px ${alpha(theme.palette.common.black, 0.12)}`,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n  },\n\n  '&:nth-of-type(1)': { animationDelay: '0.1s' },\n  '&:nth-of-type(2)': { animationDelay: '0.2s' },\n  '&:nth-of-type(3)': { animationDelay: '0.3s' },\n  '&:nth-of-type(4)': { animationDelay: '0.4s' },\n}));\n\nexport interface NavigationShellProps extends PropsWithChildren {\n  variant?: string;\n  collapsed?: boolean;\n  minimal?: boolean;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const NavigationShell = React.forwardRef<HTMLDivElement, NavigationShellProps>(\n  ({ children, ...props }, ref) => (\n    <NavigationContainer ref={ref} {...props}>\n      {children}\n    </NavigationContainer>\n  ),\n);\n\nNavigationShell.displayName = 'NavigationShell';\n\nexport const LogoBar: React.FC<PropsWithChildren> = ({ children }) => (\n  <LogoContainer>{children}</LogoContainer>\n);\n\nexport const MenuList: React.FC<PropsWithChildren<{ variant?: string; size?: string }>> = ({\n  children,\n  ...props\n}) => <StyledList {...props}>{children}</StyledList>;\n\nexport const CollapseToggle: React.FC<PropsWithChildren<{ onClick: () => void }>> = ({\n  children,\n  onClick,\n}) => <CollapseButton onClick={onClick}>{children}</CollapseButton>;\n\nexport const MegaSection: React.FC<{ children: ReactNode }> = ({ children }) => (\n  <MegaMenuSection>{children}</MegaMenuSection>\n);\n","import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nexport const slideIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const pulseGlow = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);\n  }\n`;\n\nconst SIZE_STYLES: Record<string, (theme: Theme) => CSSObject> = {\n  sm: (theme) => ({\n    padding: theme.spacing(1, 1.5),\n    fontSize: '0.875rem',\n    '& .MuiListItemIcon-root': { transform: 'scale(0.85)' },\n  }),\n  lg: (theme) => ({\n    padding: theme.spacing(2, 2.5),\n    fontSize: '1.125rem',\n    '& .MuiListItemIcon-root': { transform: 'scale(1.15)' },\n  }),\n};\n\n// Each of these applies independently of the others, so they layer rather than\n// forming a lookup.\nconst horizontalStyles = (theme: Theme): CSSObject => ({\n      borderRadius: theme.spacing(1.5),\n      margin: theme.spacing(0, 0.5),\n      background: alpha(theme.palette.background.paper, 0.6),\n      backdropFilter: 'blur(8px)',\n      border: `none`,\n      // border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n    });\n\nconst collapsedStyles = (): CSSObject => ({\n      justifyContent: 'center',\n      minHeight: 56,\n      '& .MuiListItemIcon-root': {\n        margin: 0,\n      },\n    });\n\nconst activeStyles = (theme: Theme, _variant?: string): CSSObject => ({\n      color: theme.palette.primary.main,\n      cursor: 'default',\n\n      '& .MuiListItemIcon-root': {\n        color: theme.palette.primary.main,\n      },\n\n      '&::before': {\n        opacity: 1,\n        background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`,\n      },\n\n      '&:hover': {\n        background: 'none',\n        transform: 'none',\n        boxShadow: 'none',\n\n        '&::before': {\n          opacity: 1,\n        },\n\n        '& .MuiListItemIcon-root': {\n          transform: 'none',\n        },\n\n        '& .MuiListItemText-primary': {\n          transform: 'none',\n        },\n      },\n    });\n\n// Decorative sweep and glow layers behind the row.\nconst navDecorationStyles = (theme: Theme): CSSObject => ({\n  '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,\n      opacity: 0,\n      transition: 'opacity 0.3s ease',\n    },\n  '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      width: '100%',\n      height: '100%',\n      background: `radial-gradient(circle, ${alpha(theme.palette.primary.main, 0.3)} 0%, transparent 70%)`,\n      transform: 'translate(-50%, -50%) scale(0)',\n      transition: 'transform 0.6s ease',\n      borderRadius: '50%',\n    },\n});\n\n// The minimal variant deliberately skips the lift-and-glow treatment.\nconst navInteractionStyles = (\n  theme: Theme,\n  minimal?: boolean,\n  collapsed?: boolean,\n  size?: string,\n): CSSObject => ({\n  '&:hover': minimal\n      ? {\n          // Simple hover for minimal variant\n          backgroundColor: alpha(theme.palette.action.hover, 0.08),\n          color: theme.palette.primary.main,\n\n          '& .MuiListItemIcon-root': {\n            color: theme.palette.primary.main,\n          },\n        }\n      : {\n          // Fancy hover for non-minimal variant\n          background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,\n          color: theme.palette.primary.main,\n          boxShadow: `0 8px 24px ${alpha(theme.palette.primary.main, 0.15)}`,\n          backgroundColor: alpha(theme.palette.primary.main, 0.04),\n\n          '&::before': {\n            opacity: 1,\n          },\n\n          '& .MuiListItemIcon-root': {\n            color: theme.palette.primary.main,\n            transform: collapsed\n              ? 'scale(1.1)'\n              : size === 'sm'\n                ? 'scale(0.95) rotate(-5deg)'\n                : size === 'lg'\n                  ? 'scale(1.25) rotate(-5deg)'\n                  : 'scale(1.1) rotate(-5deg)',\n            transition: 'all 0.3s ease',\n          },\n\n          '& .MuiListItemText-primary': {\n            transform: 'translateX(4px)',\n            transition: 'transform 0.3s ease',\n          },\n        },\n  '&:active': minimal\n      ? {\n          // Simple active state for minimal variant\n          opacity: 0.7,\n        }\n      : {\n          // Fancy active state for non-minimal variant\n          transform: 'scale(0.98)',\n          '&::after': {\n            transform: 'translate(-50%, -50%) scale(2)',\n          },\n        },\n});\n\n// The nav row's own styling: base layout plus the variant, size, collapsed and\n// minimal treatments. Lifted out so the styled() callback is a single spread.\nexport const navItemButtonStyles = ({\n  theme,\n  variant,\n  active,\n  size,\n  collapsed,\n  minimal,\n}: {\n  theme: Theme;\n  variant?: string;\n  active?: boolean;\n  size?: string;\n  collapsed?: boolean;\n  minimal?: boolean;\n}): CSSObject => ({\n  ...(size ? (SIZE_STYLES[size]?.(theme) ?? {}) : {}),\n  ...(variant === 'horizontal' ? horizontalStyles(theme) : {}),\n  ...(collapsed ? collapsedStyles() : {}),\n  ...(active ? activeStyles(theme, variant) : {}),\n  ...navDecorationStyles(theme),\n  ...navInteractionStyles(theme, minimal, collapsed, size),\n    borderRadius: theme.spacing(1.5),\n    margin: theme.spacing(0.5),\n    position: 'relative',\n    overflow: 'hidden',\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    transformStyle: 'preserve-3d',\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  });\n","import ChevronRight from '@mui/icons-material/ChevronRight';\nimport ExpandMore from '@mui/icons-material/ExpandMore';\nimport {\n  Box,\n  Collapse,\n  Fade,\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemIcon,\n  Grow,\n  ListItemText,\n  Popover } from '@mui/material';\nimport { alpha, styled } from '@mui/material';\nimport React, {  } from 'react';\n\nimport { useMenuItemState } from './NavigationMenuItem.hooks';\nimport { navItemButtonStyles, pulseGlow } from './NavigationMenu.styles';\nimport type { NavigationMenuItem } from './NavigationMenu.types';\n\nconst StyledListItem = styled(ListItem, {\n  shouldForwardProp: (prop) => !['variant', 'active', 'size', 'level'].includes(prop as string) })<{ variant?: string; active?: boolean; size?: string; level?: number }>(\n  ({ theme, variant, level = 0 }) => ({\n    padding: 0,\n    ...(variant === 'horizontal' && {\n      width: 'auto' }),\n    ...(level > 0 && {\n      paddingLeft: theme.spacing(2 * level) }) }),\n);\n\nconst StyledListItemButton = styled(ListItemButton, {\n  shouldForwardProp: (prop) => !['variant', 'active', 'size', 'collapsed', 'minimal'].includes(prop as string) })<{ variant?: string; active?: boolean; size?: string; collapsed?: boolean; minimal?: boolean }>(\n  ({ theme, variant, active, size, collapsed, minimal }) => ({\n    ...navItemButtonStyles({ theme, variant, active, size, collapsed, minimal }) }),\n);\n\ninterface MenuItemRendererProps {\n  item: NavigationMenuItem;\n  variant: string;\n  size: string;\n  collapsed: boolean;\n  minimal: boolean;\n  level: number;\n  onItemClick?: (item: NavigationMenuItem) => void;\n}\n\n// Hover intent and open/anchor state live in NavigationMenuItem.hooks.\n\n// The flyout a horizontal menu opens on hover.\nconst MenuItemPopover: React.FC<{\n  anchorEl: HTMLElement | null;\n  item: NavigationMenuItem;\n  size?: string;\n  minimal?: boolean;\n  onClose: () => void;\n  onMouseEnter: () => void;\n  onMouseLeave: () => void;\n  onItemClick?: (item: NavigationMenuItem) => void;\n}> = ({ anchorEl, item, size, minimal, onClose, onMouseEnter, onMouseLeave, onItemClick }) => (\n  <Popover\n    open={Boolean(anchorEl)}\n    anchorEl={anchorEl}\n    onClose={onClose}\n    anchorOrigin={{\n      vertical: 'bottom',\n      horizontal: 'left' }}\n    transformOrigin={{\n      vertical: 'top',\n      horizontal: 'left' }}\n    disableRestoreFocus\n    sx={{\n      pointerEvents: 'none' }}\n    slotProps={{\n      paper: {\n        onMouseEnter,\n        onMouseLeave,\n        sx: {\n          pointerEvents: 'auto',\n          mt: 0.5,\n          borderRadius: 2,\n          boxShadow: (theme) => `0 12px 40px ${alpha(theme.palette.common.black, 0.15)}`,\n          border: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n          background: (theme) =>\n            `linear-gradient(145deg, ${theme.palette.background.paper} 0%, ${alpha(theme.palette.background.default, 0.95)} 100%)`,\n          backdropFilter: 'blur(10px)',\n          minWidth: 200 } } }}\n  >\n    <List sx={{ p: 1 }}>\n      {item.children?.map((child) => {\n        const childHasChildren = child.children && child.children.length > 0;\n\n        // Only close popover when clicking leaf nodes (items without children)\n        if (childHasChildren) {\n          return renderMenuItem(child, 'vertical', size, false, minimal, 0, onItemClick);\n        }\n\n        // For leaf nodes, wrap with onClick to close the popover\n        return (\n          <Box\n            key={child.id}\n            onClick={onClose}\n          >\n            {renderMenuItem(child, 'vertical', size, false, minimal, 0, onItemClick)}\n          </Box>\n        );\n      })}\n    </List>\n  </Popover>\n);\n\n// Label, badge/chip and the expand chevron, faded out when the rail collapses.\nconst MenuItemLabel: React.FC<{\n  item: NavigationMenuItem;\n  collapsed?: boolean;\n  minimal?: boolean;\n  open: boolean;\n  hasChildren?: boolean;\n  size?: string;\n  variant?: string;\n}> = ({ item, collapsed, open, hasChildren, size, variant }) => (\n  <Fade in={!collapsed} timeout={400}>\n    <Box sx={{ display: 'flex', alignItems: 'center', width: '100%', gap: 1 }}>\n      <ListItemText\n        primary={item.label}\n        secondary={item.description}\n        sx={{\n          flex: 1,\n          minWidth: 0, // Allows text truncation if needed\n        }}\n        slotProps={{\n          primary: {\n            variant: size === 'sm' ? 'body2' : size === 'lg' ? 'h6' : 'body1',\n            sx: {\n              fontWeight: item.active ? 600 : 400,\n              transition: 'all 0.3s ease' } },\n          secondary: {\n            sx: {\n              opacity: 0.7,\n              transition: 'all 0.3s ease' } } }}\n      />\n      {item.badge && (\n        <Box\n          component=\"span\"\n          sx={{\n            flexShrink: 0,\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            minWidth: 20,\n            height: 20,\n            px: 0.75,\n            borderRadius: '10px',\n            fontSize: '0.75rem',\n            fontWeight: 600,\n            color: '#fff',\n            background: 'linear-gradient(135deg, #ff5252 0%, #ff1744 100%)',\n            boxShadow: '0 2px 8px rgba(255, 23, 68, 0.4)',\n            animation:\n              typeof item.badge === 'number' && item.badge > 0\n                ? `${pulseGlow} 2s infinite`\n                : 'none' }}\n        >\n          {item.badge}\n        </Box>\n      )}\n      {hasChildren && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            flexShrink: 0, // Prevents expand icon from shrinking\n            transition: 'transform 0.3s ease',\n            transform: open ? 'rotate(180deg)' : 'rotate(0deg)' }}\n        >\n          {variant === 'horizontal' ? <ChevronRight fontSize=\"small\" /> : <ExpandMore />}\n        </Box>\n      )}\n    </Box>\n  </Fade>\n);\n\n// The row itself: icon, label, badge and the expand chevron.\nconst MenuItemContent: React.FC<{\n  item: NavigationMenuItem;\n  variant?: string;\n  size?: string;\n  active?: boolean;\n  collapsed?: boolean;\n  minimal?: boolean;\n  level: number;\n  open: boolean;\n  hasChildren?: boolean;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseLeave: () => void;\n}> = ({\n  item,\n  variant,\n  size,\n  active: _active,\n  collapsed,\n  minimal,\n  level,\n  open,\n  hasChildren,\n  onClick,\n  onMouseEnter,\n  onMouseLeave }) => (\n<StyledListItem key={item.id} variant={variant} active={item.active} size={size} level={level}>\n      <StyledListItemButton\n        variant={variant}\n        active={item.active}\n        size={size}\n        collapsed={collapsed}\n        minimal={minimal}\n        disabled={item.disabled}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        {...(item.href && !hasChildren\n          ? {\n              component: 'a' as React.ElementType,\n              href: item.href,\n              target: item.target }\n          : {})}\n      >\n        {item.icon && (\n          <ListItemIcon\n            sx={{\n              minWidth: collapsed ? 0 : 40,\n              justifyContent: 'center',\n              transition: 'all 0.3s ease',\n              '& svg': {\n                filter: item.active ? 'drop-shadow(0 2px 8px rgba(0,0,0,0.15))' : 'none',\n                transition: 'all 0.3s ease' } }}\n          >\n            <Grow in={true} timeout={600}>\n              <Box>{item.icon}</Box>\n            </Grow>\n          </ListItemIcon>\n        )}\n        {!collapsed && (\n          <MenuItemLabel\n            item={item}\n            collapsed={collapsed}\n            minimal={minimal}\n            open={open}\n            hasChildren={hasChildren}\n            size={size}\n            variant={variant}\n          />\n        )}\n      </StyledListItemButton>\n    </StyledListItem>\n);\n\nconst MenuItemRenderer: React.FC<MenuItemRendererProps> = ({\n  item,\n  variant,\n  size,\n  collapsed,\n  minimal,\n  level,\n  onItemClick }) => {\n  const {\n    open,\n    anchorEl,\n    hasChildren,\n    handleClick,\n    handleMouseEnter,\n    handleMouseLeave,\n    handlePopoverMouseEnter,\n    handlePopoverMouseLeave,\n    closePopover } = useMenuItemState({ item, variant, onItemClick });\n\n  const itemContent = (\n    <MenuItemContent\n      item={item}\n      variant={variant}\n      size={size}\n      active={item.active}\n      collapsed={collapsed}\n      minimal={minimal}\n      level={level}\n      open={open}\n      hasChildren={hasChildren}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    />\n  );\n\n  // Horizontal variant with children - use Popover\n  if (hasChildren && variant === 'horizontal') {\n    return (\n      <React.Fragment key={item.id}>\n        {itemContent}\n        <MenuItemPopover\n          anchorEl={anchorEl}\n          item={item}\n          size={size}\n          minimal={minimal}\n          onClose={closePopover}\n          onMouseEnter={handlePopoverMouseEnter}\n          onMouseLeave={handlePopoverMouseLeave}\n          onItemClick={onItemClick}\n        />\n      </React.Fragment>\n    );\n  }\n\n  // Vertical variant with children - use Collapse\n  if (hasChildren && variant !== 'horizontal') {\n    return (\n      <React.Fragment key={item.id}>\n        {itemContent}\n        {!collapsed && (\n          <Collapse in={open} timeout=\"auto\" unmountOnExit>\n            <List component=\"div\" disablePadding>\n              {item.children?.map((child) =>\n                renderMenuItem(child, variant, size, collapsed, minimal, level + 1, onItemClick),\n              )}\n            </List>\n          </Collapse>\n        )}\n      </React.Fragment>\n    );\n  }\n\n  return itemContent;\n};\n\nexport const renderMenuItem = (\n  item: NavigationMenuItem,\n  variant: string = 'vertical',\n  size: string = 'md',\n  collapsed: boolean = false,\n  minimal: boolean = false,\n  level: number = 0,\n  onItemClick?: (item: NavigationMenuItem) => void,\n): React.ReactNode => (\n    <MenuItemRenderer\n      key={item.id}\n      item={item}\n      variant={variant}\n      size={size}\n      collapsed={collapsed}\n      minimal={minimal}\n      level={level}\n      onItemClick={onItemClick}\n    />\n  );\n","import React, { useState } from 'react';\n\nimport type { NavigationMenuItem } from './NavigationMenu.types';\n\n// Hover-opened submenus need a grace period on leave, so the pointer can travel\n// from the trigger into the popover without it closing underneath.\nconst CLOSE_DELAY_MS = 150;\n\nconst useHoverIntent = ({\n  enabled,\n  closeTimerRef,\n  setAnchorEl,\n}: {\n  enabled: boolean;\n  closeTimerRef: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;\n  setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;\n}) => {\n  const clearCloseTimer = () => {\n    if (closeTimerRef.current) {\n      clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  };\n\n  const handleMouseEnter = (event: React.MouseEvent<HTMLElement>) => {\n    if (!enabled) return;\n\n    {\n      clearCloseTimer();\n      setAnchorEl(event.currentTarget);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    if (!enabled) return;\n\n    {\n      // Delay closing to allow user to move to popover\n      closeTimerRef.current = setTimeout(() => {\n        setAnchorEl(null);\n      }, CLOSE_DELAY_MS);\n    }\n  };\n\n  const handlePopoverMouseEnter = () => {\n    clearCloseTimer();\n  };\n\n  const handlePopoverMouseLeave = () => {\n    setAnchorEl(null);\n  };\n\n  // Cleanup timer on unmount\n  React.useEffect(() => {\n    return () => {\n      clearCloseTimer();\n    };\n  }, []);\n\n  return {\n    clearCloseTimer,\n    handleMouseEnter,\n    handleMouseLeave,\n    handlePopoverMouseEnter,\n    handlePopoverMouseLeave,\n  };\n};\n\n// Submenu open state plus the click and hover handlers. Horizontal menus open\n// their children on hover with a close delay, so the pointer can travel into the\n// popover; vertical ones toggle on click.\nexport const useMenuItemState = ({\n  item,\n  variant,\n  onItemClick,\n}: {\n  item: NavigationMenuItem;\n  variant?: string;\n  onItemClick?: (item: NavigationMenuItem) => void;\n}) => {\nconst [open, setOpen] = useState(false);\nconst [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\nconst closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\nconst hasChildren = item.children && item.children.length > 0;\n\nconst handleClick = (event: React.MouseEvent<HTMLElement>) => {\n  if (hasChildren && variant !== 'horizontal') {\n    setOpen(!open);\n  }\n  if (item.onClick) {\n    item.onClick(event);\n  }\n  if (onItemClick) {\n    onItemClick(item);\n  }\n};\n\n  const {\n    clearCloseTimer,\n    handleMouseEnter,\n    handleMouseLeave,\n    handlePopoverMouseEnter,\n    handlePopoverMouseLeave,\n  } = useHoverIntent({\n    enabled: Boolean(hasChildren) && variant === 'horizontal',\n    closeTimerRef,\n    setAnchorEl,\n  });\n\n  const closePopover = () => {\n    clearCloseTimer();\n    setAnchorEl(null);\n  };\n\n  return {\n    open,\n    anchorEl,\n    hasChildren,\n    handleClick,\n    handleMouseEnter,\n    handleMouseLeave,\n    handlePopoverMouseEnter,\n    handlePopoverMouseLeave,\n    closePopover,\n  };\n};\n","import MenuIcon from '@mui/icons-material/Menu';\nimport { alpha, Box, Divider, Fade, ListItemIcon, ListItemText, Paper } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport { CollapseToggle, LogoBar, MenuList } from './NavigationMenu.shell';\nimport { slideIn } from './NavigationMenu.styles';\nimport type { NavigationMenuItem } from './NavigationMenu.types';\nimport { renderMenuItem } from './NavigationMenuItem';\n\nconst DividerRule: FC = () => (\n  <Divider\n    sx={{\n      my: 1,\n      opacity: 0.5,\n      background: (theme) =>\n        `linear-gradient(90deg, transparent 0%, ${alpha(theme.palette.divider, 0.5)} 50%, transparent 100%)`,\n    }}\n  />\n);\n\nconst VerticalLogo: FC<{ logo: ReactNode; collapsed: boolean }> = ({ logo, collapsed }) => (\n  <LogoBar>\n    {collapsed ? (\n      <Box sx={{ display: 'flex', justifyContent: 'center' }}>\n        <MenuIcon />\n      </Box>\n    ) : (\n      logo\n    )}\n  </LogoBar>\n);\n\nconst CollapseControl: FC<{ collapsed: boolean; onToggle: () => void }> = ({\n  collapsed,\n  onToggle,\n}) => (\n  <CollapseToggle onClick={onToggle}>\n    <ListItemIcon sx={{ minWidth: collapsed ? 0 : 40, justifyContent: 'center' }}>\n      <MenuIcon />\n    </ListItemIcon>\n    {!collapsed && <ListItemText primary=\"Collapse\" />}\n  </CollapseToggle>\n);\n\nconst MenuItems: FC<{\n  items: NavigationMenuItem[];\n  variant: string;\n  size: string;\n  collapsed: boolean;\n  minimal: boolean;\n  showDividers: boolean;\n}> = ({ items, variant, size, collapsed, minimal, showDividers }) => (\n  <MenuList variant={variant} size={size}>\n    {items.map((item, index) => (\n      <React.Fragment key={item.id}>\n        <Box\n          sx={{\n            // Staggered so the list fills in rather than appearing at once.\n            animation: `${slideIn} 0.4s ease-out`,\n            animationDelay: `${index * 0.05}s`,\n            animationFillMode: 'both',\n          }}\n        >\n          {renderMenuItem(item, variant, size, collapsed, minimal, 0)}\n        </Box>\n        {showDividers && index < items.length - 1 && <DividerRule />}\n      </React.Fragment>\n    ))}\n  </MenuList>\n);\n\nconst EndPanel: FC<{ children: ReactNode }> = ({ children }) => (\n  <Fade in timeout={600}>\n    <Box\n      sx={{\n        mt: 'auto',\n        p: 2,\n        borderTop: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n        background: (theme) =>\n          `linear-gradient(180deg, transparent 0%, ${alpha(theme.palette.background.default, 0.5)} 100%)`,\n      }}\n    >\n      {children}\n    </Box>\n  </Fade>\n);\n\nexport interface NavigationStandardBodyProps {\n  variant: string;\n  size: string;\n  minimal: boolean;\n  collapsed: boolean;\n  collapsible: boolean;\n  showDividers: boolean;\n  items: NavigationMenuItem[];\n  logo?: ReactNode;\n  endContent?: ReactNode;\n  onCollapseToggle: () => void;\n}\n\n// The list-based layouts (vertical and horizontal). The logo and the collapse\n// control only apply to the vertical one.\nexport const NavigationStandardBody: FC<NavigationStandardBodyProps> = ({\n  variant,\n  size,\n  minimal,\n  collapsed,\n  collapsible,\n  showDividers,\n  items,\n  logo,\n  endContent,\n  onCollapseToggle,\n}) => {\n  const isVertical = variant === 'vertical';\n  // Only the horizontal bar is raised; vertical rails and minimal sit flat.\n  const elevation = !minimal && variant === 'horizontal' ? 1 : 0;\n\n  return (\n    <Paper\n      elevation={elevation}\n      sx={{\n        width: '100%',\n        height: isVertical ? '100%' : 'auto',\n        overflow: 'hidden',\n        background: minimal ? 'transparent' : undefined,\n      }}\n    >\n      {logo && isVertical && <VerticalLogo logo={logo} collapsed={collapsed} />}\n\n      {collapsible && isVertical && (\n        <CollapseControl collapsed={collapsed} onToggle={onCollapseToggle} />\n      )}\n\n      <MenuItems\n        items={items}\n        variant={variant}\n        size={size}\n        collapsed={collapsed}\n        minimal={minimal}\n        showDividers={showDividers}\n      />\n\n      {endContent && <EndPanel>{endContent}</EndPanel>}\n    </Paper>\n  );\n};\n"],"mappings":"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","names":["Box","Paper","React","useState","Box","List","alpha","keyframes","keyframes","alpha","Box","List","ListItemButton","alpha","styled","React","React","jsx","styled","ListItemButton","alpha","List","Box","React","jsx","jsxs","List","Box","alpha","Box","Fade","ListItemIcon","ListItemText","React","jsx","jsxs","alpha","Box","ListItemIcon","ListItemText","React","Fade","jsx","jsxs","React","Paper","Box","useState"]}

package/dist/navigation/Pagination.js

@@ -0,0 +1,8 @@
+import {
+  Pagination
+} from "../chunk-JP55QWVR.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  Pagination
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/navigation/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/navigation/Tabs.js

@@ -0,0 +1,431 @@
+import "../chunk-PZ5AY32C.js";
+
+// src/components/navigation/Tabs/Tabs.tsx
+import Close from "@mui/icons-material/Close";
+import {
+  alpha as alpha2,
+  Badge,
+  Box as Box2,
+  Divider,
+  Tab as MuiTab,
+  Tabs as MuiTabs
+} from "@mui/material";
+import { styled as styled2 } from "@mui/material";
+import React from "react";
+
+// src/components/navigation/Tabs/TabsPanel.tsx
+import { Box, CircularProgress, Fade } from "@mui/material";
+import { styled } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var TabPanel = styled(Box, {
+  shouldForwardProp: (prop) => !["animate", "persist"].includes(prop)
+})(({ animate, persist }) => ({
+  width: "100%",
+  ...animate && {
+    transition: "all 0.3s ease-in-out"
+  },
+  ...persist && {
+    "&[hidden]": {
+      display: "none !important"
+    }
+  }
+}));
+var LoadingContainer = styled(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  minHeight: 200,
+  color: theme.palette.text.secondary
+}));
+var panelContent = (loading, loadingComponent, children) => {
+  if (!loading) return children;
+  return loadingComponent || /* @__PURE__ */ jsx(LoadingContainer, { children: /* @__PURE__ */ jsx(CircularProgress, { size: 32 }) });
+};
+var panelTestId = (dataTestId, index) => dataTestId ? `${dataTestId}-panel-${index}` : `tabs-panel-${index}`;
+var CustomTabPanel = ({
+  children,
+  id,
+  value,
+  animate = false,
+  animationDuration = 300,
+  persist = false,
+  loading = false,
+  loadingComponent,
+  className,
+  dataTestId,
+  index,
+  ...props
+}) => {
+  const isActive = value === id;
+  const shouldRender = isActive || persist;
+  if (!shouldRender) {
+    return null;
+  }
+  const content = panelContent(loading, loadingComponent, children);
+  const testId = panelTestId(dataTestId, index);
+  const panel = /* @__PURE__ */ jsx(
+    TabPanel,
+    {
+      role: "tabpanel",
+      hidden: !isActive,
+      id: `tabpanel-${id}`,
+      "aria-labelledby": `tab-${id}`,
+      animate,
+      persist,
+      className,
+      "data-testid": testId,
+      ...props,
+      children: content
+    }
+  );
+  if (!animate) return panel;
+  return /* @__PURE__ */ jsx(Fade, { in: isActive, timeout: animationDuration, children: panel });
+};
+
+// src/components/navigation/Tabs/Tabs.styles.ts
+import { alpha } from "@mui/material";
+var sizeStyles = (theme, size) => ({
+  ...size === "sm" && {
+    minHeight: 32,
+    "& .MuiTab-root": {
+      fontSize: "0.875rem",
+      minHeight: 32,
+      padding: theme.spacing(0.5, 1.5)
+    }
+  },
+  ...size === "lg" && {
+    minHeight: 56,
+    "& .MuiTab-root": {
+      fontSize: "1.125rem",
+      minHeight: 56,
+      padding: theme.spacing(1.5, 3)
+    }
+  }
+});
+var compactVariantStyles = (theme, customVariant) => ({
+  ...customVariant === "default" && {
+    "& .MuiTabs-indicator": {
+      height: 3,
+      borderRadius: "3px 3px 0 0",
+      background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.primary.dark})`
+    }
+  },
+  // Pills variant (rounded tabs)
+  ...customVariant === "pills" && {
+    "& .MuiTabs-indicator": {
+      display: "none"
+    },
+    "& .MuiTab-root": {
+      borderRadius: theme.spacing(3),
+      margin: theme.spacing(0, 0.5),
+      minWidth: "auto",
+      transition: "all 0.3s ease",
+      "&:hover": {
+        backgroundColor: alpha(theme.palette.primary.main, 0.08),
+        transform: "translateY(-1px)"
+      },
+      "&.Mui-selected": {
+        backgroundColor: theme.palette.primary.main,
+        color: theme.palette.primary.contrastText,
+        boxShadow: `0 4px 12px ${alpha(theme.palette.primary.main, 0.3)}`,
+        "&:hover": {
+          backgroundColor: theme.palette.primary.dark
+        }
+      }
+    }
+  }
+  // Underline variant (minimal underline indicator)
+});
+var boxedVariantStyles = (theme, customVariant) => ({
+  ...customVariant === "underline" && {
+    "& .MuiTabs-flexContainer": {
+      gap: theme.spacing(2)
+    },
+    "& .MuiTabs-indicator": {
+      height: 2,
+      backgroundColor: theme.palette.primary.main,
+      borderRadius: 1
+    },
+    "& .MuiTab-root": {
+      textTransform: "none",
+      fontWeight: 500,
+      padding: theme.spacing(1, 0),
+      minWidth: "auto",
+      "&:hover": {
+        color: theme.palette.primary.main
+      },
+      "&.Mui-selected": {
+        color: theme.palette.primary.main,
+        fontWeight: 600
+      }
+    }
+  },
+  // Enclosed variant (bordered tabs)
+  ...customVariant === "enclosed" && {
+    "& .MuiTabs-indicator": {
+      display: "none"
+    },
+    "& .MuiTabs-flexContainer": {
+      borderBottom: `1px solid ${theme.palette.divider}`
+    },
+    "& .MuiTab-root": {
+      border: `1px solid ${theme.palette.divider}`,
+      borderBottom: "none",
+      borderRadius: `${theme.spacing(1)} ${theme.spacing(1)} 0 0`,
+      margin: theme.spacing(0, 0.5),
+      marginBottom: -1,
+      backgroundColor: alpha(theme.palette.action.hover, 0.5),
+      "&:hover": {
+        backgroundColor: alpha(theme.palette.action.hover, 0.8)
+      },
+      "&.Mui-selected": {
+        backgroundColor: theme.palette.background.paper,
+        borderColor: theme.palette.divider,
+        borderBottomColor: theme.palette.background.paper,
+        zIndex: 1
+      }
+    }
+  }
+});
+var variantStyles = (theme, customVariant) => ({
+  ...compactVariantStyles(theme, customVariant),
+  ...boxedVariantStyles(theme, customVariant)
+});
+var dividerStyles = (theme, customVariant, showDividers) => ({
+  ...showDividers && customVariant !== "enclosed" && customVariant !== "pills" && {
+    "& .MuiTab-root:not(:last-child)": {
+      borderRight: `1px solid ${alpha(theme.palette.divider, 0.5)}`
+    }
+  }
+});
+var tabsRootStyles = ({
+  theme,
+  customVariant,
+  size,
+  showDividers
+}) => ({
+  position: "relative",
+  // Collapse disabled scroll buttons (e.g. the left button at the start of a
+  // scrollable row) so they don't reserve empty space before the first tab.
+  "& .MuiTabs-scrollButtons.Mui-disabled": {
+    width: 0,
+    minWidth: 0,
+    overflow: "hidden"
+  },
+  // Size variants
+  ...sizeStyles(theme, size),
+  ...variantStyles(theme, customVariant),
+  ...dividerStyles(theme, customVariant, showDividers)
+});
+
+// src/components/navigation/Tabs/Tabs.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var StyledTabs = styled2(MuiTabs, {
+  shouldForwardProp: (prop) => !["customVariant", "size", "showDividers"].includes(prop)
+})(
+  ({ theme, customVariant, size, showDividers }) => ({
+    ...tabsRootStyles({ theme, customVariant, size, showDividers })
+  })
+);
+var CloseButton = styled2(Box2)(({ theme }) => ({
+  marginLeft: theme.spacing(0.5),
+  padding: theme.spacing(0.25),
+  width: 20,
+  height: 20,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  borderRadius: "50%",
+  color: theme.palette.action.active,
+  "&:hover": {
+    backgroundColor: alpha2(theme.palette.error.main, 0.1),
+    color: theme.palette.error.main
+  }
+}));
+var BadgeWrapper = styled2(Badge)(() => ({
+  "& .MuiBadge-badge": {
+    right: -6,
+    top: 4,
+    fontSize: "0.75rem",
+    minWidth: 16,
+    height: 16,
+    padding: 0
+  }
+}));
+var TABS_DEFAULTS = {
+  variant: "default",
+  size: "md",
+  color: "primary",
+  fullWidth: false,
+  orientation: "horizontal",
+  showDividers: false,
+  centered: false,
+  scrollable: false,
+  scrollButtons: "auto",
+  sticky: false,
+  stickyOffset: 0,
+  animateContent: false,
+  animationDuration: 300,
+  persistContent: false,
+  disabled: false,
+  loading: false
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveScrollButtons = (scrollable) => scrollable ? "auto" : false;
+var buildTabsSx = ({
+  fullWidth,
+  sticky,
+  stickyOffset,
+  indicatorColor,
+  disabled
+}) => ({
+  ...fullWidth && { width: "100%" },
+  // Pin the tab list while panels scroll beneath it. Opaque background + bottom
+  // divider so scrolled content does not show through.
+  ...sticky && {
+    position: "sticky",
+    top: stickyOffset,
+    zIndex: 2,
+    backgroundColor: "background.default",
+    borderBottom: 1,
+    borderColor: "divider"
+  },
+  ...indicatorColor && {
+    "& .MuiTabs-indicator": { backgroundColor: indicatorColor }
+  },
+  ...disabled && { opacity: 0.6, pointerEvents: "none" }
+});
+var TabLabel = ({ item, onClose }) => {
+  const content = /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+    item.icon,
+    /* @__PURE__ */ jsx2("span", { children: item.label }),
+    item.closable && /* @__PURE__ */ jsx2(
+      CloseButton,
+      {
+        onClick: (e) => onClose(e, item.id),
+        role: "button",
+        tabIndex: 0,
+        "aria-label": "Close tab",
+        onKeyDown: (e) => {
+          if (e.key !== "Enter" && e.key !== " ") return;
+          onClose(e, item.id);
+        },
+        children: /* @__PURE__ */ jsx2(Close, { fontSize: "inherit" })
+      }
+    )
+  ] });
+  if (item.badge === void 0) return content;
+  return /* @__PURE__ */ jsx2(BadgeWrapper, { badgeContent: item.badge, color: "error", children: content });
+};
+var TabsBar = ({ rest, items, value, onChange, onCloseTab, dataTestId, ...p }) => /* @__PURE__ */ jsx2(
+  StyledTabs,
+  {
+    ...rest,
+    value,
+    onChange,
+    customVariant: p.variant,
+    size: p.size,
+    showDividers: p.showDividers,
+    orientation: p.orientation,
+    centered: p.centered,
+    variant: p.scrollable ? "scrollable" : "standard",
+    "data-testid": dataTestId ? `${dataTestId}-list` : "tabs-list",
+    scrollButtons: resolveScrollButtons(p.scrollable),
+    allowScrollButtonsMobile: p.scrollable,
+    textColor: p.color,
+    indicatorColor: p.color,
+    sx: buildTabsSx({
+      fullWidth: p.fullWidth,
+      sticky: p.sticky,
+      stickyOffset: p.stickyOffset,
+      indicatorColor: p.indicatorColor,
+      disabled: p.disabled
+    }),
+    children: items.map((item, index) => /* @__PURE__ */ jsx2(
+      MuiTab,
+      {
+        value: item.id,
+        label: /* @__PURE__ */ jsx2(TabLabel, { item, onClose: onCloseTab }),
+        disabled: item.disabled || p.disabled,
+        className: item.className,
+        id: `tab-${item.id}`,
+        "aria-controls": `tabpanel-${item.id}`,
+        "aria-disabled": item.disabled || p.disabled,
+        "data-testid": dataTestId ? `${dataTestId}-tab-${index}` : `tabs-tab-${index}`
+      },
+      item.id
+    ))
+  }
+);
+var TabsPanels = ({
+  items,
+  value,
+  variant,
+  animateContent,
+  animationDuration,
+  persistContent,
+  loading,
+  loadingComponent,
+  tabPanelProps,
+  dataTestId
+}) => /* @__PURE__ */ jsx2(Box2, { sx: { mt: variant === "enclosed" ? 0 : 2 }, children: items.map((item, index) => /* @__PURE__ */ jsx2(
+  CustomTabPanel,
+  {
+    id: item.id,
+    value,
+    animate: animateContent,
+    animationDuration,
+    persist: persistContent,
+    loading,
+    loadingComponent,
+    className: tabPanelProps?.className,
+    dataTestId,
+    index,
+    children: item.content
+  },
+  item.id
+)) });
+var Tabs = React.forwardRef(
+  (tabsProps, ref) => {
+    const resolved = { ...TABS_DEFAULTS, ...definedProps(tabsProps) };
+    const {
+      value: _value,
+      onChange,
+      onTabClose,
+      className,
+      disabled,
+      showDividers,
+      variant,
+      dataTestId,
+      ...rest
+    } = resolved;
+    const handleChange = (event, newValue) => {
+      if (!disabled) onChange(event, newValue);
+    };
+    const handleTabClose = (event, tabId) => {
+      event.stopPropagation();
+      onTabClose?.(tabId);
+    };
+    return /* @__PURE__ */ jsxs(Box2, { className, ref, "data-testid": dataTestId || "tabs", children: [
+      /* @__PURE__ */ jsx2(
+        TabsBar,
+        {
+          ...resolved,
+          rest,
+          onChange: handleChange,
+          onCloseTab: handleTabClose
+        }
+      ),
+      showDividers && variant !== "enclosed" && /* @__PURE__ */ jsx2(Divider, {}),
+      /* @__PURE__ */ jsx2(TabsPanels, { ...resolved })
+    ] });
+  }
+);
+Tabs.displayName = "Tabs";
+export {
+  Tabs
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/navigation/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/navigation/Tabs/Tabs.tsx","../../src/components/navigation/Tabs/TabsPanel.tsx","../../src/components/navigation/Tabs/Tabs.styles.ts"],"sourcesContent":["import Close from '@mui/icons-material/Close';\nimport {\n  alpha,\n  Badge,\n  Box,\n  Divider,\n  Tab as MuiTab,\n  Tabs as MuiTabs } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport { CustomTabPanel } from './TabsPanel';\nimport { tabsRootStyles } from './Tabs.styles';\nimport type { TabItem, TabsProps } from './Tabs.types';\n\nconst StyledTabs = styled(MuiTabs, {\n  shouldForwardProp: (prop) => !['customVariant', 'size', 'showDividers'].includes(prop as string) })<{ customVariant?: string; size?: string; showDividers?: boolean }>(\n  ({ theme, customVariant, size, showDividers }) => ({\n    ...tabsRootStyles({ theme, customVariant, size, showDividers }) }),\n);\n\nconst CloseButton = styled(Box)(({ theme }) => ({\n  marginLeft: theme.spacing(0.5),\n  padding: theme.spacing(0.25),\n  width: 20,\n  height: 20,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  cursor: 'pointer',\n  borderRadius: '50%',\n  color: theme.palette.action.active,\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.error.main, 0.1),\n    color: theme.palette.error.main } }));\n\nconst BadgeWrapper = styled(Badge)(() => ({\n  '& .MuiBadge-badge': {\n    right: -6,\n    top: 4,\n    fontSize: '0.75rem',\n    minWidth: 16,\n    height: 16,\n    padding: 0 } }));\n\nconst TABS_DEFAULTS: Partial<TabsProps> = {\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  fullWidth: false,\n  orientation: 'horizontal',\n  showDividers: false,\n  centered: false,\n  scrollable: false,\n  scrollButtons: 'auto',\n  sticky: false,\n  stickyOffset: 0,\n  animateContent: false,\n  animationDuration: 300,\n  persistContent: false,\n  disabled: false,\n  loading: false };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}`\n// still falls back to the default as a destructuring default would.\nconst definedProps = (props: TabsProps): Partial<TabsProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<TabsProps>;\n\n// Once the row is scrollable every accepted scrollButtons value ends up as\n// MUI's 'auto'. That is exactly what the previous nested ternary did — it mapped\n// 'on'/'off'/'desktop' to 'auto', and its remaining branch could only ever be\n// 'auto' anyway — so the behaviour is preserved here rather than quietly\n// changed. Worth knowing that scrollButtons=\"off\" therefore still shows buttons.\nconst resolveScrollButtons = (scrollable?: boolean): 'auto' | false =>\n  scrollable ? 'auto' : false;\n\nconst buildTabsSx = ({\n  fullWidth,\n  sticky,\n  stickyOffset,\n  indicatorColor,\n  disabled }: {\n  fullWidth?: boolean;\n  sticky?: boolean;\n  stickyOffset?: number;\n  indicatorColor?: string;\n  disabled?: boolean;\n}) => ({\n  ...(fullWidth && { width: '100%' }),\n  // Pin the tab list while panels scroll beneath it. Opaque background + bottom\n  // divider so scrolled content does not show through.\n  ...(sticky && {\n    position: 'sticky',\n    top: stickyOffset,\n    zIndex: 2,\n    backgroundColor: 'background.default',\n    borderBottom: 1,\n    borderColor: 'divider' }),\n  ...(indicatorColor && {\n    '& .MuiTabs-indicator': { backgroundColor: indicatorColor } }),\n  ...(disabled && { opacity: 0.6, pointerEvents: 'none' }) });\n\n// A tab's label: icon, text, optional close affordance, optionally badged.\nconst TabLabel: React.FC<{\n  item: TabItem;\n  onClose: (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => void;\n}> = ({ item, onClose }) => {\n  const content = (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      {item.icon}\n      <span>{item.label}</span>\n      {item.closable && (\n        <CloseButton\n          onClick={(e) => onClose(e, item.id)}\n          role=\"button\"\n          tabIndex={0}\n          aria-label=\"Close tab\"\n          onKeyDown={(e) => {\n            if (e.key !== 'Enter' && e.key !== ' ') return;\n            onClose(e, item.id);\n          }}\n        >\n          <Close fontSize=\"inherit\" />\n        </CloseButton>\n      )}\n    </Box>\n  );\n\n  if (item.badge === undefined) return content;\n\n  return (\n    <BadgeWrapper badgeContent={item.badge} color=\"error\">\n      {content}\n    </BadgeWrapper>\n  );\n};\n\ntype ResolvedTabs = TabsProps;\n\n// The tab strip. Kept in this file because StyledTabs cannot cross a module\n// boundary (TS2742).\nconst TabsBar: React.FC<\n  ResolvedTabs & {\n    rest: Record<string, unknown>;\n    onChange: (event: React.SyntheticEvent, newValue: string) => void;\n    onCloseTab: (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => void;\n  }\n> = ({ rest, items, value, onChange, onCloseTab, dataTestId, ...p }) => (\n  <StyledTabs\n    {...rest}\n    value={value}\n    onChange={onChange}\n    customVariant={p.variant}\n    size={p.size}\n    showDividers={p.showDividers}\n    orientation={p.orientation}\n    centered={p.centered}\n    // MUI only scrolls when its own `variant` is `scrollable`; map our\n    // `scrollable` flag onto it so overflowing tab rows actually scroll.\n    variant={p.scrollable ? 'scrollable' : 'standard'}\n    data-testid={dataTestId ? `${dataTestId}-list` : 'tabs-list'}\n    scrollButtons={resolveScrollButtons(p.scrollable)}\n    allowScrollButtonsMobile={p.scrollable}\n    textColor={p.color}\n    indicatorColor={p.color}\n    sx={buildTabsSx({\n      fullWidth: p.fullWidth,\n      sticky: p.sticky,\n      stickyOffset: p.stickyOffset,\n      indicatorColor: p.indicatorColor,\n      disabled: p.disabled })}\n  >\n    {items.map((item, index) => (\n      <MuiTab\n        key={item.id}\n        value={item.id}\n        label={<TabLabel item={item} onClose={onCloseTab} />}\n        disabled={item.disabled || p.disabled}\n        className={item.className}\n        id={`tab-${item.id}`}\n        aria-controls={`tabpanel-${item.id}`}\n        aria-disabled={item.disabled || p.disabled}\n        data-testid={dataTestId ? `${dataTestId}-tab-${index}` : `tabs-tab-${index}`}\n      />\n    ))}\n  </StyledTabs>\n);\n\nconst TabsPanels: React.FC<ResolvedTabs> = ({\n  items,\n  value,\n  variant,\n  animateContent,\n  animationDuration,\n  persistContent,\n  loading,\n  loadingComponent,\n  tabPanelProps,\n  dataTestId }) => (\n  <Box sx={{ mt: variant === 'enclosed' ? 0 : 2 }}>\n    {items.map((item, index) => (\n      <CustomTabPanel\n        key={item.id}\n        id={item.id}\n        value={value}\n        animate={animateContent}\n        animationDuration={animationDuration}\n        persist={persistContent}\n        loading={loading}\n        loadingComponent={loadingComponent}\n        className={tabPanelProps?.className}\n        dataTestId={dataTestId}\n        index={index}\n      >\n        {item.content}\n      </CustomTabPanel>\n    ))}\n  </Box>\n);\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  (tabsProps, ref) => {\n    const resolved = { ...TABS_DEFAULTS, ...definedProps(tabsProps) } as TabsProps;\n    const {\n      value: _value,\n      onChange,\n      onTabClose,\n      className,\n      disabled,\n      showDividers,\n      variant,\n      dataTestId,\n      ...rest\n    } = resolved;\n\n    const handleChange = (event: React.SyntheticEvent, newValue: string) => {\n      if (!disabled) onChange(event, newValue);\n    };\n\n    const handleTabClose = (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => {\n      event.stopPropagation();\n      onTabClose?.(tabId);\n    };\n\n    return (\n      <Box className={className} ref={ref} data-testid={dataTestId || 'tabs'}>\n        <TabsBar\n          {...resolved}\n          rest={rest as unknown as Record<string, unknown>}\n          onChange={handleChange}\n          onCloseTab={handleTabClose}\n        />\n\n        {showDividers && variant !== 'enclosed' && <Divider />}\n\n        <TabsPanels {...resolved} />\n      </Box>\n    );\n  },\n);\n\nTabs.displayName = 'Tabs';\n","import { Box, CircularProgress, Fade } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type { TabPanelProps } from './Tabs.types';\n\nconst TabPanel = styled(Box, {\n  shouldForwardProp: (prop) => !['animate', 'persist'].includes(prop as string),\n})<{ animate?: boolean; persist?: boolean }>(({ animate, persist }) => ({\n  width: '100%',\n\n  ...(animate && {\n    transition: 'all 0.3s ease-in-out',\n  }),\n\n  ...(persist && {\n    '&[hidden]': {\n      display: 'none !important',\n    },\n  }),\n}));\n\nconst LoadingContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 200,\n  color: theme.palette.text.secondary,\n}));\n\n// A loading panel shows the caller's placeholder, or a spinner if there isn't one.\nconst panelContent = (\n  loading: boolean,\n  loadingComponent: React.ReactNode,\n  children: React.ReactNode,\n): React.ReactNode => {\n  if (!loading) return children;\n\n  return (\n    loadingComponent || (\n      <LoadingContainer>\n        <CircularProgress size={32} />\n      </LoadingContainer>\n    )\n  );\n};\n\nconst panelTestId = (dataTestId: string | undefined, index: number): string =>\n  dataTestId ? `${dataTestId}-panel-${index}` : `tabs-panel-${index}`;\n\nexport const CustomTabPanel: React.FC<TabPanelProps & { dataTestId?: string; index: number }> = ({\n  children,\n  id,\n  value,\n  animate = false,\n  animationDuration = 300,\n  persist = false,\n  loading = false,\n  loadingComponent,\n  className,\n  dataTestId,\n  index,\n  ...props\n}) => {\n  const isActive = value === id;\n  const shouldRender = isActive || persist;\n\n  if (!shouldRender) {\n    return null;\n  }\n\n  const content = panelContent(loading, loadingComponent, children);\n  const testId = panelTestId(dataTestId, index);\n\n  const panel = (\n    <TabPanel\n      role=\"tabpanel\"\n      hidden={!isActive}\n      id={`tabpanel-${id}`}\n      aria-labelledby={`tab-${id}`}\n      animate={animate}\n      persist={persist}\n      className={className}\n      data-testid={testId}\n      {...props}\n    >\n      {content}\n    </TabPanel>\n  );\n\n  // The animated and plain panels are the same element; only the Fade wrapper\n  // differs.\n  if (!animate) return panel;\n\n  return (\n    <Fade in={isActive} timeout={animationDuration}>\n      {panel}\n    </Fade>\n  );\n};\n","import type { CSSObject, Theme } from '@mui/material';\nimport { alpha } from '@mui/material';\n\nconst sizeStyles = (theme: Theme, size?: string): CSSObject => ({\n    ...(size === 'sm' && {\n      minHeight: 32,\n      '& .MuiTab-root': {\n        fontSize: '0.875rem',\n        minHeight: 32,\n        padding: theme.spacing(0.5, 1.5),\n      },\n    }),\n\n    ...(size === 'lg' && {\n      minHeight: 56,\n      '& .MuiTab-root': {\n        fontSize: '1.125rem',\n        minHeight: 56,\n        padding: theme.spacing(1.5, 3),\n      },\n    }),\n\n});\n\nconst compactVariantStyles = (theme: Theme, customVariant?: string): CSSObject => ({\n    ...(customVariant === 'default' && {\n      '& .MuiTabs-indicator': {\n        height: 3,\n        borderRadius: '3px 3px 0 0',\n        background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.primary.dark})`,\n      },\n    }),\n\n    // Pills variant (rounded tabs)\n    ...(customVariant === 'pills' && {\n      '& .MuiTabs-indicator': {\n        display: 'none',\n      },\n      '& .MuiTab-root': {\n        borderRadius: theme.spacing(3),\n        margin: theme.spacing(0, 0.5),\n        minWidth: 'auto',\n        transition: 'all 0.3s ease',\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.primary.main, 0.08),\n          transform: 'translateY(-1px)',\n        },\n        '&.Mui-selected': {\n          backgroundColor: theme.palette.primary.main,\n          color: theme.palette.primary.contrastText,\n          boxShadow: `0 4px 12px ${alpha(theme.palette.primary.main, 0.3)}`,\n          '&:hover': {\n            backgroundColor: theme.palette.primary.dark,\n          },\n        },\n      },\n    }),\n\n    // Underline variant (minimal underline indicator)\n});\n\nconst boxedVariantStyles = (theme: Theme, customVariant?: string): CSSObject => ({\n    ...(customVariant === 'underline' && {\n      '& .MuiTabs-flexContainer': {\n        gap: theme.spacing(2),\n      },\n      '& .MuiTabs-indicator': {\n        height: 2,\n        backgroundColor: theme.palette.primary.main,\n        borderRadius: 1,\n      },\n      '& .MuiTab-root': {\n        textTransform: 'none',\n        fontWeight: 500,\n        padding: theme.spacing(1, 0),\n        minWidth: 'auto',\n        '&:hover': {\n          color: theme.palette.primary.main,\n        },\n        '&.Mui-selected': {\n          color: theme.palette.primary.main,\n          fontWeight: 600,\n        },\n      },\n    }),\n\n    // Enclosed variant (bordered tabs)\n    ...(customVariant === 'enclosed' && {\n      '& .MuiTabs-indicator': {\n        display: 'none',\n      },\n      '& .MuiTabs-flexContainer': {\n        borderBottom: `1px solid ${theme.palette.divider}`,\n      },\n      '& .MuiTab-root': {\n        border: `1px solid ${theme.palette.divider}`,\n        borderBottom: 'none',\n        borderRadius: `${theme.spacing(1)} ${theme.spacing(1)} 0 0`,\n        margin: theme.spacing(0, 0.5),\n        marginBottom: -1,\n        backgroundColor: alpha(theme.palette.action.hover, 0.5),\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.action.hover, 0.8),\n        },\n        '&.Mui-selected': {\n          backgroundColor: theme.palette.background.paper,\n          borderColor: theme.palette.divider,\n          borderBottomColor: theme.palette.background.paper,\n          zIndex: 1,\n        },\n      },\n    }),\n});\n\nconst variantStyles = (theme: Theme, customVariant?: string): CSSObject => ({\n  ...compactVariantStyles(theme, customVariant),\n  ...boxedVariantStyles(theme, customVariant),\n});\n\n// Vertical rules between tabs, for the variants that do not already have edges.\nconst dividerStyles = (\n  theme: Theme,\n  customVariant?: string,\n  showDividers?: boolean,\n): CSSObject => ({\n  ...(showDividers &&\n    customVariant !== 'enclosed' &&\n    customVariant !== 'pills' && {\n      '& .MuiTab-root:not(:last-child)': {\n        borderRight: `1px solid ${alpha(theme.palette.divider, 0.5)}`,\n      },\n    }),\n});\n\n// The root Tabs styling, kept out of Tabs.tsx so the styled() call stays small.\n// Spread into a fresh literal at the call site: handing styled() a named-type\n// value makes TypeScript demand a `variants` key (CSSObjectWithVariants).\nexport const tabsRootStyles = ({\n  theme,\n  customVariant,\n  size,\n  showDividers,\n}: {\n  theme: Theme;\n  customVariant?: string;\n  size?: string;\n  showDividers?: boolean;\n}): CSSObject => ({\n    position: 'relative',\n\n    // Collapse disabled scroll buttons (e.g. the left button at the start of a\n    // scrollable row) so they don't reserve empty space before the first tab.\n    '& .MuiTabs-scrollButtons.Mui-disabled': {\n      width: 0,\n      minWidth: 0,\n      overflow: 'hidden',\n    },\n\n    // Size variants\n  ...sizeStyles(theme, size),\n  ...variantStyles(theme, customVariant),\n  ...dividerStyles(theme, customVariant, showDividers),\n});\n"],"mappings":"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","names":["alpha","Box","styled","jsx","styled","Box","alpha"]}