@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

package/esm/LogoSuite/LogoSuite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoSuite.js","names":[],"sources":["../../src/LogoSuite/LogoSuite.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {type PropsWithChildren, type Ref, forwardRef, useCallback, useEffect, useMemo, useState} from 'react'\nimport {useReducedMotion} from '../hooks/useReducedMotion'\nimport {PauseIcon, PlayIcon} from '@primer/octicons-react'\nimport type {BaseProps} from '../component-helpers'\nimport {Heading, HeadingProps, defaultHeadingTag, Text, TextProps, Grid, Button} from '../'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/logosuite/base.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './LogoSuite.module.css'\n\nconst testIds = {\n  root: 'LogoSuite',\n  get marqueeGroup() {\n    return `${this.root}-marqueeGroup`\n  },\n}\n\nexport type LogoSuiteProps = {\n  /**\n   * The horizontal alignment of the LogoSuite.\n   */\n  align?: 'start' | 'center' | 'justify'\n  /**\n   * Whether to render a divider immediately after the LogoSuite.\n   */\n  hasDivider?: boolean\n  /**\n   * Test id for the root LogoSuite element.\n   */\n  'data-testid'?: string\n  /**\n   * Alternative presentation\n   */\n  variant?: 'default' | 'gridline-expressive'\n} & BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement>\n\nconst LogoSuiteBase = ({\n  align = 'center',\n  children,\n  className,\n  hasDivider = true,\n  variant = 'default',\n  'data-testid': testId,\n}: PropsWithChildren<LogoSuiteProps>) => {\n  const childrenArray = useMemo(() => React.Children.toArray(children), [children])\n\n  const HeadingChild = childrenArray.find(child => {\n    return React.isValidElement(child) && child.type === _Heading\n  })\n\n  const DescriptionChild = childrenArray.find(child => {\n    return React.isValidElement(child) && child.type === _Description\n  })\n\n  const LogobarChild = childrenArray.find(child => {\n    return React.isValidElement(child) && child.type === _LogoBar\n  })\n\n  if (!HeadingChild) {\n    if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {\n      // eslint-disable-next-line no-console\n      console.warn('LogoSuite: Heading child is required. You may use `visuallyHidden` to hide it from view.')\n    }\n  }\n\n  const isHeadingVisuallyHidden =\n    React.isValidElement<LogoSuiteHeadingProps>(HeadingChild) && HeadingChild.props.visuallyHidden\n  const isGridlineExpressive = variant === 'gridline-expressive'\n  const hasVisibleTextContent = isGridlineExpressive && ((HeadingChild && !isHeadingVisuallyHidden) || DescriptionChild)\n\n  return (\n    <div\n      className={clsx(\n        styles.LogoSuite,\n        styles[`LogoSuite--${align}`],\n        hasDivider && styles['LogoSuite--hasDivider'],\n        styles[`LogoSuite--${variant}`],\n        className,\n      )}\n      data-testid={testId}\n    >\n      {isGridlineExpressive ? (\n        <Grid className={styles['LogoSuite__content']}>\n          {hasVisibleTextContent && (\n            <Grid.Column span={{large: 3}} className={styles['LogoSuite__textContainer']}>\n              {HeadingChild}\n              {DescriptionChild}\n            </Grid.Column>\n          )}\n          <Grid.Column span={{large: hasVisibleTextContent ? 9 : 12}} className={styles['LogoSuite__logobarContainer']}>\n            {!hasVisibleTextContent && isHeadingVisuallyHidden && HeadingChild}\n            {LogobarChild}\n          </Grid.Column>\n        </Grid>\n      ) : (\n        <>\n          {HeadingChild}\n          {DescriptionChild}\n          {LogobarChild}\n        </>\n      )}\n    </div>\n  )\n}\n\nexport type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> &\n  HeadingProps & {\n    /**\n     * Whether to visually hide the heading.\n     */\n    visuallyHidden?: boolean\n  }\n\nconst _Heading = forwardRef(\n  (\n    {\n      as = defaultHeadingTag,\n      size = 'subhead-large',\n      className,\n      children,\n      visuallyHidden,\n      ...props\n    }: PropsWithChildren<LogoSuiteHeadingProps>,\n    ref: Ref<HTMLHeadingElement>,\n  ) => {\n    return (\n      <Heading\n        ref={ref}\n        className={clsx(\n          styles['LogoSuite__heading'],\n          visuallyHidden && styles['LogoSuite__heading--visually-hidden'],\n          visuallyHidden && 'visually-hidden',\n          className,\n        )}\n        size={size}\n        as={as}\n        {...props}\n      >\n        {children}\n      </Heading>\n    )\n  },\n)\n\nexport type LogoSuiteDescriptionProps = BaseProps<HTMLParagraphElement> &\n  TextProps & {\n    children: React.ReactNode | React.ReactNode[]\n  }\n\nconst _Description = forwardRef(\n  (\n    {className, children, size = '200', variant = 'muted', ...props}: LogoSuiteDescriptionProps,\n    ref: Ref<HTMLParagraphElement>,\n  ) => {\n    return (\n      <Text\n        as=\"p\"\n        ref={ref}\n        size={size}\n        variant={variant}\n        className={clsx(styles['LogoSuite__description'], className)}\n        {...props}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype PlayPauseButtonProps = {\n  isPlaying?: boolean\n  onPlayPause?: (isPlaying: boolean) => void\n}\n\nconst PlayPauseButton = ({isPlaying = true, onPlayPause}: PlayPauseButtonProps) => {\n  const onClick = useCallback(() => {\n    onPlayPause?.(!isPlaying)\n  }, [onPlayPause, isPlaying])\n\n  /**\n   * aria-pressed is intentionally not used here to prevent potentially confusing screen reader announcements\n   * eg \"Play animation on\" or \"Pause animation off\"\n   */\n  return (\n    <button\n      className={styles['LogoSuite__logobar-playPauseButton']}\n      type=\"button\"\n      onClick={onClick}\n      aria-label={isPlaying ? 'Pause animation' : 'Play animation'}\n    >\n      {isPlaying ? <PauseIcon /> : <PlayIcon />}\n    </button>\n  )\n}\n\nexport type LogoSuiteLogoBarProps = BaseProps<HTMLDivElement> & {\n  children: React.ReactNode | React.ReactNode[]\n  /**\n   * The gap between logos\n   */\n  gap?: 'default' | 'condensed'\n  /**\n   * Enables an optional marquee effect\n   */\n  marquee?: boolean\n  /**\n   * The speed of the marquee effect\n   */\n  marqueeSpeed?: 'slow' | 'normal' | 'idle'\n  /**\n   * The stylistic variant of the LogoBar.\n   */\n  variant?: 'muted' | 'emphasis'\n  /**\n   * Displays an optional takeover button (as an anchor) on hover/focus.\n   */\n  takeoverButton?: {\n    label: string\n  } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> &\n    BaseProps<HTMLAnchorElement>\n}\n\nconst _LogoBar = forwardRef(\n  (\n    {\n      className,\n      children,\n      gap = 'default',\n      marquee = false,\n      marqueeSpeed = 'normal',\n      variant = 'muted',\n      takeoverButton,\n      ...props\n    }: LogoSuiteLogoBarProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const prefersReducedMotion = useReducedMotion()\n    const [isPlaying, setIsPlaying] = useState(() => marquee && !prefersReducedMotion && marqueeSpeed !== 'idle')\n\n    useEffect(() => {\n      setIsPlaying(marquee && !prefersReducedMotion && marqueeSpeed !== 'idle')\n    }, [marquee, prefersReducedMotion, marqueeSpeed])\n\n    if (marquee && takeoverButton) {\n      if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'LogoSuite.Logobar: `takeoverButton` cant be used with `marquee` prop due to accessibility risks. Set `marquee={false}` to use the takeover feature.',\n        )\n      }\n    }\n\n    const defaultProps = {\n      ref,\n      className: clsx(\n        styles['LogoSuite__logobar'],\n        styles[`LogoSuite__logobar--variant-${variant}`],\n        styles[`LogoSuite__logobar--gap-${gap}`],\n        className,\n      ),\n      ...props,\n    }\n\n    const [isFocusWithin, setIsFocusWithin] = useState(false)\n\n    const handleFocus = useCallback(() => {\n      setIsFocusWithin(true)\n    }, [])\n\n    const handleBlur = useCallback((event: React.FocusEvent) => {\n      if (!event.currentTarget.contains(event.relatedTarget as Node)) {\n        setIsFocusWithin(false)\n      }\n    }, [])\n\n    const renderTakeoverButton = () => {\n      if (!takeoverButton) return null\n      const {className: takeoverButtonClassName, label, ref: _ref, ...takeoverButtonProps} = takeoverButton\n      return (\n        <div className={styles['LogoSuite__logobar-takeoverButtonContainer']}>\n          <Button\n            as=\"a\"\n            variant=\"accent\"\n            className={clsx(styles['LogoSuite__logobar-takeoverButton'], takeoverButtonClassName)}\n            {...takeoverButtonProps}\n          >\n            {label}\n          </Button>\n        </div>\n      )\n    }\n\n    if (marquee) {\n      const {className: marqueeDefaultClassName, ...restProps} = defaultProps\n      const shouldPause = !isPlaying || prefersReducedMotion\n      return (\n        <div\n          {...restProps}\n          className={clsx(\n            styles['LogoSuite__logobar--has-marquee'],\n            marqueeDefaultClassName,\n            shouldPause && styles['LogoSuite__logobar--paused'],\n          )}\n        >\n          <div\n            className={clsx(\n              styles['LogoSuite__logobar-marquee'],\n              isFocusWithin && styles['LogoSuite__logobar-marquee--focused'],\n            )}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          >\n            <div\n              className={clsx(\n                styles['LogoSuite__logobar-marqueeGroup'],\n                styles[`LogoSuite__logobar-marqueeGroup--speed-${marqueeSpeed}`],\n              )}\n              data-testid={testIds.marqueeGroup}\n            >\n              {children}\n            </div>\n            <div\n              inert\n              aria-hidden=\"true\"\n              className={clsx(\n                styles['LogoSuite__logobar-marqueeGroup'],\n                styles[`LogoSuite__logobar-marqueeGroup--speed-${marqueeSpeed}`],\n              )}\n            >\n              {children}\n            </div>\n          </div>\n          <PlayPauseButton onPlayPause={setIsPlaying} isPlaying={isPlaying} />\n        </div>\n      )\n    }\n\n    if (takeoverButton) {\n      const {className: defaultClassName, ...restProps} = defaultProps\n      return (\n        <div {...restProps} className={clsx(defaultClassName, styles['LogoSuite__logobar--has-takeover'])}>\n          {children}\n          {renderTakeoverButton()}\n        </div>\n      )\n    }\n\n    return <div {...defaultProps}>{children}</div>\n  },\n)\n\n/**\n * Use LogoSuite to present a list of logos, such as sponsors or vendors.\n * @see https://primer.style/brand/components/LogoSuite\n */\nexport const LogoSuite = Object.assign(LogoSuiteBase, {\n  Heading: _Heading,\n  Description: _Description,\n  Logobar: _LogoBar,\n  testIds,\n})\n"],"mappings":"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"}

package/esm/LogoSuite/LogoSuite.module-CWV4mJoG.css

@@ -0,0 +1 @@
+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ{padding-block-end:var(--brand-LogoSuite-logobar-rowGap)}.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN+.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN{padding-block-start:var(--brand-LogoSuite-logobar-rowGap)}.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(:has(.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms)) .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL{font-family:var(--brand-fontStack-monospace);font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100);text-transform:uppercase;color:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL+.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms{padding-block-start:var(--base-size-16)}.Primer_Brand__LogoSuite-module__LogoSuite--start___zqwlX{text-align:left}.Primer_Brand__LogoSuite-module__LogoSuite--center___j119b,.Primer_Brand__LogoSuite-module__LogoSuite--justify___MTk0u{text-align:center}.Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{padding-block-start:var(--base-size-32)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{row-gap:var(--brand-LogoSuite-logobar-rowGap);flex-wrap:wrap;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--gap-default___sGwUx{--marquee-gap:var(--brand-LogoSuite-logobar-marquee-gap-default);-moz-column-gap:var(--brand-LogoSuite-logobar-columnGap-default);column-gap:var(--brand-LogoSuite-logobar-columnGap-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--gap-condensed___T86E8{--marquee-gap:var(--brand-LogoSuite-logobar-marquee-gap-condensed);-moz-column-gap:var(--brand-LogoSuite-logobar-columnGap-condensed);column-gap:var(--brand-LogoSuite-logobar-columnGap-condensed)}.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL:not(.Primer_Brand__LogoSuite-module__LogoSuite__heading--visually-hidden___oZzlO)+.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC,.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ:not(.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ+.Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ) .Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms+.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{margin-block-start:var(--base-size-44);padding-block-start:0}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru a,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR a{width:auto;height:var(--base-size-28)}@media screen and (width>=48rem){.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru a,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR a{height:var(--base-size-32)}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru path{fill:var(--brand-LogoSuite-color-logo-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru img{filter:var(--brand-LogoSuite-color-logo-filter-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR path{fill:var(--brand-LogoSuite-color-logo-emphasis)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR img{filter:var(--brand-LogoSuite-color-logo-filter-emphasis)}.Primer_Brand__LogoSuite-module__LogoSuite--start___zqwlX .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{justify-content:center}@media screen and (width>=48rem){.Primer_Brand__LogoSuite-module__LogoSuite--justify___MTk0u .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{justify-content:space-between}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC a:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2);border-radius:var(--base-size-4)}.Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Wj8u_{border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___tyW6K{align-items:center;gap:var(--base-size-24);flex-direction:row;max-width:100vw;margin:auto;display:flex;position:relative}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{justify-content:space-around;align-items:center;gap:var(--marquee-gap);min-width:100%;animation-name:Primer_Brand__LogoSuite-module__LogobarScrollX___eGhi4;animation-duration:var(--brand-LogoSuite-logobar-marquee-default);flex-shrink:0;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;animation-fill-mode:none;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup--speed-default___nsm9D{animation-duration:var(--brand-LogoSuite-logobar-marquee-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup--speed-slow___NZHrb{animation-duration:var(--brand-LogoSuite-logobar-marquee-slow)}@keyframes Primer_Brand__LogoSuite-module__LogobarScrollX___eGhi4{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--marquee-gap)))}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS,.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{animation-play-state:paused}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK{padding-block:var(--base-size-4);-webkit-user-select:none;user-select:none;gap:var(--marquee-gap);flex:1;min-width:0;display:flex;overflow:hidden visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--paused___7p9ka *{animation-play-state:paused!important}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee--focused___zizoE .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS{animation-name:none}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie{cursor:pointer;width:var(--base-size-32);height:var(--base-size-32);border-radius:var(--base-size-48);border:none;border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-LogoSuite-color-control-rest);transition:background-color var(--brand-animation-duration-faster);flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie:hover{background-color:var(--brand-LogoSuite-color-control-hover)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie svg{width:var(--base-size-16);height:var(--base-size-16);fill:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie path{fill:var(--brand-color-text-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16{padding:0}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{gap:0;max-width:618px;padding-inline:0}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{padding:var(--base-size-20);flex-direction:column;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{margin-block-start:auto}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-32) var(--base-size-20) var(--base-size-32);flex-direction:column;justify-content:center;display:flex}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC,.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___tyW6K{width:100%;max-width:none}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL+.Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms{padding-block-start:var(--base-size-8)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC{padding-block-start:0}@media screen and (width>=48rem){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-36)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}@media screen and (width>=64rem){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{max-width:1280px}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e{text-align:left;padding:var(--base-size-64)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC{padding:var(--base-size-64)}}@media screen and (width>=1281px){.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16 .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC:first-child{border-inline-start:none}}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf{position:relative;overflow:visible}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:before{content:"";inset:calc(-1 * var(--base-size-16)) 0;z-index:1;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(var(--base-size-6));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);position:absolute}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover:before,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within:before{opacity:1}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within svg,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover img,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within img{opacity:.7;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd{opacity:0;visibility:hidden;z-index:2;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd,.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd{opacity:1;visibility:visible}

package/esm/LogoSuite/LogoSuite.module.js

@@ -0,0 +1,35 @@
+import './LogoSuite.module-CWV4mJoG.css';var e = {
+	LogoSuite: "Primer_Brand__LogoSuite-module__LogoSuite___bHvbJ",
+	"LogoSuite--default": "Primer_Brand__LogoSuite-module__LogoSuite--default___mbLiN",
+	LogoSuite__description: "Primer_Brand__LogoSuite-module__LogoSuite__description___J_Sms",
+	LogoSuite__heading: "Primer_Brand__LogoSuite-module__LogoSuite__heading___PsSGL",
+	"LogoSuite--start": "Primer_Brand__LogoSuite-module__LogoSuite--start___zqwlX",
+	"LogoSuite--center": "Primer_Brand__LogoSuite-module__LogoSuite--center___j119b",
+	"LogoSuite--justify": "Primer_Brand__LogoSuite-module__LogoSuite--justify___MTk0u",
+	LogoSuite__logobar: "Primer_Brand__LogoSuite-module__LogoSuite__logobar___3IogC",
+	"LogoSuite__logobar--gap-default": "Primer_Brand__LogoSuite-module__LogoSuite__logobar--gap-default___sGwUx",
+	"LogoSuite__logobar--gap-condensed": "Primer_Brand__LogoSuite-module__LogoSuite__logobar--gap-condensed___T86E8",
+	"LogoSuite__heading--visually-hidden": "Primer_Brand__LogoSuite-module__LogoSuite__heading--visually-hidden___oZzlO",
+	"LogoSuite__logobar--variant-muted": "Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___iM9ru",
+	"LogoSuite__logobar--variant-emphasis": "Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___yvuYR",
+	"LogoSuite--hasDivider": "Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Wj8u_",
+	"LogoSuite__logobar--has-marquee": "Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___tyW6K",
+	"LogoSuite__logobar-marqueeGroup": "Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___bUhyS",
+	LogobarScrollX: "Primer_Brand__LogoSuite-module__LogobarScrollX___eGhi4",
+	"LogoSuite__logobar-marqueeGroup--speed-default": "Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup--speed-default___nsm9D",
+	"LogoSuite__logobar-marqueeGroup--speed-slow": "Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup--speed-slow___NZHrb",
+	"LogoSuite__logobar-marquee": "Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee____s6pK",
+	"LogoSuite__logobar--paused": "Primer_Brand__LogoSuite-module__LogoSuite__logobar--paused___7p9ka",
+	"LogoSuite__logobar-marquee--focused": "Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee--focused___zizoE",
+	"LogoSuite__logobar-playPauseButton": "Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___KDfie",
+	"LogoSuite--gridline-expressive": "Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___86D16",
+	LogoSuite__content: "Primer_Brand__LogoSuite-module__LogoSuite__content____8K_Y",
+	LogoSuite__textContainer: "Primer_Brand__LogoSuite-module__LogoSuite__textContainer___OB63e",
+	LogoSuite__logobarContainer: "Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___RcqbC",
+	"LogoSuite__logobar--has-takeover": "Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___ZQbXf",
+	"LogoSuite__logobar-takeoverButtonContainer": "Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___ehoEd"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=LogoSuite.module.js.map

package/esm/LogoSuite/LogoSuite.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoSuite.module.js","names":[],"sources":["../../src/LogoSuite/LogoSuite.module.css"],"sourcesContent":[".LogoSuite {\n  padding-block-end: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n.LogoSuite--default + .LogoSuite--default {\n  padding-block-start: var(--brand-LogoSuite-logobar-rowGap);\n}\n\n/* Small monospace heading when standalone (no description) */\n.LogoSuite:not(:has(.LogoSuite__description)) .LogoSuite__heading {\n  font-family: var(--brand-fontStack-monospace);\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  text-transform: uppercase;\n  color: var(--brand-color-text-muted);\n}\n\n.LogoSuite__heading + .LogoSuite__description {\n  padding-block-start: var(--base-size-16);\n}\n\n.LogoSuite--start {\n  text-align: left;\n}\n\n.LogoSuite--center,\n.LogoSuite--justify {\n  text-align: center;\n}\n\n.LogoSuite--default:not(.LogoSuite + .LogoSuite) .LogoSuite__logobar {\n  padding-block-start: var(--base-size-32);\n}\n\n.LogoSuite__logobar {\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: var(--brand-LogoSuite-logobar-rowGap);\n  justify-content: center;\n}\n\n.LogoSuite__logobar--gap-default {\n  --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-default);\n  column-gap: var(--brand-LogoSuite-logobar-columnGap-default);\n}\n\n.LogoSuite__logobar--gap-condensed {\n  --marquee-gap: var(--brand-LogoSuite-logobar-marquee-gap-condensed);\n  column-gap: var(--brand-LogoSuite-logobar-columnGap-condensed);\n}\n\n.LogoSuite:not(.LogoSuite + .LogoSuite)\n  .LogoSuite__heading:not(.LogoSuite__heading--visually-hidden)\n  + .LogoSuite__logobar,\n.LogoSuite:not(.LogoSuite + .LogoSuite) .LogoSuite__description + .LogoSuite__logobar {\n  padding-block-start: 0;\n  margin-block-start: var(--base-size-44);\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted img,\n.LogoSuite__logobar--variant-muted a,\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis img,\n.LogoSuite__logobar--variant-emphasis a {\n  width: auto;\n  height: var(--base-size-28);\n}\n\n@media screen and (min-width: 48rem) {\n  .LogoSuite__logobar--variant-muted svg,\n  .LogoSuite__logobar--variant-muted img,\n  .LogoSuite__logobar--variant-muted a,\n  .LogoSuite__logobar--variant-emphasis svg,\n  .LogoSuite__logobar--variant-emphasis img,\n  .LogoSuite__logobar--variant-emphasis a {\n    height: var(--base-size-32);\n  }\n}\n\n.LogoSuite__logobar--variant-muted svg,\n.LogoSuite__logobar--variant-muted path {\n  fill: var(--brand-LogoSuite-color-logo-muted);\n}\n\n.LogoSuite__logobar--variant-muted img {\n  filter: var(--brand-LogoSuite-color-logo-filter-muted);\n}\n\n.LogoSuite__logobar--variant-emphasis svg,\n.LogoSuite__logobar--variant-emphasis path {\n  fill: var(--brand-LogoSuite-color-logo-emphasis);\n}\n\n.LogoSuite__logobar--variant-emphasis img {\n  filter: var(--brand-LogoSuite-color-logo-filter-emphasis);\n}\n\n.LogoSuite--start .LogoSuite__logobar {\n  justify-content: center;\n}\n\n@media screen and (min-width: 48rem) {\n  .LogoSuite--justify .LogoSuite__logobar {\n    justify-content: space-between;\n  }\n}\n\n.LogoSuite__logobar a:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n  border-radius: var(--base-size-4);\n}\n\n.LogoSuite--hasDivider {\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.LogoSuite__logobar--has-marquee {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--base-size-24);\n  margin: auto;\n  max-width: 100vw;\n}\n\n.LogoSuite__logobar-marqueeGroup {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  gap: var(--marquee-gap);\n  min-width: 100%;\n  animation-name: LogobarScrollX;\n  animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  animation-direction: normal;\n  animation-fill-mode: none;\n  animation-play-state: running;\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-default {\n  animation-duration: var(--brand-LogoSuite-logobar-marquee-default);\n}\n\n.LogoSuite__logobar-marqueeGroup--speed-slow {\n  animation-duration: var(--brand-LogoSuite-logobar-marquee-slow);\n}\n\n@keyframes LogobarScrollX {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(calc(-100% - var(--marquee-gap)));\n  }\n}\n\n.LogoSuite__logobar-marquee:hover .LogoSuite__logobar-marqueeGroup,\n.LogoSuite__logobar-marquee:focus-within .LogoSuite__logobar-marqueeGroup {\n  animation-play-state: paused;\n}\n\n.LogoSuite__logobar-marquee {\n  display: flex;\n  overflow-x: hidden;\n  overflow-y: visible;\n  padding-block: var(--base-size-4);\n  user-select: none;\n  gap: var(--marquee-gap);\n  flex: 1;\n  min-width: 0;\n  -webkit-mask-image: linear-gradient(\n    to right,\n    hsl(0 0% 0% / 0),\n    hsl(0 0% 0% / 1) 20%,\n    hsl(0 0% 0% / 1) 80%,\n    hsl(0 0% 0% / 0)\n  );\n  mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));\n}\n\n.LogoSuite__logobar--paused * {\n  animation-play-state: paused !important;\n}\n\n.LogoSuite__logobar-marquee--focused .LogoSuite__logobar-marqueeGroup {\n  animation-name: none;\n}\n\n.LogoSuite__logobar-playPauseButton {\n  cursor: pointer;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--base-size-32);\n  height: var(--base-size-32);\n  margin: 0;\n  padding: 0;\n  border: none;\n  border-radius: var(--base-size-48);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  background-color: var(--brand-LogoSuite-color-control-rest);\n  transition: background-color var(--brand-animation-duration-faster);\n}\n\n.LogoSuite__logobar-playPauseButton:hover {\n  background-color: var(--brand-LogoSuite-color-control-hover);\n}\n\n.LogoSuite__logobar-playPauseButton:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.LogoSuite__logobar-playPauseButton svg {\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n  fill: var(--brand-color-text-muted);\n}\n\n.LogoSuite__logobar-playPauseButton path {\n  fill: var(--brand-color-text-muted);\n}\n\n/* Gridline expressive variant styles */\n.LogoSuite--gridline-expressive {\n  padding: 0;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__content {\n  padding-inline: 0;\n  gap: 0;\n  max-width: 618px; /* From the Figma design */\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__textContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: var(--base-size-20);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n  margin-block-start: auto;\n}\n.LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar,\n.LogoSuite--gridline-expressive .LogoSuite__logobar--has-marquee {\n  max-width: none;\n  width: 100%;\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__heading + .LogoSuite__description {\n  padding-block-start: var(--base-size-8);\n}\n\n.LogoSuite--gridline-expressive .LogoSuite__logobar {\n  padding-block-start: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n    padding: var(--base-size-36);\n  }\n  .LogoSuite--gridline-expressive .LogoSuite__content {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n  .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n@media screen and (min-width: 64rem) {\n  .LogoSuite--gridline-expressive .LogoSuite__content {\n    max-width: 1280px;\n  }\n\n  .LogoSuite--gridline-expressive .LogoSuite__textContainer {\n    text-align: left;\n    padding: var(--base-size-64);\n  }\n\n  .LogoSuite--gridline-expressive .LogoSuite__logobarContainer {\n    padding: var(--base-size-64);\n  }\n}\n\n@media screen and (min-width: 1281px) {\n  .LogoSuite--gridline-expressive .LogoSuite__content {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  /* When the logobar is the only column visible (no adjacent text), this removes start border */\n  .LogoSuite--gridline-expressive .LogoSuite__logobarContainer:first-child {\n    border-inline-start: none;\n  }\n}\n\n.LogoSuite__logobar--has-takeover {\n  position: relative;\n  overflow: visible;\n}\n\n/* Glass blur overlay effect */\n.LogoSuite__logobar--has-takeover::before {\n  content: '';\n  position: absolute;\n  inset: calc(-1 * var(--base-size-16)) 0;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0;\n  backdrop-filter: blur(var(--base-size-6));\n  -webkit-backdrop-filter: blur(var(--base-size-6));\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar--has-takeover:hover::before,\n.LogoSuite__logobar--has-takeover:focus-within::before {\n  opacity: 1;\n}\n\n.LogoSuite__logobar--has-takeover:hover svg,\n.LogoSuite__logobar--has-takeover:focus-within svg,\n.LogoSuite__logobar--has-takeover:hover img,\n.LogoSuite__logobar--has-takeover:focus-within img {\n  opacity: 0.7;\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.LogoSuite__logobar-takeoverButtonContainer {\n  opacity: 0;\n  visibility: hidden;\n  z-index: 2;\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.LogoSuite__logobar--has-takeover:hover .LogoSuite__logobar-takeoverButtonContainer,\n.LogoSuite__logobar--has-takeover:focus-within .LogoSuite__logobar-takeoverButtonContainer {\n  opacity: 1;\n  visibility: visible;\n}\n"],"mappings":""}

package/esm/LogoSuite/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LogoSuite';
+//# sourceMappingURL=index.d.ts.map

package/esm/LogoSuite/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LogoSuite/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/esm/MinimalFooter/MinimalFooter.d.ts

@@ -0,0 +1,96 @@
+import React, { PropsWithChildren } from 'react';
+import { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css';
+declare const socialLinkData: {
+    readonly x: {
+        readonly fullName: "X";
+        readonly url: "https://x.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/x.svg";
+        readonly iconWidth: 20;
+        readonly iconHeight: 16;
+    };
+    readonly github: {
+        readonly fullName: "GitHub";
+        readonly url: "https://github.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg";
+        readonly iconWidth: 20;
+        readonly iconHeight: 20;
+    };
+    readonly linkedin: {
+        readonly fullName: "LinkedIn";
+        readonly url: "https://www.linkedin.com/company/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg";
+        readonly iconWidth: 19;
+        readonly iconHeight: 18;
+    };
+    readonly youtube: {
+        readonly fullName: "YouTube";
+        readonly url: "https://www.youtube.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg";
+        readonly iconWidth: 23;
+        readonly iconHeight: 16;
+    };
+    readonly facebook: {
+        readonly fullName: "Facebook";
+        readonly url: "https://www.facebook.com/GitHub";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly twitch: {
+        readonly fullName: "Twitch";
+        readonly url: "https://www.twitch.tv/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly tiktok: {
+        readonly fullName: "TikTok";
+        readonly url: "https://www.tiktok.com/@github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly instagram: {
+        readonly fullName: "Instagram";
+        readonly url: "https://www.instagram.com/github/";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg";
+        readonly iconWidth: 24;
+        readonly iconHeight: 24;
+    };
+};
+type SocialLinkName = keyof typeof socialLinkData;
+export type MinimalFooterProps = {
+    /**
+     * An array of social links to be displayed in the footer.
+     */
+    socialLinks?: SocialLinkName[] | false;
+    /**
+     * The href for the GitHub logo.
+     */
+    logoHref?: string;
+    /**
+     * The copyright statement to be displayed in the footer.
+     * If not provided, the copyright statement will be the default GitHub copyright statement.
+     */
+    copyrightStatement?: string | React.ReactElement;
+} & BaseProps<HTMLElement>;
+declare function Root({ className, children, copyrightStatement, logoHref, socialLinks, ...rest }: PropsWithChildren<MinimalFooterProps>): import("react/jsx-runtime").JSX.Element;
+type FootnoteProps = BaseProps<HTMLElement>;
+declare function Footnotes({ children, className }: PropsWithChildren<FootnoteProps>): import("react/jsx-runtime").JSX.Element;
+type LinkProps<C extends React.ElementType> = BaseProps<C> & {
+    as?: 'a' | 'button';
+} & Omit<React.ComponentPropsWithoutRef<C>, keyof C>;
+/**
+ * Use MinimalFooter to render a global footer on all GitHub pages.
+ * @see https://primer.style/brand/components/MinimalFooter
+ */
+export declare const MinimalFooter: typeof Root & {
+    Footnotes: typeof Footnotes;
+    Link: <C extends React.ElementType = "a">({ as, children, ...rest }: PropsWithChildren<LinkProps<C>>) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=MinimalFooter.d.ts.map

package/esm/MinimalFooter/MinimalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalFooter.d.ts","sourceRoot":"","sources":["../../src/MinimalFooter/MinimalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAK9C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAE9C;;GAEG;AACH,OAAO,0GAA0G,CAAA;AAOjH,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDV,CAAA;AAEV,KAAK,cAAc,GAAG,MAAM,OAAO,cAAc,CAAA;AAKjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;CACjD,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;AAE1B,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,QAA+B,EAC/B,WAAW,EACX,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,2CAqEvC;AAED,KAAK,aAAa,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;AAE3C,iBAAS,SAAS,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,2CAyBzE;AAoED,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAA;CAAC,GAAG,IAAI,CACrF,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,MAAM,CAAC,CACR,CAAA;AAmBH;;;GAGG;AACH,eAAO,MAAM,aAAa;;WArBZ,CAAC,SAAS,KAAK,CAAC,WAAW,mCAAiC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CAwBvG,CAAA"}

package/esm/MinimalFooter/MinimalFooter.js

@@ -0,0 +1,211 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { Stack as t } from "../Stack/Stack.js";
+import { Text as n } from "../Text/Text.js";
+import { LogoGithubIcon as r } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { ColorModesEnum as i } from "../ThemeProvider/ThemeProvider.js";
+import { useTheme as a } from "../ThemeProvider/useTheme.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes-DhME9i-y.css';/* empty css                                                                                                    */
+import o from "./MinimalFooter.module.js";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/MinimalFooter/MinimalFooter.tsx
+var d = {
+	x: {
+		fullName: "X",
+		url: "https://x.com/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/x.svg",
+		iconWidth: 20,
+		iconHeight: 16
+	},
+	github: {
+		fullName: "GitHub",
+		url: "https://github.com/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg",
+		iconWidth: 20,
+		iconHeight: 20
+	},
+	linkedin: {
+		fullName: "LinkedIn",
+		url: "https://www.linkedin.com/company/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg",
+		iconWidth: 19,
+		iconHeight: 18
+	},
+	youtube: {
+		fullName: "YouTube",
+		url: "https://www.youtube.com/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg",
+		iconWidth: 23,
+		iconHeight: 16
+	},
+	facebook: {
+		fullName: "Facebook",
+		url: "https://www.facebook.com/GitHub",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg",
+		iconWidth: 18,
+		iconHeight: 18
+	},
+	twitch: {
+		fullName: "Twitch",
+		url: "https://www.twitch.tv/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg",
+		iconWidth: 18,
+		iconHeight: 18
+	},
+	tiktok: {
+		fullName: "TikTok",
+		url: "https://www.tiktok.com/@github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg",
+		iconWidth: 18,
+		iconHeight: 18
+	},
+	instagram: {
+		fullName: "Instagram",
+		url: "https://www.instagram.com/github/",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg",
+		iconWidth: 24,
+		iconHeight: 24
+	}
+}, f = Object.keys(d);
+function p({ className: r, children: i, copyrightStatement: a, logoHref: d = "https://github.com", socialLinks: f, ...p }) {
+	let h = () => s.Children.toArray(i).find((e) => {
+		if (!s.isValidElement(e)) return !1;
+		if (e.type && e.type === m) return !0;
+	}), v = s.Children.toArray(i).filter((e) => {
+		if (s.isValidElement(e) && e.type === _) return e;
+	}).slice(0, 5), y = (/* @__PURE__ */ new Date()).getFullYear();
+	return /* @__PURE__ */ u("footer", {
+		className: e(o.Footer, r),
+		...p,
+		children: [
+			h(),
+			/* @__PURE__ */ l(g, {
+				socialLinks: f,
+				logoHref: d
+			}),
+			/* @__PURE__ */ l("section", { children: /* @__PURE__ */ l("div", {
+				className: o["Footer__legal-and-links"],
+				children: /* @__PURE__ */ l("div", {
+					className: o.Footer__container,
+					children: /* @__PURE__ */ u(t, {
+						direction: {
+							narrow: "vertical",
+							regular: "horizontal"
+						},
+						gap: "normal",
+						padding: "none",
+						justifyContent: "space-between",
+						children: [/* @__PURE__ */ l(t, {
+							padding: "none",
+							gap: "condensed",
+							justifyContent: {
+								narrow: "center",
+								regular: "flex-end"
+							},
+							direction: {
+								narrow: "vertical",
+								regular: "horizontal"
+							},
+							className: o.Footer__links,
+							children: /* @__PURE__ */ l(c, { children: v })
+						}), /* @__PURE__ */ l(n, {
+							as: "p",
+							size: "200",
+							variant: "muted",
+							className: o.Footer__copyright,
+							children: a || `\u00A9 ${y} GitHub. All rights reserved.`
+						})]
+					})
+				})
+			}) })
+		]
+	});
+}
+function m({ children: t, className: r }) {
+	let i = s.Children.map(t, (t) => {
+		if (s.isValidElement(t) && t.type === n) {
+			let n = t, r = {
+				variant: "muted",
+				size: "100",
+				className: e(o["Footer__terms-item"], n.props.className)
+			};
+			return n.props.as || (r.as = "p"), s.cloneElement(n, r);
+		}
+		return null;
+	});
+	return /* @__PURE__ */ l("section", {
+		className: o.Footer__container,
+		children: /* @__PURE__ */ l("div", {
+			className: e(o.Footer__terms, r),
+			children: i
+		})
+	});
+}
+var h = ({ name: e }) => {
+	let t = d[e];
+	return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("a", {
+		href: t.url,
+		className: o["Footer__social-link"],
+		"data-analytics-event": `{"category":"Footer","action":"go to ${t.fullName}","label":"text:${e}"}`,
+		children: [/* @__PURE__ */ l("img", {
+			className: o["Footer__social-icon"],
+			src: t.icon,
+			height: t.iconHeight,
+			width: t.iconWidth,
+			loading: "lazy",
+			decoding: "async",
+			alt: ""
+		}), /* @__PURE__ */ u("span", {
+			className: "visually-hidden",
+			children: ["GitHub on ", t.fullName]
+		})]
+	}) }, e);
+};
+function g({ socialLinks: n = f, logoHref: s }) {
+	let { colorMode: c } = a();
+	return /* @__PURE__ */ l("section", {
+		className: e(o.Footer__logomarks),
+		children: /* @__PURE__ */ l("div", {
+			className: o.Footer__container,
+			children: /* @__PURE__ */ u(t, {
+				alignItems: "center",
+				direction: {
+					narrow: "vertical",
+					regular: "horizontal"
+				},
+				gap: "normal",
+				padding: "none",
+				justifyContent: "space-between",
+				children: [/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("a", {
+					href: s,
+					"data-analytics-event": "{\"category\":\"Footer\",\"action\":\"go to home\",\"label\":\"text:home\"}",
+					"aria-label": "GitHub",
+					children: /* @__PURE__ */ l(r, {
+						fill: c === i.DARK ? "white" : "black",
+						size: "medium"
+					})
+				}) }), n ? /* @__PURE__ */ l("ul", {
+					className: o["Footer__social-links"],
+					children: n.map((e) => /* @__PURE__ */ l(h, { name: e }, e))
+				}) : null]
+			})
+		})
+	});
+}
+var _ = ({ as: e, children: t, ...r }) => /* @__PURE__ */ l(e || "a", {
+	className: o.Footer__link,
+	"data-analytics-event": r.href ? `{"category":"Footer","action":"go to ${r.href}","label":"text:${t}"}` : void 0,
+	...r,
+	children: /* @__PURE__ */ l(n, {
+		variant: "muted",
+		size: "200",
+		children: t
+	})
+}), v = Object.assign(p, {
+	Footnotes: m,
+	Link: _
+});
+//#endregion
+export { v as MinimalFooter };
+
+//# sourceMappingURL=MinimalFooter.js.map

package/esm/MinimalFooter/MinimalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalFooter.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {LogoGithubIcon} from '@primer/octicons-react'\n\nimport {ColorModesEnum, Stack, Text, useTheme} from '../'\nimport {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css'\n\n/**\n * Main Stylesheet (as a CSS Module)\n */\nimport styles from './MinimalFooter.module.css'\n\nconst socialLinkData = {\n  x: {\n    fullName: 'X',\n    url: 'https://x.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/x.svg',\n    iconWidth: 20,\n    iconHeight: 16,\n  },\n  github: {\n    fullName: 'GitHub',\n    url: 'https://github.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg',\n    iconWidth: 20,\n    iconHeight: 20,\n  },\n  linkedin: {\n    fullName: 'LinkedIn',\n    url: 'https://www.linkedin.com/company/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg',\n    iconWidth: 19,\n    iconHeight: 18,\n  },\n  youtube: {\n    fullName: 'YouTube',\n    url: 'https://www.youtube.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg',\n    iconWidth: 23,\n    iconHeight: 16,\n  },\n  facebook: {\n    fullName: 'Facebook',\n    url: 'https://www.facebook.com/GitHub',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  twitch: {\n    fullName: 'Twitch',\n    url: 'https://www.twitch.tv/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  tiktok: {\n    fullName: 'TikTok',\n    url: 'https://www.tiktok.com/@github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  instagram: {\n    fullName: 'Instagram',\n    url: 'https://www.instagram.com/github/',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg',\n    iconWidth: 24,\n    iconHeight: 24,\n  },\n} as const\n\ntype SocialLinkName = keyof typeof socialLinkData\ntype SocialLink = (typeof socialLinkData)[SocialLinkName]\n\nconst socialLinkNames = Object.keys(socialLinkData) as SocialLinkName[]\n\nexport type MinimalFooterProps = {\n  /**\n   * An array of social links to be displayed in the footer.\n   */\n  socialLinks?: SocialLinkName[] | false\n  /**\n   * The href for the GitHub logo.\n   */\n  logoHref?: string\n  /**\n   * The copyright statement to be displayed in the footer.\n   * If not provided, the copyright statement will be the default GitHub copyright statement.\n   */\n  copyrightStatement?: string | React.ReactElement\n} & BaseProps<HTMLElement>\n\nfunction Root({\n  className,\n  children,\n  copyrightStatement,\n  logoHref = 'https://github.com',\n  socialLinks,\n  ...rest\n}: PropsWithChildren<MinimalFooterProps>) {\n  // find Footer.Footnotes children\n  const footerFootnoteChild = () => {\n    const footnotes = React.Children.toArray(children).find(child => {\n      if (!React.isValidElement(child)) {\n        return false\n      }\n\n      if (child.type && child.type === Footnotes) {\n        return true\n      }\n    })\n    return footnotes\n  }\n\n  /**\n   * Renders a maximum of 5 links.\n   * If more than 5 links are required, we should encourage usage of Footer instead.\n   */\n  const LinkChildren = React.Children.toArray(children)\n    .filter(child => {\n      // if not valid element\n      if (React.isValidElement(child)) {\n        if (child.type === Link) {\n          return child\n        }\n      }\n    })\n    .slice(0, 5)\n\n  const currentYear = new Date().getFullYear()\n\n  return (\n    <footer className={clsx(styles.Footer, className)} {...rest}>\n      {footerFootnoteChild()}\n      <SocialLogomarks socialLinks={socialLinks} logoHref={logoHref} />\n      <section>\n        <div className={styles['Footer__legal-and-links']}>\n          <div className={styles['Footer__container']}>\n            <Stack\n              direction={{narrow: 'vertical', regular: 'horizontal'}}\n              gap=\"normal\"\n              padding=\"none\"\n              justifyContent=\"space-between\"\n            >\n              <Stack\n                padding=\"none\"\n                gap=\"condensed\"\n                justifyContent={{\n                  narrow: 'center',\n                  regular: 'flex-end',\n                }}\n                direction={{\n                  narrow: 'vertical',\n                  regular: 'horizontal',\n                }}\n                className={styles['Footer__links']}\n              >\n                <>{LinkChildren}</>\n              </Stack>\n              <Text as=\"p\" size=\"200\" variant=\"muted\" className={styles['Footer__copyright']}>\n                {copyrightStatement ? copyrightStatement : `\\u00A9 ${currentYear} GitHub. All rights reserved.`}\n              </Text>\n            </Stack>\n          </div>\n        </div>\n      </section>\n    </footer>\n  )\n}\n\ntype FootnoteProps = BaseProps<HTMLElement>\n\nfunction Footnotes({children, className}: PropsWithChildren<FootnoteProps>) {\n  const styledChildren = React.Children.map(children, child => {\n    if (React.isValidElement<React.ComponentProps<typeof Text>>(child) && child.type === Text) {\n      const textChild = child as React.ReactElement<React.ComponentProps<typeof Text>>\n      const overrideProps: Partial<React.ComponentProps<typeof Text>> = {\n        variant: 'muted',\n        size: '100',\n        className: clsx(styles['Footer__terms-item'], textChild.props.className),\n      }\n\n      if (!textChild.props.as) {\n        overrideProps.as = 'p'\n      }\n\n      return React.cloneElement(textChild, overrideProps)\n    }\n\n    return null\n  })\n\n  return (\n    <section className={styles.Footer__container}>\n      <div className={clsx(styles.Footer__terms, className)}>{styledChildren}</div>\n    </section>\n  )\n}\n\ntype SocialLinkProps = {name: SocialLinkName}\n\nconst SocialLink = ({name}: SocialLinkProps) => {\n  const link = socialLinkData[name]\n  return (\n    <li key={name}>\n      <a\n        href={link.url}\n        className={styles['Footer__social-link']}\n        data-analytics-event={`{\"category\":\"Footer\",\"action\":\"go to ${link.fullName}\",\"label\":\"text:${name}\"}`}\n      >\n        <img\n          className={styles['Footer__social-icon']}\n          src={link.icon}\n          height={link.iconHeight}\n          width={link.iconWidth}\n          loading=\"lazy\"\n          decoding=\"async\"\n          alt=\"\"\n        />\n        <span className=\"visually-hidden\">GitHub on {link.fullName}</span>\n      </a>\n    </li>\n  )\n}\n\ntype SocialLogomarksProps = {\n  socialLinks?: SocialLinkName[] | false\n  logoHref?: string\n}\n\nfunction SocialLogomarks({socialLinks = socialLinkNames, logoHref}: SocialLogomarksProps) {\n  const {colorMode} = useTheme()\n\n  return (\n    <section className={clsx(styles['Footer__logomarks'])}>\n      <div className={styles['Footer__container']}>\n        <Stack\n          alignItems=\"center\"\n          direction={{narrow: 'vertical', regular: 'horizontal'}}\n          gap=\"normal\"\n          padding=\"none\"\n          justifyContent=\"space-between\"\n        >\n          <div>\n            <a\n              href={logoHref}\n              data-analytics-event='{\"category\":\"Footer\",\"action\":\"go to home\",\"label\":\"text:home\"}'\n              aria-label=\"GitHub\"\n            >\n              <LogoGithubIcon fill={colorMode === ColorModesEnum.DARK ? 'white' : 'black'} size=\"medium\" />\n            </a>\n          </div>\n          {socialLinks ? (\n            <ul className={styles['Footer__social-links']}>\n              {socialLinks.map(name => (\n                <SocialLink key={name} name={name} />\n              ))}\n            </ul>\n          ) : null}\n        </Stack>\n      </div>\n    </section>\n  )\n}\n\ntype LinkProps<C extends React.ElementType> = BaseProps<C> & {as?: 'a' | 'button'} & Omit<\n    React.ComponentPropsWithoutRef<C>,\n    keyof C\n  >\n\nconst Link = <C extends React.ElementType = 'a'>({as, children, ...rest}: PropsWithChildren<LinkProps<C>>) => {\n  const Component = as || 'a'\n  return (\n    <Component\n      className={styles['Footer__link']}\n      data-analytics-event={\n        rest['href'] ? `{\"category\":\"Footer\",\"action\":\"go to ${rest['href']}\",\"label\":\"text:${children}\"}` : undefined\n      }\n      {...rest}\n    >\n      <Text variant=\"muted\" size=\"200\">\n        {children}\n      </Text>\n    </Component>\n  )\n}\n\n/**\n * Use MinimalFooter to render a global footer on all GitHub pages.\n * @see https://primer.style/brand/components/MinimalFooter\n */\nexport const MinimalFooter = Object.assign(Root, {\n  Footnotes,\n  Link,\n})\n"],"mappings":"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"}

package/esm/MinimalFooter/MinimalFooter.module-DPMYigso.css

@@ -0,0 +1 @@
+.Primer_Brand__MinimalFooter-module__Footer___N646_{background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__Footer__container___YiFAB{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);margin-left:auto;margin-right:auto;padding:0 28px}.Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9 sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80,.Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5{padding-top:var(--base-size-48);padding-bottom:var(--base-size-48)}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF{position:relative}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:before{content:"";min-width:var(--base-size-24);min-height:var(--base-size-24);display:block;position:absolute}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:hover .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso,.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:focus-visible .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{width:24px;height:auto}[data-color-mode=light] .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:brightness(95%)saturate()}.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{padding-bottom:var(--base-size-4);order:2;display:flex}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{order:1}}.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:1}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:2}}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f{color:var(--brand-color-text-muted);border-top:none;border-left:none;border-right:none;border-bottom:var(--brand-borderWidth-thin) solid transparent;background-color:inherit;cursor:pointer;padding:0 0 var(--base-size-4) 0;transition:border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f:hover{color:var(--brand-color-text-default);border-bottom-color:var(--brand-color-text-muted);-webkit-text-decoration:none;text-decoration:none}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__Footer___N646_,.Primer_Brand__MinimalFooter-module__Footer___N646_:before,.Primer_Brand__MinimalFooter-module__Footer___N646_:after,.Primer_Brand__MinimalFooter-module__Footer___N646_ *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/MinimalFooter/MinimalFooter.module.js

@@ -0,0 +1,18 @@
+import './MinimalFooter.module-DPMYigso.css';var e = {
+	Footer: "Primer_Brand__MinimalFooter-module__Footer___N646_",
+	Footer__container: "Primer_Brand__MinimalFooter-module__Footer__container___YiFAB",
+	Footer__terms: "Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT",
+	"Footer__terms-item": "Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9",
+	"Footer__social-links": "Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM",
+	Footer__logomarks: "Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80",
+	"Footer__legal-and-links": "Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5",
+	"Footer__social-link": "Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF",
+	"Footer__social-icon": "Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso",
+	Footer__copyright: "Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu",
+	Footer__links: "Primer_Brand__MinimalFooter-module__Footer__links___7RcTo",
+	Footer__link: "Primer_Brand__MinimalFooter-module__Footer__link___lYG6f"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=MinimalFooter.module.js.map

package/esm/MinimalFooter/MinimalFooter.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".Footer {\n  position: relative;\n  background-color: var(--brand-footer-bg-color);\n}\n\n/**\n * Footer shared styles\n */\n.Footer__container {\n  max-width: var(--brand-footer-max-width, 1280px);\n  padding: 0 28px; /* should match SubdomainNavBar */\n  margin-right: auto;\n  margin-left: auto;\n}\n\n/**\n * Footer terms section\n */\n.Footer__terms {\n  padding: var(--base-size-48) 0;\n}\n\n.Footer__terms-item {\n  margin-bottom: var(--base-size-24);\n}\n\n.Footer__terms-item sup {\n  font-size: var(--base-size-12);\n  vertical-align: super;\n  display: inline-block;\n  margin-right: var(--base-size-4);\n}\n\n.Footer__terms-item:last-child {\n  margin-bottom: 0;\n}\n\n/**\n * Footer social and logomarks section\n */\n.Footer__social-links {\n  display: flex;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--base-size-16);\n}\n\n.Footer__logomarks {\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Footer__logomarks,\n.Footer__legal-and-links {\n  padding-top: var(--base-size-48);\n  padding-bottom: var(--base-size-48);\n}\n\n.Footer__social-link {\n  position: relative;\n}\n\n.Footer__social-link::before {\n  content: '';\n  display: block;\n  position: absolute;\n  min-width: var(--base-size-24);\n  min-height: var(--base-size-24);\n}\n\n.Footer__social-link:hover .Footer__social-icon,\n.Footer__social-link:focus-visible .Footer__social-icon {\n  filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.Footer__social-icon {\n  width: 24px;\n  height: auto;\n}\n\n[data-color-mode='light'] .Footer__social-icon {\n  filter: brightness(95%) saturate(100%);\n}\n\n/**\n * Footer legal section\n */\n\n.Footer__copyright {\n  display: flex;\n  order: 2;\n  padding-bottom: var(--base-size-4);\n}\n\n@media screen and (min-width: 48rem) {\n  .Footer__copyright {\n    order: 1;\n  }\n}\n\n.Footer__links {\n  order: 1;\n}\n\n@media screen and (min-width: 48rem) {\n  .Footer__links {\n    order: 2;\n  }\n}\n\n.Footer__link {\n  align-self: flex-start;\n  color: var(--brand-color-text-muted);\n  text-decoration: none;\n  border-top: none;\n  border-right: none;\n  border-left: none;\n  border-bottom: var(--brand-borderWidth-thin) solid transparent;\n  background-color: inherit;\n  cursor: pointer;\n  padding: 0 0 var(--base-size-4) 0;\n  transition: border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.Footer__link:hover {\n  color: var(--brand-color-text-default);\n  border-bottom-color: var(--brand-color-text-muted);\n  text-decoration: none;\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Footer,\n  .Footer::before,\n  .Footer::after,\n  .Footer * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/MinimalFooter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MinimalFooter';
+//# sourceMappingURL=index.d.ts.map

package/esm/MinimalFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MinimalFooter/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/esm/MonaSans/MonaSans.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type MonaSansProps = {
+    children: string | React.ReactElement;
+    italic?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
+    size?: number;
+    weight?: number;
+    width?: number;
+};
+export declare function MonaSans({ children, italic, size, weight, width }: MonaSansProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MonaSans.d.ts.map

package/esm/MonaSans/MonaSans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonaSans.d.ts","sourceRoot":"","sources":["../../src/MonaSans/MonaSans.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;IACrC,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;IACnE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,EAAE,aAAa,2CAuB9E"}

package/esm/MonaSans/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MonaSans';
+//# sourceMappingURL=index.d.ts.map

package/esm/MonaSans/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MonaSans/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/esm/Pagination/Pagination.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css';
+export type PaginationProps = {
+    pageCount: number;
+    currentPage: number;
+    onPageChange?: (e: React.MouseEvent, n: number) => void;
+    hrefBuilder?: (n: number) => string;
+    pageAttributesBuilder?: (n: number) => {
+        [attributeName: string]: string;
+    };
+    marginPageCount?: number;
+    showPages?: boolean;
+    surroundingPageCount?: number;
+    'data-testid'?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ * Use Pagination to display a sequence of links that allow navigation to discrete, related pages.
+ * @see https://primer.style/brand/components/Pagination
+ */
+export declare const Pagination: React.MemoExoticComponent<({ id, className, pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=Pagination.d.ts.map

package/esm/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAO9C;;GAEG;AACH,OAAO,8GAA8G,CAAA;AAKrH,MAAM,MAAM,eAAe,GAAG;IAE5B,SAAS,EAAE,MAAM,CAAA;IAEjB,WAAW,EAAE,MAAM,CAAA;IAEnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAEvD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAEnC,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK;QAAC,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC,CAAA;IAExE,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,UAAU,qOAelB,eAAe,6CAyDnB,CAAA"}