@primer/react-brand/esm/index.esm.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import { _GLOBAL_STYLES as e } from "./css/stylesheets.js";
import { Grid as t } from "./Grid/Grid.js";
import { AnimationContext as n, AnimationProvider as r, AnimationVariants as i } from "./animation/AnimationProvider/AnimationProvider.js";
import { Animate as a } from "./animation/Animate/Animate.js";
import { useAnimation as o } from "./animation/useAnimation.js";
import { TextRevealAnimation as s } from "./animation/TextRevealAnimation/TextRevealAnimation.js";
import { Stack as c, StackAlignItemVariants as l, StackDirectionVariants as u, StackFlexWrapVariants as d, StackJustifyContentVariants as f, StackSpacingVariants as p, defaultStackDirection as m, defaultStackSpacing as h } from "./Stack/Stack.js";
import { Box as g, BoxBackgroundColors as _, BoxBorderColorOptions as v, BoxBorderRadiusOptions as y, BoxBorderWidthOptions as b, BoxSpacingValues as x } from "./Box/Box.js";
import { Text as S, TextFontVariants as C, TextSizes as w, TextTags as T, TextVariants as E, TextWeights as D, defaultFontVariant as O, defaultTextSize as k, defaultTextTag as A, defaultTextVariant as j } from "./Text/Text.js";
import { EyebrowText as M, EyebrowTextVariants as N } from "./EyebrowText/EyebrowText.js";
import { TextCursorAnimation as P, testIds as F } from "./TextCursorAnimation/TextCursorAnimation.js";
import { Heading as I, HeadingFontVariants as L, HeadingLetterSpacing as R, HeadingSizes as z, HeadingStretch as B, HeadingTags as V, HeadingWeights as H, classMap as U, defaultHeadingFont as W, defaultHeadingTag as G } from "./Heading/Heading.js";
import { Image as K, ImageBorderRadiusOptions as q } from "./Image/Image.js";
import { Button as J, ButtonSizes as Y, ButtonVariants as X, _Button as Z, defaultButtonSize as Q, defaultButtonVariant as $ } from "./Button/Button.js";
import { Hero as ee } from "./Hero/Hero.js";
import { ColorModesEnum as te, ThemeContext as ne, ThemeProvider as re } from "./ThemeProvider/ThemeProvider.js";
import { useTheme as ie } from "./ThemeProvider/useTheme.js";
import { ButtonGroup as ae } from "./ButtonGroup/ButtonGroup.js";
import { RiverAccordion as oe, RiverAccordionVariants as se } from "./river/RiverAccordion/RiverAccordion.js";
import { Link as ce, LinkArrowDirections as le, LinkSizes as ue, LinkVariants as de } from "./Link/Link.js";
import { Label as fe, LabelColors as pe, LabelSizes as me, defaultLabelColor as he, defaultLabelSize as ge } from "./Label/Label.js";
import { River as _e, defaultRiverAlign as ve, defaultRiverImageTextRatio as ye, defaultRiverVariant as be } from "./river/River/River.js";
import { RiverBreakout as xe, RiverBreakoutVariants as Se } from "./river/RiverBreakout/RiverBreakout.js";
import { Icon as Ce, defaultIconColor as we, defaultIconSize as Te, iconColors as Ee, iconSizeMap as De, iconSizes as Oe, namedIconSizes as ke, numericIconSizes as Ae } from "./Icon/Icon.js";
import { BreakpointSize as je, useWindowSize as Me } from "./hooks/useWindowSize.js";
import { RiverBreakoutTabs as Ne } from "./river/RiverBreakoutTabs/RiverBreakoutTabs.js";
import { RiverStoryScroll as Pe } from "./river/RiverStoryScroll/RiverStoryScroll.js";
import { Pagination as Fe } from "./Pagination/Pagination.js";
import { MediaPlaylist as Ie } from "./MediaPlaylist/MediaPlaylist.js";
import { SubdomainNavBar as Le } from "./SubdomainNavBar/SubdomainNavBar.js";
import { InlineLink as Re } from "./InlineLink/InlineLink.js";
import { Token as ze, TokenVariants as Be, defaultTokenVariant as Ve } from "./Token/Token.js";
import { Accordion as He, AccordionContent as Ue, AccordionHeading as We, AccordionRoot as Ge, AccordionToggleColors as Ke } from "./Accordion/Accordion.js";
import { FAQ as qe } from "./FAQ/FAQ.js";
import { FAQGroup as Je } from "./FAQ/FAQGroup.js";
import { Checkbox as Ye } from "./forms/Checkbox/Checkbox.js";
import { DEFAULT_TEXTAREA_COLS as Xe, DEFAULT_TEXTAREA_RESIZE as Ze, DEFAULT_TEXTAREA_ROWS as Qe, Textarea as $e } from "./forms/Textarea/Textarea.js";
import { TextInput as et } from "./forms/TextInput/TextInput.js";
import { Select as tt } from "./forms/Select/Select.js";
import { Radio as nt } from "./forms/Radio/Radio.js";
import { FormControl as rt } from "./forms/FormControl/FormControl.js";
import { CheckboxGroup as it } from "./forms/CheckboxGroup/CheckboxGroup.js";
import { RadioGroup as at } from "./forms/RadioGroup/RadioGroup.js";
import { Avatar as ot, AvatarShapes as st, AvatarSizes as ct } from "./Avatar/Avatar.js";
import { Testimonial as lt, TestimonialQuoteMarkColors as ut, TestimonialVariants as dt, defaultQuoteMarkColor as ft, defaultTestimonialVariant as pt } from "./Testimonial/Testimonial.js";
import { ComparisonTable as mt, _ComparisonTable as ht } from "./ComparisonTable/ComparisonTable.js";
import { AnchorNav as gt } from "./AnchorNav/AnchorNav.js";
import { CTABanner as _t, CTABannerBackgroundColors as vt } from "./CTABanner/CTABanner.js";
import { UnorderedList as yt } from "./list/UnorderedList/UnorderedList.js";
import { OrderedList as bt } from "./list/OrderedList/OrderedList.js";
import { CTAForm as xt } from "./CTAForm/CTAForm.js";
import { MinimalFooter as St } from "./MinimalFooter/MinimalFooter.js";
import { Pillar as Ct, defaultPillarIconColor as wt, defaultPillarIconSize as Tt } from "./Pillar/Pillar.js";
import { Card as Et, CardBackgroundColors as Dt, CardCTAVariants as Ot, CardIconColors as kt, CardLabelVariants as At, CardTokenPositions as jt, CardVariants as Mt, defaultCardCTAVariant as Nt, defaultCardIconColor as Pt, defaultCardLabelVariant as Ft } from "./Card/Card.js";
import { CardSkewEffect as It } from "./Card/CardSkewEffect.js";
import { SectionIntro as Lt } from "./SectionIntro/SectionIntro.js";
import { ActionMenu as Rt, ActionMenuButtonModes as zt, ActionMenuProvider as Bt, ActionMenuSizes as Vt, actionMenuOverlaySides as Ht, useActionMenuContext as Ut } from "./ActionMenu/ActionMenu.js";
import { Prose as Wt } from "./Prose/Prose.js";
import { useVideo as Gt } from "./VideoPlayer/hooks/useVideo.js";
import { VideoPlayer as Kt } from "./VideoPlayer/VideoPlayer.js";
import { LogoSuite as qt } from "./LogoSuite/LogoSuite.js";
import { Timeline as Jt } from "./Timeline/Timeline.js";
import { Bento as Yt } from "./Bento/Bento.js";
import { EyebrowBanner as Xt, EyebrowBannerIconColors as Zt, EyebrowBannerLabelColors as Qt, defaultEyebrowBannerIconColor as $t } from "./EyebrowBanner/EyebrowBanner.js";
import { Tooltip as en, TooltipContext as tn } from "./Tooltip/Tooltip.js";
import { PricingOptions as nn } from "./PricingOptions/PricingOptions.js";
import { SubNav as rn, SubNavSubMenuVariants as an, useSubNavContext as on } from "./SubNav/SubNav.js";
import { IDE as sn, IDEDefaultIconMap as cn, IDEFileExtensions as ln } from "./IDE/IDE.js";
import { BreadcrumbVariants as un, Breadcrumbs as dn } from "./Breadcrumbs/Breadcrumbs.js";
import { Section as fn, SectionBackgroundColors as pn, SectionPaddingVariants as mn } from "./Section/Section.js";
import { Statistic as hn, StatisticSizes as gn, StatisticSpacingValues as _n } from "./Statistic/Statistic.js";
import { BreakoutBanner as vn, BreakoutBannerBackgroundColors as yn } from "./BreakoutBanner/BreakoutBanner.js";
import { Footnotes as bn, FootnotesItemTags as xn, FootnotesTags as Sn } from "./Footnotes/Footnotes.js";
import { FrostedGlassVFX as Cn, FrostedGlassVFXIntensity as wn, defaultFrostedGlassVFXIntensity as Tn } from "./FrostedGlassVFX/FrostedGlassVFX.js";
import { SectionIntroStacked as En, SectionIntroStackedVariants as Dn } from "./SectionIntroStacked/SectionIntroStacked.js";
import { Tabs as On } from "./Tabs/Tabs.js";
import { Tiles as kn } from "./Tiles/Tiles.js";
export { He as Accordion, Ue as AccordionContent, We as AccordionHeading, Ge as AccordionRoot, Ke as AccordionToggleColors, Rt as ActionMenu, zt as ActionMenuButtonModes, Bt as ActionMenuProvider, Vt as ActionMenuSizes, gt as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, ot as Avatar, st as AvatarShapes, ct as AvatarSizes, Yt as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, un as BreadcrumbVariants, dn as Breadcrumbs, vn as BreakoutBanner, yn as BreakoutBannerBackgroundColors, je as BreakpointSize, J as Button, ae as ButtonGroup, Y as ButtonSizes, X as ButtonVariants, _t as CTABanner, vt as CTABannerBackgroundColors, xt as CTAForm, Et as Card, Dt as CardBackgroundColors, Ot as CardCTAVariants, kt as CardIconColors, At as CardLabelVariants, It as CardSkewEffect, jt as CardTokenPositions, Mt as CardVariants, Ye as Checkbox, it as CheckboxGroup, te as ColorModesEnum, mt as ComparisonTable, Xe as DEFAULT_TEXTAREA_COLS, Ze as DEFAULT_TEXTAREA_RESIZE, Qe as DEFAULT_TEXTAREA_ROWS, Xt as EyebrowBanner, Zt as EyebrowBannerIconColors, Qt as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, qe as FAQ, Je as FAQGroup, bn as Footnotes, xn as FootnotesItemTags, Sn as FootnotesTags, rt as FormControl, Cn as FrostedGlassVFX, wn as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, ee as Hero, sn as IDE, cn as IDEDefaultIconMap, ln as IDEFileExtensions, Ce as Icon, K as Image, q as ImageBorderRadiusOptions, Re as InlineLink, fe as Label, pe as LabelColors, me as LabelSizes, ce as Link, le as LinkArrowDirections, ue as LinkSizes, de as LinkVariants, qt as LogoSuite, Ie as MediaPlaylist, St as MinimalFooter, bt as OrderedList, Fe as Pagination, Ct as Pillar, nn as PricingOptions, Wt as Prose, nt as Radio, at as RadioGroup, _e as River, oe as RiverAccordion, se as RiverAccordionVariants, xe as RiverBreakout, Ne as RiverBreakoutTabs, Se as RiverBreakoutVariants, Pe as RiverStoryScroll, fn as Section, pn as SectionBackgroundColors, Lt as SectionIntro, En as SectionIntroStacked, Dn as SectionIntroStackedVariants, mn as SectionPaddingVariants, tt as Select, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, hn as Statistic, gn as StatisticSizes, _n as StatisticSpacingValues, rn as SubNav, an as SubNavSubMenuVariants, Le as SubdomainNavBar, On as Tabs, lt as Testimonial, ut as TestimonialQuoteMarkColors, dt as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, et as TextInput, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, $e as Textarea, ne as ThemeContext, re as ThemeProvider, kn as Tiles, Jt as Timeline, ze as Token, Be as TokenVariants, en as Tooltip, tn as TooltipContext, yt as UnorderedList, Kt as VideoPlayer, Z as _Button, ht as _ComparisonTable, e as _GLOBAL_STYLES, Ht as actionMenuOverlaySides, U as classMap, Q as defaultButtonSize, $ as defaultButtonVariant, Nt as defaultCardCTAVariant, Pt as defaultCardIconColor, Ft as defaultCardLabelVariant, $t as defaultEyebrowBannerIconColor, O as defaultFontVariant, Tn as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, we as defaultIconColor, Te as defaultIconSize, he as defaultLabelColor, ge as defaultLabelSize, wt as defaultPillarIconColor, Tt as defaultPillarIconSize, ft as defaultQuoteMarkColor, ve as defaultRiverAlign, ye as defaultRiverImageTextRatio, be as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, pt as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, Ve as defaultTokenVariant, Ee as iconColors, De as iconSizeMap, Oe as iconSizes, ke as namedIconSizes, Ae as numericIconSizes, F as testIds, Ut as useActionMenuContext, o as useAnimation, on as useSubNavContext, ie as useTheme, Gt as useVideo, Me as useWindowSize };