@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/index.d.ts

@@ -1,89 +1,124 @@
-export * as LayoutMenuVariant from './LayoutMenuVariant';
-export * from './AbbreviatedCommunityEventCard';
-export * from './AppBar';
-export * from './AppBar/AppBarSection';
-export * from './AppBarDeprecated';
-export * from './AppBarDeprecated/AppBarSectionDeprecated';
-export * from './AppHeader';
-export * from './AppHeader/AppHeaderElements/AppHeaderDropdown';
-export * from './AppHeader/AppHeaderElements/AppHeaderLink';
-export * from './AppHeader/AppHeaderElements/AppHeaderLogo';
-export * from './AppHeader/shared/types';
-export * from './AppHeaderMobile';
-export * from './AppHeaderMobile/AppHeaderMainMenuMobile';
-export * from './AppHeaderMobile/AppHeaderSubMenuMobile';
-export * from './Avatar';
-export * from './AvatarChooser';
-export * from './BackToTopAnchor';
-export * from './Banner';
-export * from './Banner/CountdownTimer';
-export * from './BetaSticker';
-export * from './CareerPathCard';
-export * from './Carousel';
-export * from './CertificationPathCard';
-export * from './CoachingSessionCard';
-export * from './CommunityEventCard';
-export * from './CommunityEventToast';
-export * from './ContentGroupBaseCard';
-export * from './ContentGroupBaseCard/types';
-export * from './ContentGroupBaseCard/helpers';
-export * from './CourseCard';
-export * from './CurriculumCard';
-export * from './CurriculumCard/Difficulty';
-export * from './CurriculumCard/Difficulty/types';
-export * from './CurriculumCard/Difficulty/helpers';
-export * from './DropdownButton';
-export * from './EmptySection';
-export * from './NotFoundContent';
-export * from './ErrorContents';
-export * from './GlobalFooter';
-export * from './GlobalHeader';
-export * from './GlobalPage';
-export * from './Grid';
-export * from './HorizontalScrollMenu';
-export * from './HubCard';
-export * from './InfoCard';
-export * from './InstructorCard';
-export * from './Konamimojisplosion';
-export * from './LandingPage';
-export * from './LayoutMenu';
-export * from './LearningOutcomeAssessmentScores';
-export * from './LearningOutcomeBadges';
-export * from './LearningOutcomeCard';
-export * from './LearningOutcomeFlyout';
-export * from './LearningOutcomeTile';
-export * from './lib/breakpointHooks';
-export * from './ListSection';
-export * from './Loading';
-export * from './LoadingCurriculumCard';
-export * from './Logos';
-export * from './MarketingToaster';
-export * from './NotificationList';
-export * from './NotificationList/NotificationItem';
-export * from './NotificationList/typings';
-export * from './PageAlerts';
-export * from './PageLayoutWithSidebarMenu';
-export * from './PageSection';
-export * from './PastDue';
-export * from './PausableImage';
-export * from './PlanCard';
-export * from './PlanCardTeams';
-export * from './PlanCard/PlanCardBanner';
-export * from './PlanCard/types';
-export * from './PricingSection';
-export * from './ProductFeatureShowcase';
-export * from './ProLogoAlt';
-export * from './RatingsBar';
-export * from './Recurly';
-export * from './ResourceCard';
-export * from './ScoreSummary';
-export * from './ScoreSummary/SubScores';
-export * from './ScoreSummary/types';
-export * from './SkillPathCard';
-export * from './SocialMediaSharing';
-export * from './SocialMediaSharingDropdown';
-export * from './Testimonial';
-export * from './AppHeader/Search/SearchWorker';
-export type { AnonHeaderVariant } from './GlobalHeader/types';
-export type { AppHeaderNotificationSettings } from './Notifications/types';
-export type { AppHeaderSearch } from './AppHeader/Search/types';
+import { index_d_exports } from "./LayoutMenuVariant/index.js";
+import { AbbreviatedEventCard, AbbreviatedEventCardProps } from "./AbbreviatedCommunityEventCard/index.js";
+import { AppBar, AppBarProps } from "./AppBar/index.js";
+import { AppBarSection, AppBarSectionProps } from "./AppBar/AppBarSection.js";
+import { AppBarDeprecated, AppBarPropsDeprecated } from "./AppBarDeprecated/index.js";
+import { AppBarSectionDeprecated, AppBarSectionPropsDeprecated } from "./AppBarDeprecated/AppBarSectionDeprecated.js";
+import { Notification, NotificationIconSettings } from "./NotificationList/typings.js";
+import { AppHeaderNotificationSettings } from "./Notifications/types.js";
+import { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder } from "./AppHeader/Search/consts.js";
+import { AppHeader, AppHeaderProps } from "./AppHeader/index.js";
+import { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref } from "./AppHeader/shared/types.js";
+import { AppHeaderDropdown, AppHeaderDropdownProps } from "./AppHeader/AppHeaderElements/AppHeaderDropdown/index.js";
+import { AppHeaderLink, AppHeaderLinkProps } from "./AppHeader/AppHeaderElements/AppHeaderLink/index.js";
+import { AppHeaderLogo, AppHeaderLogoProps } from "./AppHeader/AppHeaderElements/AppHeaderLogo/index.js";
+import { CourseDifficulty, EnrollmentStatus } from "./ContentGroupBaseCard/types.js";
+import { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeaderDynamicData, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User } from "./GlobalHeader/types.js";
+import { GlobalHeader, GlobalHeaderProps, LiveLearningHubContext, RevampedBlpExperimentContext } from "./GlobalHeader/index.js";
+import { AppHeaderMobile, AppHeaderMobileProps } from "./AppHeaderMobile/index.js";
+import { AppHeaderMainMenuMobile, AppHeaderMainMenuMobileProps } from "./AppHeaderMobile/AppHeaderMainMenuMobile/index.js";
+import { AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile } from "./AppHeaderMobile/AppHeaderSubMenuMobile/index.js";
+import { Avatar, AvatarBaseProps, AvatarImageProps, AvatarProps } from "./Avatar/index.js";
+import { AvatarChooser } from "./AvatarChooser/index.js";
+import { BackToTopAnchor } from "./BackToTopAnchor/index.js";
+import { Banner, BannerProps, BannerVariant } from "./Banner/index.js";
+import { CountdownTimer } from "./Banner/CountdownTimer.js";
+import { BetaSticker } from "./BetaSticker/index.js";
+import { CareerPathCard } from "./CareerPathCard/index.js";
+import { Carousel, PatternedContainer } from "./Carousel/index.js";
+import { CertificationPathCard, CertificationPathCardProps } from "./CertificationPathCard/index.js";
+import { CoachingSessionCard, CoachingSessionCardProps } from "./CoachingSessionCard/index.js";
+import { CommunityEventCard, CommunityEventCardProps, formatTime } from "./CommunityEventCard/index.js";
+import { CommunityEventToast } from "./CommunityEventToast/index.js";
+import { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground, ContentGroupBaseCardProps } from "./ContentGroupBaseCard/index.js";
+import { getPathImageUrl, getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration } from "./ContentGroupBaseCard/helpers.js";
+import { CourseCard, CourseCardProps } from "./CourseCard/index.js";
+import { ContainerDifficulty, ContainerDifficultyUnion, ContentDifficultyProps, DifficultyString, DifficultyVariant } from "./CurriculumCard/Difficulty/types.js";
+import { CardProps, CurriculumCard, CurriculumCardProps, FooterTextVariantType, ProgressState } from "./CurriculumCard/index.js";
+import { Difficulty } from "./CurriculumCard/Difficulty/index.js";
+import { getDifficultyNumber } from "./CurriculumCard/Difficulty/helpers.js";
+import { DropdownButton, DropdownButtonProps, DropdownButtonRefType } from "./DropdownButton/index.js";
+import { EmptySection, EmptySectionProps } from "./EmptySection/index.js";
+import { NotFoundContent } from "./NotFoundContent/index.js";
+import { ErrorContents, ErrorContentsProps } from "./ErrorContents/index.js";
+import { GlobalFooter, GlobalFooterProps } from "./GlobalFooter/index.js";
+import { GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, LogErrorContext } from "./GlobalPage/index.js";
+import { ColumnCount, ColumnCountKeys, getCSSFromColumnCount } from "./Grid/getCSSFromColumnCount.js";
+import { Subgrid, subgridContext } from "./Grid/Subgrid.js";
+import { GridCollapse, GridCollapseProps, getMediaQuery } from "./Grid/GridCollapse.js";
+import "./Grid/index.js";
+import { HorizontalScrollMenu, HorizontalScrollMenuProps } from "./HorizontalScrollMenu/index.js";
+import { HubCard, HubCardProps } from "./HubCard/index.js";
+import { InfoCard, InfoCardProps, TagColor } from "./InfoCard/index.js";
+import { Divider, InstructorCard, InstructorCardProps } from "./InstructorCard/index.js";
+import { Konamimojisplosion, KonamimojisplosionProps } from "./Konamimojisplosion/Konamimojisplosion.js";
+import { useKonamimojisplosion } from "./Konamimojisplosion/useKonamimojisplosion.js";
+import "./Konamimojisplosion/index.js";
+import { CtaProps, Eyebrow, LandingPageBaseProps } from "./LandingPage/types.js";
+import { Title, TitleProps, titleProps } from "./LandingPage/Title.js";
+import { TitleWithEyebrow, TitleWithEyebrowProps } from "./LandingPage/TitleWithEyebrow.js";
+import { Description, DescriptionProps } from "./LandingPage/Description.js";
+import { PageFaqs, PageFaqsProps } from "./LandingPage/PageFAQs.js";
+import { FeatureList, FeatureListItem, IFeatureListProps } from "./FeatureList/index.js";
+import "./LandingPage/index.js";
+import { LayoutMenu, LayoutMenuProps } from "./LayoutMenu/LayoutMenu.js";
+import { SectionItemLink, SectionItemLinkProps } from "./LayoutMenu/SectionItemLink.js";
+import { SelectedSectionItem } from "./LayoutMenu/SelectedSectionItem.js";
+import "./LayoutMenu/index.js";
+import { LearningOutcomeAssessmentScores } from "./LearningOutcomeAssessmentScores/index.js";
+import { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels } from "./LearningOutcomeBadges/LearningOutcomeLevelBadge.js";
+import { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot } from "./LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.js";
+import "./LearningOutcomeBadges/index.js";
+import { LearningOutcomeCard } from "./LearningOutcomeCard/index.js";
+import { LearningOutcomeFlyout, getLearningOutcomePath, miscTrackingData, sortSkillsByClassification } from "./LearningOutcomeFlyout/index.js";
+import { LearningOutcomeTile, progressState } from "./LearningOutcomeTile/index.js";
+import { Breakpoint, BreakpointMinWidths, breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow } from "./lib/breakpointHooks/index.js";
+import { ListSection, ListSectionProps } from "./ListSection/index.js";
+import { Loading, LoadingProps } from "./Loading/index.js";
+import { LoadingCurriculumCard } from "./LoadingCurriculumCard/index.js";
+import { LogoCodecademy } from "./Logos/LogoCodecademy/index.js";
+import { LogoCodecademyMini } from "./Logos/LogoCodecademyMini/index.js";
+import { LogoCodecademyPro } from "./Logos/LogoCodecademyPro/index.js";
+import { LogoCodecademyTeams } from "./Logos/LogoCodecademyTeams/index.js";
+import { LogoFromSkillsoft } from "./Logos/LogoFromSkillsoft/index.js";
+import { LogoLXStudio } from "./Logos/LogoLXStudio/index.js";
+import { ProLabel, ProLabelProps } from "./Logos/ProLabel/index.js";
+import "./Logos/index.js";
+import { MarketingToaster } from "./MarketingToaster/index.js";
+import { NotificationList, NotificationListProps } from "./NotificationList/index.js";
+import { NotificationItem, NotificationItemProps } from "./NotificationList/NotificationItem.js";
+import { PageAlert } from "./PageAlerts/types.js";
+import { AlertArea, PageAlerts, PageAlertsProps } from "./PageAlerts/PageAlerts.js";
+import { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext } from "./PageAlerts/PageAlertsProvider.js";
+import "./PageAlerts/index.js";
+import { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps } from "./PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.js";
+import "./PageLayoutWithSidebarMenu/index.js";
+import { PageSection, PageSectionProps, SectionButton } from "./PageSection/index.js";
+import { PastDueModalContents, PastDueModalProps } from "./PastDue/PastDueModalContents/index.js";
+import { pastDueErrorMessages } from "./PastDue/pastDueMessages.js";
+import "./PastDue/index.js";
+import { PausableImage, imageStyles } from "./PausableImage/index.js";
+import { Currency, CurrencySymbol, PlanType, getCurrencyPrefix, getCurrencySymbol } from "./PlanCard/types.js";
+import { PlanCard, PlanCardProps } from "./PlanCard/index.js";
+import { PlanCardTeams, PlanCardTeamsProps } from "./PlanCardTeams/index.js";
+import { PlanCardBanner } from "./PlanCard/PlanCardBanner.js";
+import { PricingSection } from "./PricingSection/index.js";
+import { ProductFeatureShowcase } from "./ProductFeatureShowcase/index.js";
+import { ProLogoAlt, ProLogoAltProps } from "./ProLogoAlt/index.js";
+import { RatingsBar, RatingsBarProps } from "./RatingsBar/index.js";
+import { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable } from "./Recurly/fields/elements.js";
+import { RecurlyField, RecurlyFieldProps } from "./Recurly/fields/RecurlyField.js";
+import { RecurlyProvider, useRecurly } from "./Recurly/context/recurly/index.js";
+import { Elements } from "./Recurly/context/elements/index.js";
+import "./Recurly/index.js";
+import { ResourceCard, ResourceCardProps, ResourceType } from "./ResourceCard/index.js";
+import { ArticleProgress, Assessment, AssessmentAnswer, AssessmentCodeSnippet, AssessmentECA, AssessmentFillInTheCode, AssessmentMultipleChoice, BaseAssessment, BaseContentItem, BaseContentItemProgress, BriefComponent, BriefProject, CodeChallengeNarrativeComponent, ContentItemMeta, ContentItemProgress, ContentItemResourceType, ContentItemType, ContentTestOptions, CorrectAnswerCountsBySubContent, EinConfig, ExpoCodeEditorComponent, ExpoPreviewComponent, ExternalResourceProgress, FakeResponse, ImageComponent, InformationalProgress, LayoutComponent, LessonProgress, NarrativeComponent, OutputTerminalComponent, PersistentCodeEditorComponent, ProjectChecklist, ProjectContentItem, ProjectInformation, ProjectProgress, ProjectSelfAssessment, ProjectTask, QuizAttempt, QuizProgress, ReadOnlyCodeEditorComponent, ReplTerminalComponent, SQLPreviewComponent, SandboxCodeEditorComponent, SandboxOutputTerminalComponent, SubContentAssessments, TerminalComponent, UntestedSubContent, VideoComponent, VideoProgress, WebBrowserComponent, Workspace } from "./ScoreSummary/types.js";
+import { ScoreSummary, ScoreSummaryProps } from "./ScoreSummary/index.js";
+import { SubScores, renderSubScores } from "./ScoreSummary/SubScores.js";
+import { SkillPathCard, SkillPathCardProps } from "./SkillPathCard/index.js";
+import { SOCIAL_SHARING_PLATFORMS, SocialMediaShare, SocialMediaSharing, SocialMediaSharingProps, createShareLink } from "./SocialMediaSharing/index.js";
+import { SocialMediaSharingDropdown, SocialMediaSharingDropdownProps, onClickWrapper } from "./SocialMediaSharingDropdown/index.js";
+import { Testimonial, TestimonialProps } from "./Testimonial/index.js";
+import { searchWorker } from "./AppHeader/Search/SearchWorker/index.js";
+import { AppHeaderSearch } from "./AppHeader/Search/types.js";
+export { ALLOWED_HOSTS, AbbreviatedEventCard, AbbreviatedEventCardProps, AlertArea, AnchorRefItemType, AnonHeader, type AnonHeaderVariant, AppBar, AppBarDeprecated, AppBarProps, AppBarPropsDeprecated, AppBarSection, AppBarSectionDeprecated, AppBarSectionProps, AppBarSectionPropsDeprecated, AppFooterResourcesDataItem, AppHeader, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdown, AppHeaderDropdownItem, AppHeaderDropdownProps, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLink, AppHeaderLinkItem, AppHeaderLinkProps, AppHeaderLogo, AppHeaderLogoItem, AppHeaderLogoProps, AppHeaderMainMenuMobile, AppHeaderMainMenuMobileProps, AppHeaderMobile, AppHeaderMobileProps, type AppHeaderNotificationSettings, AppHeaderProfileDropdownItem, AppHeaderProps, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, type AppHeaderSearch, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile, AppHeaderTextButtonItem, ArticleProgress, Assessment, AssessmentAnswer, AssessmentCodeSnippet, AssessmentECA, AssessmentFillInTheCode, AssessmentMultipleChoice, Avatar, AvatarBaseProps, AvatarChooser, AvatarImageProps, AvatarProps, BackToTopAnchor, Banner, BannerProps, BannerVariant, BaseAssessment, BaseContentItem, BaseContentItemProgress, BetaSticker, Breakpoint, BreakpointMinWidths, BriefComponent, BriefProject, CVV, CardNumber, CardProps, CareerPathCard, Carousel, CertificationPathCard, CertificationPathCardProps, CoachingSessionCard, CoachingSessionCardProps, CodeChallengeNarrativeComponent, ColumnCount, ColumnCountKeys, CommunityEventCard, CommunityEventCardProps, CommunityEventToast, ContainerDifficulty, ContainerDifficultyUnion, ContentDifficultyProps, ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground, ContentGroupBaseCardProps, ContentItemMeta, ContentItemProgress, ContentItemResourceType, ContentItemType, ContentTestOptions, ContentType, CorrectAnswerCountsBySubContent, CountdownTimer, CourseCard, CourseCardProps, CourseDifficulty, CtaProps, Currency, CurrencySymbol, CurriculumCard, CurriculumCardProps, Description, DescriptionProps, Difficulty, DifficultyString, DifficultyVariant, Divider, DropdownButton, DropdownButtonProps, DropdownButtonRefType, EinConfig, ElementType, Elements, EmptySection, EmptySectionProps, EnrollmentStatus, EnterpriseHeader, ErrorContents, ErrorContentsProps, EventHandler, EventHandlers, ExpMonth, ExpYear, ExpoCodeEditorComponent, ExpoPreviewComponent, ExternalResourceProgress, Eyebrow, FakeResponse, FeatureList, FeatureListItem, Focusable, FooterTextVariantType, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, FreeHeader, GlobalFooter, GlobalFooterProps, GlobalHeader, GlobalHeaderDynamicData, GlobalHeaderProps, GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, GridCollapse, GridCollapseProps, HorizontalScrollMenu, HorizontalScrollMenuProps, HubCard, HubCardProps, IFeatureListProps, ImageComponent, InfoCard, InfoCardProps, InformationalProgress, InstructorCard, InstructorCardProps, Konamimojisplosion, KonamimojisplosionProps, LandingPageBaseProps, LayoutComponent, LayoutMenu, LayoutMenuProps, index_d_exports as LayoutMenuVariant, LearningOutcomeAssessmentScores, LearningOutcomeCard, LearningOutcomeFlyout, LearningOutcomeLevelBadge, LearningOutcomeLevels, LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot, LearningOutcomeTile, LessonProgress, ListSection, ListSectionProps, LiveLearningHubContext, Loading, LoadingCurriculumCard, LoadingHeader, LoadingProps, LogErrorContext, LogoCodecademy, LogoCodecademyMini, LogoCodecademyPro, LogoCodecademyTeams, LogoFromSkillsoft, LogoLXStudio, MarketingToaster, NarrativeComponent, NavigationMenuFormattedLabel, NotFoundContent, Notification, NotificationIconSettings, NotificationItem, NotificationItemProps, NotificationList, NotificationListProps, OutputTerminalComponent, PageAlert, PageAlerts, PageAlertsContext, PageAlertsContextValue, PageAlertsProps, PageAlertsProvider, PageFaqs, PageFaqsProps, PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps, PageSection, PageSectionProps, PastDueModalContents, PastDueModalProps, PatternedContainer, PausableImage, PersistentCodeEditorComponent, PlanCard, PlanCardBanner, PlanCardProps, PlanCardTeams, PlanCardTeamsProps, PlanType, PricingSection, ProHeader, ProLabel, ProLabelProps, ProLogoAlt, ProLogoAltProps, ProductFeatureShowcase, ProgressState, ProjectChecklist, ProjectContentItem, ProjectInformation, ProjectProgress, ProjectSelfAssessment, ProjectTask, PromotedPath, QuizAttempt, QuizProgress, RatingsBar, RatingsBarProps, ReadOnlyCodeEditorComponent, RecurlyField, RecurlyFieldProps, RecurlyProvider, ReplTerminalComponent, ResourceCard, ResourceCardProps, ResourceDropdownFormattedLabel, ResourceType, RevampedBlpExperimentContext, SOCIAL_SHARING_PLATFORMS, SQLPreviewComponent, SandboxCodeEditorComponent, SandboxOutputTerminalComponent, ScoreSummary, ScoreSummaryProps, SectionButton, SectionItemLink, SectionItemLinkProps, SelectedSectionItem, SimpleBootcampHeader, SimpleHeader, SkillPathCard, SkillPathCardProps, SocialMediaShare, SocialMediaSharing, SocialMediaSharingDropdown, SocialMediaSharingDropdownProps, SocialMediaSharingProps, SubContentAssessments, SubScores, Subgrid, TagColor, TeamsHeader, TerminalComponent, Testimonial, TestimonialProps, Title, TitleProps, TitleWithEyebrow, TitleWithEyebrowProps, UntestedSubContent, User, VideoComponent, VideoProgress, WebBrowserComponent, Workspace, breakpoints, createShareLink, formatTime, getCSSFromColumnCount, getCurrencyPrefix, getCurrencySymbol, getDifficultyNumber, getLearningOutcomePath, getMediaQuery, getPathImageUrl, getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration, imageStyles, isAppHeaderItemWithHref, learningOutcomeLabels, miscTrackingData, onClickWrapper, pastDueErrorMessages, popularContent, popularSearchTerms, progressState, renderSubScores, searchPlaceholder, searchWorker, sortSkillsByClassification, subgridContext, titleProps, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow, useKonamimojisplosion, usePageAlertsContext, useRecurly };

package/dist/index.js

@@ -1,86 +1,118 @@
-export * as LayoutMenuVariant from './LayoutMenuVariant';
-export * from './AbbreviatedCommunityEventCard';
-export * from './AppBar';
-export * from './AppBar/AppBarSection';
-export * from './AppBarDeprecated';
-export * from './AppBarDeprecated/AppBarSectionDeprecated';
-export * from './AppHeader';
-export * from './AppHeader/AppHeaderElements/AppHeaderDropdown';
-export * from './AppHeader/AppHeaderElements/AppHeaderLink';
-export * from './AppHeader/AppHeaderElements/AppHeaderLogo';
-export * from './AppHeader/shared/types';
-export * from './AppHeaderMobile';
-export * from './AppHeaderMobile/AppHeaderMainMenuMobile';
-export * from './AppHeaderMobile/AppHeaderSubMenuMobile';
-export * from './Avatar';
-export * from './AvatarChooser';
-export * from './BackToTopAnchor';
-export * from './Banner';
-export * from './Banner/CountdownTimer';
-export * from './BetaSticker';
-export * from './CareerPathCard';
-export * from './Carousel';
-export * from './CertificationPathCard';
-export * from './CoachingSessionCard';
-export * from './CommunityEventCard';
-export * from './CommunityEventToast';
-export * from './ContentGroupBaseCard';
-export * from './ContentGroupBaseCard/types';
-export * from './ContentGroupBaseCard/helpers';
-export * from './CourseCard';
-export * from './CurriculumCard';
-export * from './CurriculumCard/Difficulty';
-export * from './CurriculumCard/Difficulty/types';
-export * from './CurriculumCard/Difficulty/helpers';
-export * from './DropdownButton';
-export * from './EmptySection';
-export * from './NotFoundContent';
-export * from './ErrorContents';
-export * from './GlobalFooter';
-export * from './GlobalHeader';
-export * from './GlobalPage';
-export * from './Grid';
-export * from './HorizontalScrollMenu';
-export * from './HubCard';
-export * from './InfoCard';
-export * from './InstructorCard';
-export * from './Konamimojisplosion';
-export * from './LandingPage';
-export * from './LayoutMenu';
-export * from './LearningOutcomeAssessmentScores';
-export * from './LearningOutcomeBadges';
-export * from './LearningOutcomeCard';
-export * from './LearningOutcomeFlyout';
-export * from './LearningOutcomeTile';
-export * from './lib/breakpointHooks';
-export * from './ListSection';
-export * from './Loading';
-export * from './LoadingCurriculumCard';
-export * from './Logos';
-export * from './MarketingToaster';
-export * from './NotificationList';
-export * from './NotificationList/NotificationItem';
-export * from './NotificationList/typings';
-export * from './PageAlerts';
-export * from './PageLayoutWithSidebarMenu';
-export * from './PageSection';
-export * from './PastDue';
-export * from './PausableImage';
-export * from './PlanCard';
-export * from './PlanCardTeams';
-export * from './PlanCard/PlanCardBanner';
-export * from './PlanCard/types';
-export * from './PricingSection';
-export * from './ProductFeatureShowcase';
-export * from './ProLogoAlt';
-export * from './RatingsBar';
-export * from './Recurly';
-export * from './ResourceCard';
-export * from './ScoreSummary';
-export * from './ScoreSummary/SubScores';
-export * from './ScoreSummary/types';
-export * from './SkillPathCard';
-export * from './SocialMediaSharing';
-export * from './SocialMediaSharingDropdown';
-export * from './Testimonial';
-export * from './AppHeader/Search/SearchWorker';
+import { LogoCodecademy } from "./Logos/LogoCodecademy/index.js";
+import { LogoCodecademyMini } from "./Logos/LogoCodecademyMini/index.js";
+import { LogoCodecademyPro } from "./Logos/LogoCodecademyPro/index.js";
+import { LogoCodecademyTeams } from "./Logos/LogoCodecademyTeams/index.js";
+import { LogoFromSkillsoft } from "./Logos/LogoFromSkillsoft/index.js";
+import { LogoLXStudio } from "./Logos/LogoLXStudio/index.js";
+import { ProLabel } from "./Logos/ProLabel/index.js";
+import "./Logos/index.js";
+import { LayoutMenuVariant_exports } from "./LayoutMenuVariant/index.js";
+import { CommunityEventCard, formatTime } from "./CommunityEventCard/index.js";
+import { AbbreviatedEventCard } from "./AbbreviatedCommunityEventCard/index.js";
+import { AppBar } from "./AppBar/index.js";
+import { AppBarSection } from "./AppBar/AppBarSection.js";
+import { AppBarDeprecated } from "./AppBarDeprecated/index.js";
+import { AppBarSectionDeprecated } from "./AppBarDeprecated/AppBarSectionDeprecated.js";
+import { isAppHeaderItemWithHref } from "./AppHeader/shared/types.js";
+import { NotificationItem } from "./NotificationList/NotificationItem.js";
+import { NotificationList } from "./NotificationList/index.js";
+import { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder } from "./AppHeader/Search/consts.js";
+import { searchWorker } from "./AppHeader/Search/SearchWorker/index.js";
+import { Avatar } from "./Avatar/index.js";
+import { CourseDifficulty, EnrollmentStatus } from "./ContentGroupBaseCard/types.js";
+import { AppHeaderLink } from "./AppHeader/AppHeaderElements/AppHeaderLink/index.js";
+import { AppHeaderDropdown } from "./AppHeader/AppHeaderElements/AppHeaderDropdown/index.js";
+import { AppHeaderLogo } from "./AppHeader/AppHeaderElements/AppHeaderLogo/index.js";
+import { AppHeader } from "./AppHeader/index.js";
+import { AppHeaderSubNavMobile } from "./AppHeaderMobile/AppHeaderSubMenuMobile/index.js";
+import { AppHeaderMainMenuMobile } from "./AppHeaderMobile/AppHeaderMainMenuMobile/index.js";
+import { AppHeaderMobile } from "./AppHeaderMobile/index.js";
+import { AvatarChooser } from "./AvatarChooser/index.js";
+import { BackToTopAnchor } from "./BackToTopAnchor/index.js";
+import { Banner } from "./Banner/index.js";
+import { CountdownTimer } from "./Banner/CountdownTimer.js";
+import { BetaSticker } from "./BetaSticker/index.js";
+import { getPathImageUrl, getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration } from "./ContentGroupBaseCard/helpers.js";
+import { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground } from "./ContentGroupBaseCard/index.js";
+import { CareerPathCard } from "./CareerPathCard/index.js";
+import { Carousel, PatternedContainer } from "./Carousel/index.js";
+import { CertificationPathCard } from "./CertificationPathCard/index.js";
+import { CoachingSessionCard } from "./CoachingSessionCard/index.js";
+import { CommunityEventToast } from "./CommunityEventToast/index.js";
+import { CourseCard } from "./CourseCard/index.js";
+import { ContainerDifficulty, DifficultyString } from "./CurriculumCard/Difficulty/types.js";
+import { getDifficultyNumber } from "./CurriculumCard/Difficulty/helpers.js";
+import { Difficulty } from "./CurriculumCard/Difficulty/index.js";
+import { CurriculumCard } from "./CurriculumCard/index.js";
+import { DropdownButton } from "./DropdownButton/index.js";
+import { EmptySection } from "./EmptySection/index.js";
+import { NotFoundContent } from "./NotFoundContent/index.js";
+import { ErrorContents } from "./ErrorContents/index.js";
+import { SOCIAL_SHARING_PLATFORMS, SocialMediaSharing, createShareLink } from "./SocialMediaSharing/index.js";
+import { SocialMediaSharingDropdown, onClickWrapper } from "./SocialMediaSharingDropdown/index.js";
+import { GlobalFooter } from "./GlobalFooter/index.js";
+import { GlobalHeader, LiveLearningHubContext, RevampedBlpExperimentContext } from "./GlobalHeader/index.js";
+import { GlobalPage, LogErrorContext } from "./GlobalPage/index.js";
+import { getCSSFromColumnCount } from "./Grid/getCSSFromColumnCount.js";
+import { Subgrid, subgridContext } from "./Grid/Subgrid.js";
+import { GridCollapse, getMediaQuery } from "./Grid/GridCollapse.js";
+import "./Grid/index.js";
+import { HorizontalScrollMenu } from "./HorizontalScrollMenu/index.js";
+import { HubCard } from "./HubCard/index.js";
+import { InfoCard } from "./InfoCard/index.js";
+import { Divider, InstructorCard } from "./InstructorCard/index.js";
+import { useKonamimojisplosion } from "./Konamimojisplosion/useKonamimojisplosion.js";
+import { Konamimojisplosion } from "./Konamimojisplosion/Konamimojisplosion.js";
+import "./Konamimojisplosion/index.js";
+import { Title, titleProps } from "./LandingPage/Title.js";
+import { TitleWithEyebrow } from "./LandingPage/TitleWithEyebrow.js";
+import { Description } from "./LandingPage/Description.js";
+import { PageFaqs } from "./LandingPage/PageFAQs.js";
+import { FeatureList } from "./FeatureList/index.js";
+import "./LandingPage/index.js";
+import { SectionItemLink } from "./LayoutMenu/SectionItemLink.js";
+import { SelectedSectionItem } from "./LayoutMenu/SelectedSectionItem.js";
+import { LayoutMenu } from "./LayoutMenu/LayoutMenu.js";
+import "./LayoutMenu/index.js";
+import { LearningOutcomeAssessmentScores } from "./LearningOutcomeAssessmentScores/index.js";
+import { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels } from "./LearningOutcomeBadges/LearningOutcomeLevelBadge.js";
+import { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot } from "./LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.js";
+import "./LearningOutcomeBadges/index.js";
+import { LearningOutcomeTile, progressState } from "./LearningOutcomeTile/index.js";
+import { LearningOutcomeCard } from "./LearningOutcomeCard/index.js";
+import { LearningOutcomeFlyout, getLearningOutcomePath, miscTrackingData, sortSkillsByClassification } from "./LearningOutcomeFlyout/index.js";
+import { breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow } from "./lib/breakpointHooks/index.js";
+import { ListSection } from "./ListSection/index.js";
+import { Loading } from "./Loading/index.js";
+import { LoadingCurriculumCard } from "./LoadingCurriculumCard/index.js";
+import { MarketingToaster } from "./MarketingToaster/index.js";
+import { PageAlertsContext, PageAlertsProvider, usePageAlertsContext } from "./PageAlerts/PageAlertsProvider.js";
+import { AlertArea, PageAlerts } from "./PageAlerts/PageAlerts.js";
+import "./PageAlerts/index.js";
+import { PageLayoutWithSidebarMenu } from "./PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.js";
+import "./PageLayoutWithSidebarMenu/index.js";
+import { PageSection } from "./PageSection/index.js";
+import { pastDueErrorMessages } from "./PastDue/pastDueMessages.js";
+import { PastDueModalContents } from "./PastDue/PastDueModalContents/index.js";
+import "./PastDue/index.js";
+import { PausableImage, imageStyles } from "./PausableImage/index.js";
+import { Currency, CurrencySymbol, getCurrencyPrefix, getCurrencySymbol } from "./PlanCard/types.js";
+import { PlanCard } from "./PlanCard/index.js";
+import { PlanCardTeams } from "./PlanCardTeams/index.js";
+import { PlanCardBanner } from "./PlanCard/PlanCardBanner.js";
+import { PricingSection } from "./PricingSection/index.js";
+import { ProductFeatureShowcase } from "./ProductFeatureShowcase/index.js";
+import { ProLogoAlt } from "./ProLogoAlt/index.js";
+import { RatingsBar } from "./RatingsBar/index.js";
+import { RecurlyProvider, useRecurly } from "./Recurly/context/recurly/index.js";
+import { Elements } from "./Recurly/context/elements/index.js";
+import { CVV, CardNumber, ExpMonth, ExpYear } from "./Recurly/fields/elements.js";
+import { RecurlyField } from "./Recurly/fields/RecurlyField.js";
+import "./Recurly/index.js";
+import { ResourceCard, ResourceType } from "./ResourceCard/index.js";
+import { SubScores, renderSubScores } from "./ScoreSummary/SubScores.js";
+import { ScoreSummary } from "./ScoreSummary/index.js";
+import { SkillPathCard } from "./SkillPathCard/index.js";
+import { Testimonial } from "./Testimonial/index.js";
+
+export { ALLOWED_HOSTS, AbbreviatedEventCard, AlertArea, AppBar, AppBarDeprecated, AppBarSection, AppBarSectionDeprecated, AppHeader, AppHeaderDropdown, AppHeaderLink, AppHeaderLogo, AppHeaderMainMenuMobile, AppHeaderMobile, AppHeaderSubNavMobile, Avatar, AvatarChooser, BackToTopAnchor, Banner, BetaSticker, CVV, CardNumber, CareerPathCard, Carousel, CertificationPathCard, CoachingSessionCard, CommunityEventCard, CommunityEventToast, ContainerDifficulty, ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground, ContentType, CountdownTimer, CourseCard, CourseDifficulty, Currency, CurrencySymbol, CurriculumCard, Description, Difficulty, DifficultyString, Divider, DropdownButton, Elements, EmptySection, EnrollmentStatus, ErrorContents, ExpMonth, ExpYear, FeatureList, GlobalFooter, GlobalHeader, GlobalPage, GridCollapse, HorizontalScrollMenu, HubCard, InfoCard, InstructorCard, Konamimojisplosion, LayoutMenu, LayoutMenuVariant_exports as LayoutMenuVariant, LearningOutcomeAssessmentScores, LearningOutcomeCard, LearningOutcomeFlyout, LearningOutcomeLevelBadge, LearningOutcomeLevels, LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot, LearningOutcomeTile, ListSection, LiveLearningHubContext, Loading, LoadingCurriculumCard, LogErrorContext, LogoCodecademy, LogoCodecademyMini, LogoCodecademyPro, LogoCodecademyTeams, LogoFromSkillsoft, LogoLXStudio, MarketingToaster, NotFoundContent, NotificationItem, NotificationList, PageAlerts, PageAlertsContext, PageAlertsProvider, PageFaqs, PageLayoutWithSidebarMenu, PageSection, PastDueModalContents, PatternedContainer, PausableImage, PlanCard, PlanCardBanner, PlanCardTeams, PricingSection, ProLabel, ProLogoAlt, ProductFeatureShowcase, RatingsBar, RecurlyField, RecurlyProvider, ResourceCard, ResourceType, RevampedBlpExperimentContext, SOCIAL_SHARING_PLATFORMS, ScoreSummary, SectionItemLink, SelectedSectionItem, SkillPathCard, SocialMediaSharing, SocialMediaSharingDropdown, SubScores, Subgrid, Testimonial, Title, TitleWithEyebrow, breakpoints, createShareLink, formatTime, getCSSFromColumnCount, getCurrencyPrefix, getCurrencySymbol, getDifficultyNumber, getLearningOutcomePath, getMediaQuery, getPathImageUrl, getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration, imageStyles, isAppHeaderItemWithHref, learningOutcomeLabels, miscTrackingData, onClickWrapper, pastDueErrorMessages, popularContent, popularSearchTerms, progressState, renderSubScores, searchPlaceholder, searchWorker, sortSkillsByClassification, subgridContext, titleProps, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow, useKonamimojisplosion, usePageAlertsContext, useRecurly };

package/dist/lib/breakpointHooks/index.cjs

@@ -0,0 +1,61 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let react_use = require("react-use");
+let lodash_mapValues = require("lodash/mapValues");
+lodash_mapValues = require_runtime.__toESM(lodash_mapValues);
+
+//#region src/lib/breakpointHooks/index.ts
+const breakpoints = (0, lodash_mapValues.default)({
+	xxs: 0,
+	..._codecademy_gamut_styles.breakpoints
+}, (value) => parseInt(value, 10));
+/**
+* useBreakpoint will provide the current breakpoint to a React component.
+*
+* If you think you need this, make sure to think twice.  It is really nice
+* to allow your styles layer to concern itself about the appearance of a
+* component at different screen sizes, and not have to maintain two different
+* components that could drift from eachother.  That being said, sometimes
+* The content, layout, and/or functionality of a mobile page/component can
+* be so different that it is non-performant or difficult to maintain the
+* changes in only styles.  For those cases where it is actually easier to maintain
+* two components or a programatic distinction of the breakpoint, this helper
+* exists.
+*
+* @deprecated
+* Use Box, LayoutGrid, or other responsive Gamut components instead.
+* JavaScript-time screen size checks are notorious for worsening page performance.
+* @see https://web.dev/cls
+*/ const useBreakpoint = (0, react_use.createBreakpoint)(breakpoints);
+/**
+* @deprecated
+* Use Box, LayoutGrid, or other responsive Gamut components instead.
+* JavaScript-time screen size checks are notorious for worsening page performance.
+* @see https://web.dev/cls
+*/ function useBreakpointAtOrAbove(breakpoint) {
+	return breakpoints[useBreakpoint()] >= breakpoints[breakpoint];
+}
+/**
+* @deprecated
+* Use Box, LayoutGrid, or other responsive Gamut components instead.
+* JavaScript-time screen size checks are notorious for worsening page performance.
+* @see https://web.dev/cls
+*/ function useBreakpointAt(breakpoint) {
+	return breakpoints[useBreakpoint()] === breakpoints[breakpoint];
+}
+/**
+* @deprecated
+* Use Box, LayoutGrid, or other responsive Gamut components instead.
+* JavaScript-time screen size checks are notorious for worsening page performance.
+* @see https://web.dev/cls
+*/ function useBreakpointAtOrBelow(breakpoint) {
+	return breakpoints[useBreakpoint()] <= breakpoints[breakpoint];
+}
+
+//#endregion
+exports.breakpoints = breakpoints;
+exports.useBreakpoint = useBreakpoint;
+exports.useBreakpointAt = useBreakpointAt;
+exports.useBreakpointAtOrAbove = useBreakpointAtOrAbove;
+exports.useBreakpointAtOrBelow = useBreakpointAtOrBelow;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/breakpointHooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["breakpoints","originalBreakpoints","mapValues","createBreakpoint","xxs","value","parseInt","useBreakpoint","useBreakpointAtOrAbove","breakpoint","currentBreakpoint","useBreakpointAt","useBreakpointAtOrBelow"],"sources":["../../../src/lib/breakpointHooks/index.ts"],"sourcesContent":["import { breakpoints as originalBreakpoints } from '@codecademy/gamut-styles';\nimport mapValues from 'lodash/mapValues';\nimport { createBreakpoint } from 'react-use';\n\nexport type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type BreakpointMinWidths = Record<Breakpoint, number>;\n\nexport const breakpoints = mapValues(\n  { xxs: 0, ...originalBreakpoints },\n  (value: string) => parseInt(value, 10)\n) as unknown as BreakpointMinWidths;\n\n/**\n * useBreakpoint will provide the current breakpoint to a React component.\n *\n * If you think you need this, make sure to think twice.  It is really nice\n * to allow your styles layer to concern itself about the appearance of a\n * component at different screen sizes, and not have to maintain two different\n * components that could drift from eachother.  That being said, sometimes\n * The content, layout, and/or functionality of a mobile page/component can\n * be so different that it is non-performant or difficult to maintain the\n * changes in only styles.  For those cases where it is actually easier to maintain\n * two components or a programatic distinction of the breakpoint, this helper\n * exists.\n *\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport const useBreakpoint = createBreakpoint(\n  breakpoints\n) as () => keyof typeof breakpoints;\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAtOrAbove(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] >= breakpoints[breakpoint];\n}\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAt(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] === breakpoints[breakpoint];\n}\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAtOrBelow(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] <= breakpoints[breakpoint];\n}\n"],"mappings":";;;;;;;AAOA,MAAaA,4CACX;CAAEI,KAAK;CAAG,GAAGH;CAAoB,GAChCI,UAAkBC,SAASD,OAAO,GAAA,CAAA;;;;;;;;;;;;;;;;;;GAqBrC,MAAaE,gDACXP,YAAAA;;;;;;GASF,SAAgBQ,uBAAuBC,YAAsB;AAE3D,QAAOT,YADmBO,eAAAA,KACeP,YAAYS;;;;;;;GASvD,SAAgBE,gBAAgBF,YAAsB;AAEpD,QAAOT,YADmBO,eAAAA,MACgBP,YAAYS;;;;;;;GASxD,SAAgBG,uBAAuBH,YAAsB;AAE3D,QAAOT,YADmBO,eAAAA,KACeP,YAAYS"}

package/dist/lib/breakpointHooks/index.d.cts

@@ -0,0 +1,47 @@
+//#region src/lib/breakpointHooks/index.d.ts
+type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type BreakpointMinWidths = Record<Breakpoint, number>;
+declare const breakpoints: BreakpointMinWidths;
+/**
+ * useBreakpoint will provide the current breakpoint to a React component.
+ *
+ * If you think you need this, make sure to think twice.  It is really nice
+ * to allow your styles layer to concern itself about the appearance of a
+ * component at different screen sizes, and not have to maintain two different
+ * components that could drift from eachother.  That being said, sometimes
+ * The content, layout, and/or functionality of a mobile page/component can
+ * be so different that it is non-performant or difficult to maintain the
+ * changes in only styles.  For those cases where it is actually easier to maintain
+ * two components or a programatic distinction of the breakpoint, this helper
+ * exists.
+ *
+ * @deprecated
+ * Use Box, LayoutGrid, or other responsive Gamut components instead.
+ * JavaScript-time screen size checks are notorious for worsening page performance.
+ * @see https://web.dev/cls
+ */
+declare const useBreakpoint: () => keyof typeof breakpoints;
+/**
+ * @deprecated
+ * Use Box, LayoutGrid, or other responsive Gamut components instead.
+ * JavaScript-time screen size checks are notorious for worsening page performance.
+ * @see https://web.dev/cls
+ */
+declare function useBreakpointAtOrAbove(breakpoint: Breakpoint): boolean;
+/**
+ * @deprecated
+ * Use Box, LayoutGrid, or other responsive Gamut components instead.
+ * JavaScript-time screen size checks are notorious for worsening page performance.
+ * @see https://web.dev/cls
+ */
+declare function useBreakpointAt(breakpoint: Breakpoint): boolean;
+/**
+ * @deprecated
+ * Use Box, LayoutGrid, or other responsive Gamut components instead.
+ * JavaScript-time screen size checks are notorious for worsening page performance.
+ * @see https://web.dev/cls
+ */
+declare function useBreakpointAtOrBelow(breakpoint: Breakpoint): boolean;
+//#endregion
+export { Breakpoint, BreakpointMinWidths, breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+//# sourceMappingURL=index.d.cts.map

package/dist/lib/breakpointHooks/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/lib/breakpointHooks/index.ts"],"mappings":";KAIY,UAAA;AAAA,KACA,mBAAA,GAAsB,MAAA,CAAO,UAAA;AAAA,cAE5B,WAAA,EAGG,mBAAA;;;;AALhB;;;;;AAEA;;;;;AAuBA;;;;;cAAa,aAAA,qBAEW,WAAA;;;;;AAmBxB;;iBAXgB,sBAAA,CAAuB,UAAA,EAAY,UAAA;;;AAsBnD;;;;iBAXgB,eAAA,CAAgB,UAAA,EAAY,UAAA;;;;;;;iBAW5B,sBAAA,CAAuB,UAAA,EAAY,UAAA"}