@primer/react-brand 0.77.0 → 0.78.0-rc.6fbe9fb5

package/esm/index.esm.js

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

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes-mgXFtgvP.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-ActionMenu-color-splitButton-divider-default:var(--brand-color-border-muted);--brand-ActionMenu-color-splitButton-divider-primary:var(--base-color-scale-green-7);--brand-ActionMenu-color-item-hover:var(--base-color-scale-gray-1);--brand-ActionMenu-color-scrollbar-thumb-bg:var(--base-color-scale-gray-0)}[data-color-mode=dark]{--brand-ActionMenu-color-splitButton-divider-default:var(--brand-color-border-muted);--brand-ActionMenu-color-splitButton-divider-primary:var(--brand-color-border-muted);--brand-ActionMenu-color-item-hover:var(--base-color-scale-gray-6);--brand-ActionMenu-color-scrollbar-thumb-bg:var(--base-color-scale-gray-3)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/base-DhkVnZYz.css

@@ -0,0 +1 @@
+:root{--brand-Button-icon-size-large:var(--base-size-20);--brand-Button-icon-size-medium:var(--base-size-16);--brand-Button-icon-size-small:var(--base-size-16);--brand-Button-control-size-large:var(--brand-control-large-size);--brand-Button-control-size-medium:var(--brand-control-medium-size);--brand-Button-control-size-small:var(--brand-control-small-size)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-DLPw97mz.css

@@ -0,0 +1 @@
+:root{--brand-IconButton-loadingIndicator-animationDuration-reducedMotion:1.6s;--brand-IconButton-loadingIndicator-animationDuration-default:.8s;--brand-IconButton-icon-size-large:var(--brand-Button-icon-size-large);--brand-IconButton-icon-size-medium:var(--brand-Button-icon-size-large);--brand-IconButton-icon-size-small:var(--brand-Button-icon-size-small);--brand-IconButton-control-size-large:var(--brand-Button-control-size-large);--brand-IconButton-control-size-medium:var(--brand-Button-control-size-medium);--brand-IconButton-control-size-small:var(--brand-Button-control-size-small)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-D7iaptsa.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light],[data-color-mode=dark]{--brand-IconButton-danger-fgColor-rest:var(--brand-color-danger-fg);--brand-IconButton-danger-fgColor-hover:var(--base-color-scale-white-0);--brand-IconButton-danger-fgColor-active:var(--base-color-scale-white-0);--brand-IconButton-danger-bgColor-rest:var(--brand-button-secondary-bgColor-rest);--brand-IconButton-danger-bgColor-hover:var(--brand-color-danger-emphasis);--brand-IconButton-danger-bgColor-active:var(--brand-color-danger-emphasis);--brand-IconButton-danger-borderColor-rest:var(--brand-button-secondary-borderColor-rest);--brand-IconButton-danger-borderColor-hover:var(--brand-color-danger-emphasis);--brand-IconButton-danger-borderColor-active:var(--brand-color-danger-emphasis);--brand-IconButton-inactive-fgColor:var(--brand-color-text-muted);--brand-IconButton-inactive-bgColor:var(--brand-color-canvas-subtle);--brand-IconButton-inactive-borderColor:var(--brand-color-canvas-subtle);--brand-IconButton-invisible-bgColor-rest:transparent;--brand-IconButton-invisible-borderColor-rest:transparent}

package/lib/ActionMenu/ActionMenu.d.ts

@@ -1,5 +1,7 @@
 import React, { PropsWithChildren, ReactElement } from 'react';
 import { ButtonProps } from '../Button';
+import { type IconButtonProps } from '../IconButton';
+import { type ActionMenuButtonModes as ActionMenuButtonMode, type ActionMenuSizes as ActionMenuSize } from './ActionMenuContext';
 import { type Icon } from '@primer/octicons-react';
 import { type PositionSettings } from '@primer/behaviors';
 import type { BaseProps } from '../component-helpers';
@@ -8,15 +10,12 @@ import type { BaseProps } from '../component-helpers';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css';
 export declare const actionMenuOverlaySides: PositionSettings["side"][];
-export declare const ActionMenuSizes: readonly ["small", "medium"];
-export declare const ActionMenuButtonModes: readonly ["default", "split-button"];
-export type ActionMenuButtonModes = (typeof ActionMenuButtonModes)[number];
-export type ActionMenuSizes = (typeof ActionMenuSizes)[number];
+export { ActionMenuButtonModes, ActionMenuProvider, ActionMenuSizes, useActionMenuContext } from './ActionMenuContext';
 export type ActionMenuProps = {
     /**
-     * The content of the ActionMenu. Must be an ActionMenu.Button and an ActionMenu.Overlay
+     * The content of the ActionMenu. Must include an ActionMenu.Button or ActionMenu.IconButton and an ActionMenu.Overlay
      */
-    children: ReactElement<ActionMenuButtonProps> | ReactElement<ActionMenuOverlayProps> | Array<ReactElement<ActionMenuButtonProps> | ReactElement<ActionMenuOverlayProps>>;
+    children: ReactElement<ActionMenuButtonProps> | ReactElement<ActionMenuIconButtonProps> | ReactElement<ActionMenuOverlayProps> | Array<ReactElement<ActionMenuButtonProps> | ReactElement<ActionMenuIconButtonProps> | ReactElement<ActionMenuOverlayProps>>;
     /**
      * Determines whether the ActionMenu is disabled
      */
@@ -47,38 +46,33 @@ export type ActionMenuProps = {
     /**
      * Size configuratin of the ActionMenu
      */
-    size?: ActionMenuSizes;
+    size?: ActionMenuSize;
     menuSide?: PositionSettings['side'];
     /**
      * Alternative behavior for the button and menu items
      * - `default`: The button and menu items behave as a standard button and menu item.
      * - `split-button`: The button behaves as a split button, and the menu items behave as links.
      */
-    mode?: ActionMenuButtonModes;
+    mode?: ActionMenuButtonMode;
 } & BaseProps<HTMLDivElement>;
-type ActionMenuContextType = {
-    size?: ActionMenuSizes;
-    setSize?: React.Dispatch<React.SetStateAction<ActionMenuSizes | undefined>>;
-    onMenuToggle?: () => void;
-};
-export declare const useActionMenuContext: () => ActionMenuContextType;
-type ActionMenuProviderProps = ActionMenuProps & Pick<ActionMenuContextType, 'onMenuToggle'>;
-export declare const ActionMenuProvider: React.FC<ActionMenuProviderProps>;
 type ActionMenuButtonProps = PropsWithChildren<BaseProps<HTMLButtonElement> & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onClick'>> & {
     as?: ButtonProps<'a'>['as'];
     href?: ButtonProps<'a'>['href'];
     menuOpen?: boolean;
     'data-testid'?: string;
-    size?: ActionMenuSizes;
-    _mode?: ActionMenuButtonModes;
+    size?: ActionMenuSize;
     variant?: ButtonProps<'a'>['variant'];
     leadingVisual?: ButtonProps<'a'>['leadingVisual'];
 };
+export type ActionMenuIconButtonProps<C extends React.ElementType = 'button'> = Omit<IconButtonProps<C>, 'size'> & {
+    'data-testid'?: string;
+};
+type ActionMenuIconButtonComponent = <C extends React.ElementType = 'button'>(props: ActionMenuIconButtonProps<C> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
 type ActionMenuItemBaseProps = {
     handler?: (newValue: string) => void;
     type?: 'none' | 'single' | 'link';
     disabled?: boolean;
-    size?: ActionMenuSizes;
+    size?: ActionMenuSize;
     leadingVisual?: React.ReactElement | React.ReactNode | Icon;
 } & PropsWithChildren<React.HTMLProps<HTMLLIElement>>;
 type ActionMenuItemAnchorProps = ActionMenuItemBaseProps & {
@@ -102,9 +96,9 @@ type ActionMenuOverlayProps = PropsWithChildren<BaseProps<HTMLUListElement> & Re
  */
 export declare const ActionMenu: React.NamedExoticComponent<{
     /**
-     * The content of the ActionMenu. Must be an ActionMenu.Button and an ActionMenu.Overlay
+     * The content of the ActionMenu. Must include an ActionMenu.Button or ActionMenu.IconButton and an ActionMenu.Overlay
      */
-    children: ReactElement<ActionMenuButtonProps> | ReactElement<ActionMenuOverlayProps> | Array<ReactElement<ActionMenuButtonProps> | ReactElement<ActionMenuOverlayProps>>;
+    children: ReactElement<ActionMenuButtonProps> | ReactElement<ActionMenuIconButtonProps> | ReactElement<ActionMenuOverlayProps> | Array<ReactElement<ActionMenuButtonProps> | ReactElement<ActionMenuIconButtonProps> | ReactElement<ActionMenuOverlayProps>>;
     /**
      * Determines whether the ActionMenu is disabled
      */
@@ -135,18 +129,19 @@ export declare const ActionMenu: React.NamedExoticComponent<{
     /**
      * Size configuratin of the ActionMenu
      */
-    size?: ActionMenuSizes;
+    size?: ActionMenuSize;
     menuSide?: PositionSettings["side"];
     /**
      * Alternative behavior for the button and menu items
      * - `default`: The button and menu items behave as a standard button and menu item.
      * - `split-button`: The button behaves as a split button, and the menu items behave as links.
      */
-    mode?: ActionMenuButtonModes;
+    mode?: ActionMenuButtonMode;
 } & BaseProps<HTMLDivElement>> & {
     readonly type: ({ id, children, "data-testid": testId, disabled, open, selectionVariant, menuAlignment, size, menuSide, onSelect, mode, }: ActionMenuProps) => React.JSX.Element;
 } & {
     Button: React.ForwardRefExoticComponent<Omit<ActionMenuButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    IconButton: ActionMenuIconButtonComponent;
     Item: ({ as, children, className, disabled, handler, selected, type, value, onClick, onKeyDown, leadingVisual: LeadingVisual, ...props }: ActionMenuItemAnchorProps | ActionMenuItemDefaultProps) => React.JSX.Element;
     Overlay: React.ForwardRefExoticComponent<Omit<ActionMenuOverlayProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
     testIds: {
@@ -157,4 +152,3 @@ export declare const ActionMenu: React.NamedExoticComponent<{
         readonly item: string;
     };
 };
-export {};

package/lib/ActionMenu/ActionMenuContext.d.ts

@@ -0,0 +1,22 @@
+import React, { PropsWithChildren } from 'react';
+export declare const ActionMenuSizes: readonly ["small", "medium"];
+export type ActionMenuSizes = (typeof ActionMenuSizes)[number];
+export declare const ActionMenuButtonModes: readonly ["default", "split-button"];
+export type ActionMenuButtonModes = (typeof ActionMenuButtonModes)[number];
+type ActionMenuContextType = {
+    menuLabel: string;
+    mode: ActionMenuButtonModes;
+    onMenuToggle?: () => void;
+    setSize?: React.Dispatch<React.SetStateAction<ActionMenuSizes | undefined>>;
+    size?: ActionMenuSizes;
+};
+export declare const ActionMenuContext: React.Context<ActionMenuContextType | undefined>;
+type ActionMenuProviderProps = PropsWithChildren<{
+    menuLabel?: string;
+    mode?: ActionMenuButtonModes;
+    onMenuToggle?: () => void;
+    size?: ActionMenuSizes;
+}>;
+export declare const ActionMenuProvider: ({ children, menuLabel, mode, onMenuToggle, size, }: ActionMenuProviderProps) => React.JSX.Element;
+export declare const useActionMenuContext: () => ActionMenuContextType;
+export {};

package/lib/Button/Button.d.ts

@@ -1,12 +1,14 @@
 import React, { ReactElement } from 'react';
 import type { Icon } from '@primer/octicons-react';
 import type { BaseProps } from '../component-helpers';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/button/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css';
 export declare const ButtonVariants: readonly ["primary", "secondary", "subtle"];
 export declare const ButtonSizes: readonly ["small", "medium", "large"];
 export declare const defaultButtonVariant: "secondary";
 export declare const defaultButtonSize: "medium";
 export type ButtonVariant = (typeof ButtonVariants)[number];
+export type ButtonSize = (typeof ButtonSizes)[number];
 export type ButtonBaseProps = {
     /**
      * The leading visual appears before the button content
@@ -23,7 +25,7 @@ export type ButtonBaseProps = {
     /**
      * The size variations available in Button
      */
-    size?: (typeof ButtonSizes)[number];
+    size?: ButtonSize;
     /**
      * A flag to show/hide the arrow icon
      * @deprecated The hasArrow prop is deprecated and will be removed in a future release.
@@ -34,7 +36,7 @@ export type ButtonBaseProps = {
      */
     block?: boolean;
 };
-export type ButtonProps<C extends React.ElementType> = BaseProps<C> & {
+export type ButtonProps<C extends React.ElementType = 'button'> = BaseProps<C> & {
     as?: C;
 } & ButtonBaseProps & React.ComponentPropsWithoutRef<C>;
 export declare const _Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/lib/ButtonGroup/ButtonGroup.d.ts

@@ -1,13 +1,19 @@
 import React from 'react';
 import type { BaseProps } from '../component-helpers';
 import { ButtonProps } from '../Button';
+import { type IconButtonProps } from '../IconButton';
 import { ActionMenuProps } from '../ActionMenu';
 export type PrimerBrandButtonType = React.ReactElement<ButtonProps<React.ElementType<'button' | 'a'>>>;
+export type PrimerBrandIconButtonType = React.ReactElement<IconButtonProps<React.ElementType<'button' | 'a'>>>;
 export type PrimerBrandActionMenuType = React.ReactElement<ActionMenuProps>;
-export type ButtonGroupChild = PrimerBrandButtonType | PrimerBrandActionMenuType | false | null | undefined;
+export declare const ButtonGroupVariants: readonly ["default", "joined"];
+export declare const defaultButtonGroupVariant: "default";
+export type ButtonGroupVariant = (typeof ButtonGroupVariants)[number];
+export type ButtonGroupChild = PrimerBrandButtonType | PrimerBrandIconButtonType | PrimerBrandActionMenuType | false | null | undefined;
 export type ButtonGroupProps = BaseProps<HTMLDivElement> & {
     children: ButtonGroupChild | ButtonGroupChild[];
     buttonSize?: ButtonProps<'button' | 'a'>['size'];
     buttonsAs?: 'button' | 'a';
+    variant?: ButtonGroupVariant;
 };
 export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/IconButton/IconButton.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { Icon } from '@primer/octicons-react';
+import { type TooltipDirection } from '../Tooltip';
+import type { BaseProps } from '../component-helpers';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css';
+export declare const IconButtonVariants: readonly ["primary", "secondary", "subtle", "danger", "invisible"];
+export declare const IconButtonSizes: readonly ["small", "medium", "large"];
+export declare const defaultIconButtonVariant: "secondary";
+export declare const defaultIconButtonSize: "medium";
+export type IconButtonVariant = (typeof IconButtonVariants)[number];
+export type IconButtonSize = (typeof IconButtonSizes)[number];
+type IconButtonBaseProps<C extends React.ElementType> = Omit<BaseProps<C>, 'ref'> & {
+    as?: C;
+    variant?: IconButtonVariant;
+    icon: Icon;
+    'aria-label': string;
+    description?: string;
+    inactive?: boolean;
+    loading?: boolean;
+    loadingAnnouncement?: string;
+    rounded?: boolean;
+    size?: IconButtonSize;
+    tooltipDirection?: TooltipDirection;
+};
+export type IconButtonProps<C extends React.ElementType = 'button'> = IconButtonBaseProps<C> & Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonBaseProps<C> | 'children'>;
+type IconButtonComponent = <C extends React.ElementType = 'button'>(props: IconButtonProps<C> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
+export declare const IconButton: IconButtonComponent;
+export {};

package/lib/IconButton/index.d.ts

@@ -0,0 +1 @@
+export * from './IconButton';

package/lib/Tooltip/Tooltip.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css';
 import { BaseProps } from '../component-helpers';
-type TooltipDirection = 'n' | 'e' | 's' | 'w';
+export declare const TooltipDirections: readonly ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
+export declare const TooltipDelays: readonly ["short", "medium", "long"];
+export type TooltipDirection = (typeof TooltipDirections)[number];
+export type TooltipDelay = (typeof TooltipDelays)[number];
 export type TooltipProps = {
     direction?: TooltipDirection;
+    delay?: TooltipDelay;
     text: string;
     type?: 'label' | 'description';
     children?: React.ReactNode;
@@ -22,4 +26,3 @@ export declare const TooltipContext: React.Context<{
     tooltipId?: string;
 }>;
 export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<unknown>>;
-export {};