{"version":3,"file":"root-a0b87cfa.js","sources":["../../../app/packs/src/design-system/components/atoms/MediaContent/index.tsx","../../../app/packs/src/components/side-menu/body.tsx","../../../app/packs/src/components/side-menu/shared.ts","../../../app/packs/src/components/side-menu/button-item.tsx","../../../app/packs/src/components/side-menu/link-item.tsx","../../../app/packs/src/components/side-menu/menu-section.tsx","../../../app/packs/src/components/side-menu/menu-section-title.tsx","../../../app/packs/src/components/side-menu/root.tsx"],"sourcesContent":["import * as React from 'react'\nimport cn from 'classnames'\nimport styles from './MediaContent.module.scss'\n\ntype BaseProps = React.ComponentPropsWithoutRef<'div'>\n\ntype MediaContentProps = BaseProps & {\n  type: 'mobile' | 'desktop'\n}\n\nconst MediaContent: React.VFC<MediaContentProps> = (props) => {\n  const { className, children, type, ...restProps } = props\n\n  return (\n    <div className={cn(styles[type], className)} {...restProps}>\n      {children}\n    </div>\n  )\n}\n\nexport type MobileContentProps = BaseProps\n\nexport const MobileContent: React.VFC<MobileContentProps> = (props) => (\n  <MediaContent type=\"mobile\" {...props} />\n)\n\nexport type DesktopContentProps = BaseProps\n\nexport const DesktopContent: React.VFC<DesktopContentProps> = (props) => (\n  <MediaContent type=\"desktop\" {...props} />\n)\n","import * as React from 'react'\nimport cn from 'classnames'\n\nexport type BodyProps = {\n  children: React.ReactNode\n  className?: string\n}\n\nexport const Body: React.VFC<BodyProps> = (props) => {\n  const { children, className } = props\n\n  return (\n    <div\n      className={cn('flex flex-col px-3 py-4 overflow-auto h-full', className)}\n    >\n      {children}\n    </div>\n  )\n}\n","import cn from 'classnames'\nimport { IconProps } from '@phosphor-icons/react'\n\nexport type BaseItemProps = {\n  className?: string\n  // TODO: figure out what type this can be\n  icon?: React.ForwardRefExoticComponent<\n    IconProps & React.RefAttributes<SVGSVGElement>\n  >\n  children: React.ReactNode\n  /**\n   * Whether or not the entire thing should be bold/black - used for header items\n   */\n  bold?: boolean\n  active?: boolean\n  showActiveStyling?: boolean\n}\n\nexport const baseItemClassName = (\n  props: Pick<BaseItemProps, 'bold' | 'active' | 'showActiveStyling'>\n) => {\n  const { bold, active, showActiveStyling = true } = props\n\n  return cn(\n    active || bold ? 'text-gray-900' : 'text-gray-600',\n    showActiveStyling && active\n      ? 'bg-gray-50 border-gray-50'\n      : 'border-transparent',\n    bold ? 'font-bold' : 'font-normal',\n    'focus-visible:!ring-theme-50 focus-visible:!ring-2 outline-none min-h-[2rem] py-1 px-2 hover:border-gray-100 border-px border-solid flex flex-row items-center gap-x-2 w-full rounded transition-colors duration-200 text-sm hover:text-gray-900'\n  )\n}\n","import * as React from 'react'\nimport cn from 'classnames'\nimport { baseItemClassName, BaseItemProps } from './shared'\n\nexport type ButtonItemProps = BaseItemProps &\n  Pick<React.ComponentPropsWithoutRef<'button'>, 'onClick'>\n\nexport const ButtonItem = React.forwardRef<HTMLButtonElement, ButtonItemProps>(\n  (props, ref) => {\n    const { onClick, children, icon, className, bold, active } = props\n\n    const Icon = icon\n\n    return (\n      <span\n        ref={ref}\n        className={cn(baseItemClassName({ bold, active }), className)}\n        onClick={onClick}\n      >\n        {Icon && (\n          <Icon\n            aria-hidden\n            className=\"shrink-0 h-3.5 text-gray-600 w-5\"\n            weight=\"bold\"\n          />\n        )}\n        {children}\n      </span>\n    )\n  }\n)\n\nButtonItem.displayName = 'ButtonItem'\n","import { Link } from 'src/design-system'\nimport * as React from 'react'\nimport { WithAnalytics, WithAnalyticsProps } from 'components/with-analytics'\nimport cn from 'classnames'\nimport { baseItemClassName, BaseItemProps } from './shared'\n\nexport type LinkItemProps = BaseItemProps & {\n  analyticsProps?: Omit<WithAnalyticsProps, 'children'>\n  href: string\n  isExternal?: boolean\n  enableTurbo?: boolean\n}\n\nexport const LinkItem: React.VFC<LinkItemProps> = (props) => {\n  const {\n    active,\n    analyticsProps,\n    bold,\n    children,\n    className,\n    href,\n    icon,\n    isExternal,\n    showActiveStyling = true,\n    enableTurbo = true,\n    ...restProps\n  } = props\n\n  const Icon = icon\n\n  const turboProps = enableTurbo\n    ? {\n        'data-turbo-frame': 'content',\n        'data-turbo-action': 'advance',\n      }\n    : {}\n\n  return (\n    <WithAnalytics {...analyticsProps}>\n      <Link\n        className={cn(\n          baseItemClassName({ active, bold, showActiveStyling }),\n          className\n        )}\n        href={href}\n        isExternal={isExternal}\n        underline={false}\n        {...turboProps}\n        {...restProps}\n      >\n        {Icon && (\n          <Icon\n            aria-hidden\n            className=\"flex-0 h-3.5 text-gray-600 w-5 flex-shrink-0\"\n            weight=\"bold\"\n          />\n        )}\n        {children}\n      </Link>\n    </WithAnalytics>\n  )\n}\n","import * as React from 'react'\nimport cn from 'classnames'\nimport { PropsWithoutChildren } from 'src/design-system'\n\nexport type MenuSectionProps = {\n  children: React.ReactNode\n} & PropsWithoutChildren<React.HTMLAttributes<HTMLDivElement>>\n\nexport const MenuSection: React.VFC<MenuSectionProps> = (props) => {\n  const { children, className, ...restProps } = props\n  return (\n    <section className={cn('flex flex-col mb-4', className)} {...restProps}>\n      {children}\n    </section>\n  )\n}\n","import * as React from 'react'\nimport cn from 'classnames'\nimport { PropsWithoutChildren } from 'src/design-system'\nimport { IconProps } from '@phosphor-icons/react'\n\nexport type MenuSectionTitleProps = {\n  children: React.ReactNode\n  icon?: React.ForwardRefExoticComponent<\n    IconProps & React.RefAttributes<SVGSVGElement>\n  >\n} & PropsWithoutChildren<React.HTMLAttributes<HTMLDivElement>>\n\nexport const MenuSectionTitle: React.VFC<MenuSectionTitleProps> = (props) => {\n  const { children, className, icon, ...restProps } = props\n\n  const Icon = icon\n\n  return (\n    <div\n      className={cn(\n        'px-2 mb-1 text-xs text-gray-600 font-semibold flex flex-row items-center gap-x-1.5',\n        className\n      )}\n      {...restProps}\n    >\n      {Icon && (\n        <Icon\n          aria-hidden\n          className=\"flex-0 h-3.5 text-gray-600 w-3.5 flex-shrink-0\"\n          weight=\"bold\"\n        />\n      )}\n      {children}\n    </div>\n  )\n}\n","import * as React from 'react'\nimport { motion } from 'framer-motion'\n\nexport type RootProps = {\n  children: React.ReactNode\n  /**\n   * Used for manually controlling whether it's open or not - changing this will animate the width of the side menu\n   */\n  isOpen?: boolean\n}\n\nexport const Root: React.VFC<RootProps> = (props) => {\n  const { children, isOpen = true } = props\n\n  return (\n    <motion.div\n      initial={isOpen ? 'open' : 'closed'}\n      animate={isOpen ? 'open' : 'closed'}\n      variants={{\n        open: { width: '291px', transition: { duration: 0.25 } },\n        closed: { width: '55px', transition: { duration: 0.25 } },\n      }}\n      className=\"h-full overflow-hidden relative bg-gray-25 border-0 border-gray-100 border-r border-solid\"\n    >\n      <div className=\"flex flex-col h-full lg:h-screen justify-between overflow-auto w-[291px] bg-gray-25 radius-r-sm\">\n        {children}\n      </div>\n    </motion.div>\n  )\n}\n"],"names":["MediaContent","props","className","children","type","restProps","jsx","cn","styles","MobileContent","DesktopContent","Body","baseItemClassName","bold","active","showActiveStyling","ButtonItem","React.forwardRef","ref","onClick","icon","Icon","jsxs","LinkItem","analyticsProps","href","isExternal","enableTurbo","turboProps","WithAnalytics","Link","MenuSection","MenuSectionTitle","Root","isOpen","motion"],"mappings":"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"}