@chromatic-com/tetra 2.1.0--canary.107.b84f7bf.0 → 2.1.0

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-import * as _storybook_theming_dist_create_77ee2cf0 from '@storybook/theming/dist/create-77ee2cf0';
+import * as _emotion_react from '@emotion/react';
 import * as React from 'react';
-import React__default, { FC, ReactNode, ElementType, FunctionComponent } from 'react';
-import * as _storybook_theming from '@storybook/theming';
+import React__default, { FC, ReactNode, ElementType, ComponentType, FunctionComponent } from 'react';
+import * as _emotion_styled from '@emotion/styled';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 
 declare const color: {
@@ -167,30 +167,30 @@ type TProps = {
 };
 declare const t: TProps;
 declare const typography: {
-    heading56: _storybook_theming_dist_create_77ee2cf0.S;
-    heading48: _storybook_theming_dist_create_77ee2cf0.S;
-    heading40: _storybook_theming_dist_create_77ee2cf0.S;
-    heading36: _storybook_theming_dist_create_77ee2cf0.S;
-    heading30: _storybook_theming_dist_create_77ee2cf0.S;
-    heading24: _storybook_theming_dist_create_77ee2cf0.S;
-    heading20: _storybook_theming_dist_create_77ee2cf0.S;
-    heading18: _storybook_theming_dist_create_77ee2cf0.S;
-    heading16: _storybook_theming_dist_create_77ee2cf0.S;
-    body20: _storybook_theming_dist_create_77ee2cf0.S;
-    body18: _storybook_theming_dist_create_77ee2cf0.S;
-    body16: _storybook_theming_dist_create_77ee2cf0.S;
-    body14: _storybook_theming_dist_create_77ee2cf0.S;
-    subheading: _storybook_theming_dist_create_77ee2cf0.S;
-    subheadingLarge: _storybook_theming_dist_create_77ee2cf0.S;
+    heading56: _emotion_react.SerializedStyles;
+    heading48: _emotion_react.SerializedStyles;
+    heading40: _emotion_react.SerializedStyles;
+    heading36: _emotion_react.SerializedStyles;
+    heading30: _emotion_react.SerializedStyles;
+    heading24: _emotion_react.SerializedStyles;
+    heading20: _emotion_react.SerializedStyles;
+    heading18: _emotion_react.SerializedStyles;
+    heading16: _emotion_react.SerializedStyles;
+    body20: _emotion_react.SerializedStyles;
+    body18: _emotion_react.SerializedStyles;
+    body16: _emotion_react.SerializedStyles;
+    body14: _emotion_react.SerializedStyles;
+    subheading: _emotion_react.SerializedStyles;
+    subheadingLarge: _emotion_react.SerializedStyles;
 };
 
 declare const animations: {
-    rotate360: _storybook_theming_dist_create_77ee2cf0.K;
-    glow: _storybook_theming_dist_create_77ee2cf0.K;
-    float: _storybook_theming_dist_create_77ee2cf0.K;
-    jiggle: _storybook_theming_dist_create_77ee2cf0.K;
-    shake: _storybook_theming_dist_create_77ee2cf0.K;
-    inlineGlow: (inverse?: boolean) => _storybook_theming_dist_create_77ee2cf0.S;
+    rotate360: _emotion_react.Keyframes;
+    glow: _emotion_react.Keyframes;
+    float: _emotion_react.Keyframes;
+    jiggle: _emotion_react.Keyframes;
+    shake: _emotion_react.Keyframes;
+    inlineGlow: (inverse?: boolean) => _emotion_react.SerializedStyles;
 };
 
 declare function useMediaQuery(query: 'minBase' | 'minSm' | 'minMd' | 'minLg' | 'minXl' | 'min2Xl' | 'maxBase' | 'maxSm' | 'maxMd' | 'maxLg' | 'maxXl' | 'max2Xl' | 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | {
@@ -407,6 +407,7 @@ declare const icons: {
     readonly youtube: JSX.Element;
     readonly linkedin: JSX.Element;
     readonly vscode: JSX.Element;
+    readonly bluesky: JSX.Element;
 };
 
 type Icons = keyof typeof icons;
@@ -498,11 +499,11 @@ declare const listOfOptions: readonly ["marginY", "marginTop", "marginBottom", "
 type ListOfOptionsArrayProps = (typeof listOfOptions)[number];
 type BlockWithOptionsForContainerProps = Pick<BlockWithOptionsProps, ListOfOptionsArrayProps>;
 
-declare const Container: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const Container: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React__default.ElementType<any> | undefined;
 } & BlockWithOptionsForContainerProps & React__default.ClassAttributes<HTMLDivElement> & React__default.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 }, {}, {}>;
 declare const FullWidthContainer: ({ children, ...props }: BlockWithOptionsForContainerProps & {
     children: ReactNode;
@@ -518,7 +519,7 @@ interface ButtonProps {
     href?: string;
     target?: '_blank' | '_self' | '_parent' | '_top';
     onClick?: () => void;
-    as?: 'button' | 'a';
+    as?: 'button' | 'a' | 'span';
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
@@ -536,11 +537,11 @@ interface StackProps$1 extends BlockWithOptionsProps {
     color?: keyof typeof color;
     inverse?: boolean;
 }
-declare const Divider: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const Divider: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 } & StackProps$1, {}, {}>;
 
 interface DropdownProps {
@@ -551,34 +552,15 @@ interface DropdownProps {
 declare const DropdownMenu: ({ label, variant, children, ...props }: DropdownProps) => JSX.Element;
 
 declare const DropdownMenuCheckboxItem: ({ children, ...props }: RadixDropdownMenu.MenuCheckboxItemProps) => JSX.Element;
-declare const DropdownMenuItem: _storybook_theming.StyledComponent<RadixDropdownMenu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+declare const DropdownMenuItem: _emotion_styled.StyledComponent<RadixDropdownMenu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement> & {
+    theme?: _emotion_react.Theme | undefined;
 }, {}, {}>;
 
-interface FooterItem {
-    title: string;
-    href: string;
-    LinkWrapper?: any;
-}
-interface FooterColumn {
-    title: string;
-    links: FooterItem[];
-}
-interface FooterSocialItem extends FooterItem {
-    icon: IconProps['name'];
-}
-interface HomeItem {
-    href: string;
-    LinkWrapper?: any;
-}
-
 interface FooterProps {
     theme: 'light' | 'dark';
-    columns: FooterColumn[];
-    socialLinks: FooterSocialItem[];
-    homeLink: HomeItem;
+    LinkWrapper: ElementType;
 }
-declare const Footer: ({ theme, columns, socialLinks, homeLink, ...props }: FooterProps) => JSX.Element;
+declare const Footer: ({ theme, LinkWrapper, ...props }: FooterProps) => JSX.Element;
 
 interface ColumnProps {
     children: ReactNode;
@@ -601,55 +583,32 @@ declare const Grid: FC<GridProps> & {
     Column: FC<ColumnProps>;
 };
 
-interface HeaderMobileSection {
-    name?: string;
-    maxItems?: number;
-    collapsible?: boolean;
-    content: {
-        title: string;
-        href: string;
-        linkWrapper?: any;
-        icon?: Icons;
-        iconColor?: keyof typeof color;
-        customIcon?: ReactNode;
-    }[];
-}
-interface HeaderDesktopItemContent {
-    type: 'link' | 'separator';
+interface HeaderLink {
     title: string;
-    description?: string;
-    href?: string;
-    linkWrapper?: any;
     icon?: Icons;
     iconColor?: keyof typeof color;
-    customIcon?: ReactNode;
-}
-interface HeaderDesktopItem {
-    id: string;
-    name: string;
-    href?: string;
+    customIcon?: React__default.ReactNode;
+    href: string;
     linkWrapper?: any;
-    leftPosition?: number;
-    menu?: {
-        content: HeaderDesktopItemContent[];
-        backgroundColor?: keyof typeof color;
-    }[];
 }
+type HeaderLinks = Record<LinkKeys, HeaderLink>;
+
 interface HeaderProps {
     theme?: 'light' | 'dark';
-    logo?: 'chromatic' | 'storybook';
-    logoHref?: string;
     logoLinkWrapper?: any;
-    desktopData: HeaderDesktopItem[];
-    desktopRight?: ReactNode;
     desktopActiveId?: string;
-    mobileData: HeaderMobileSection[];
-    mobileTop?: ReactNode;
-    mobileBottom?: ReactNode;
     fullWidth?: boolean;
+    loggedIn?: boolean;
+    maintenanceMode?: boolean;
+    isSticky?: boolean;
+    links: HeaderLinks;
+    TrackSignUp: ComponentType<{
+        children: ReactNode;
+    }>;
 }
+type LinkKeys = 'signin' | 'signup' | 'uiTest' | 'visualTest' | 'interactionTest' | 'accessibilityTest' | 'storybook' | 'playwright' | 'cypress' | 'turboSnap' | 'uiReview' | 'publish' | 'figmaPlugin' | 'frontendTeams' | 'designSystems' | 'digitalAgencies' | 'aboutChromatic' | 'careers' | 'security' | 'enterprise' | 'netlify' | 'monday' | 'collective' | 'ezcater' | 'blog' | 'changelog' | 'frontendTestingGuide' | 'docs' | 'pricing' | 'sales';
 
-declare const Header: FC<HeaderProps>;
+declare const Header: ({ theme, links, logoLinkWrapper, desktopActiveId, fullWidth, loggedIn, maintenanceMode, isSticky, TrackSignUp, }: HeaderProps) => JSX.Element;
 
 declare const CollectiveIcon: () => JSX.Element;
 
@@ -693,6 +652,7 @@ interface LinkWithWrapperProps extends React__default.AnchorHTMLAttributes<HTMLA
     LinkWrapper?: ElementType;
     children: ReactNode;
     href: string;
+    noAnchor?: boolean;
 }
 /**
  * Optionally replace anchor tags with a wrapper component
@@ -725,8 +685,8 @@ interface NormalizeAreaProps extends React.HTMLAttributes<HTMLDivElement> {
  *  https://nicksherman.com/size-by-area/ &
  *  https://piperhaywood.com/images-consistent-surface-area/
  */
-declare const NormalizeArea: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const NormalizeArea: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & NormalizeAreaProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
@@ -751,32 +711,32 @@ interface StackProps extends BlockWithOptionsProps {
     align: 'flex-start' | 'center' | 'flex-end';
     justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 }
-declare const Stack: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const Stack: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 } & {
     gap?: StackProps['gap'];
     direction?: StackProps['direction'];
     align?: "center" | "flex-start" | "flex-end" | undefined;
     justify?: StackProps['justify'];
 }, {}, {}>;
-declare const HStack: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const HStack: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 } & {
     gap?: StackProps['gap'];
     align?: "center" | "flex-start" | "flex-end" | undefined;
     justify?: StackProps['justify'];
 }, {}, {}>;
-declare const VStack: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const VStack: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 } & {
     gap?: StackProps['gap'];
     align?: "center" | "flex-start" | "flex-end" | undefined;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import * as _storybook_theming_dist_create_77ee2cf0 from '@storybook/theming/dist/create-77ee2cf0';
+import * as _emotion_react from '@emotion/react';
 import * as React from 'react';
-import React__default, { FC, ReactNode, ElementType, FunctionComponent } from 'react';
-import * as _storybook_theming from '@storybook/theming';
+import React__default, { FC, ReactNode, ElementType, ComponentType, FunctionComponent } from 'react';
+import * as _emotion_styled from '@emotion/styled';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 
 declare const color: {
@@ -167,30 +167,30 @@ type TProps = {
 };
 declare const t: TProps;
 declare const typography: {
-    heading56: _storybook_theming_dist_create_77ee2cf0.S;
-    heading48: _storybook_theming_dist_create_77ee2cf0.S;
-    heading40: _storybook_theming_dist_create_77ee2cf0.S;
-    heading36: _storybook_theming_dist_create_77ee2cf0.S;
-    heading30: _storybook_theming_dist_create_77ee2cf0.S;
-    heading24: _storybook_theming_dist_create_77ee2cf0.S;
-    heading20: _storybook_theming_dist_create_77ee2cf0.S;
-    heading18: _storybook_theming_dist_create_77ee2cf0.S;
-    heading16: _storybook_theming_dist_create_77ee2cf0.S;
-    body20: _storybook_theming_dist_create_77ee2cf0.S;
-    body18: _storybook_theming_dist_create_77ee2cf0.S;
-    body16: _storybook_theming_dist_create_77ee2cf0.S;
-    body14: _storybook_theming_dist_create_77ee2cf0.S;
-    subheading: _storybook_theming_dist_create_77ee2cf0.S;
-    subheadingLarge: _storybook_theming_dist_create_77ee2cf0.S;
+    heading56: _emotion_react.SerializedStyles;
+    heading48: _emotion_react.SerializedStyles;
+    heading40: _emotion_react.SerializedStyles;
+    heading36: _emotion_react.SerializedStyles;
+    heading30: _emotion_react.SerializedStyles;
+    heading24: _emotion_react.SerializedStyles;
+    heading20: _emotion_react.SerializedStyles;
+    heading18: _emotion_react.SerializedStyles;
+    heading16: _emotion_react.SerializedStyles;
+    body20: _emotion_react.SerializedStyles;
+    body18: _emotion_react.SerializedStyles;
+    body16: _emotion_react.SerializedStyles;
+    body14: _emotion_react.SerializedStyles;
+    subheading: _emotion_react.SerializedStyles;
+    subheadingLarge: _emotion_react.SerializedStyles;
 };
 
 declare const animations: {
-    rotate360: _storybook_theming_dist_create_77ee2cf0.K;
-    glow: _storybook_theming_dist_create_77ee2cf0.K;
-    float: _storybook_theming_dist_create_77ee2cf0.K;
-    jiggle: _storybook_theming_dist_create_77ee2cf0.K;
-    shake: _storybook_theming_dist_create_77ee2cf0.K;
-    inlineGlow: (inverse?: boolean) => _storybook_theming_dist_create_77ee2cf0.S;
+    rotate360: _emotion_react.Keyframes;
+    glow: _emotion_react.Keyframes;
+    float: _emotion_react.Keyframes;
+    jiggle: _emotion_react.Keyframes;
+    shake: _emotion_react.Keyframes;
+    inlineGlow: (inverse?: boolean) => _emotion_react.SerializedStyles;
 };
 
 declare function useMediaQuery(query: 'minBase' | 'minSm' | 'minMd' | 'minLg' | 'minXl' | 'min2Xl' | 'maxBase' | 'maxSm' | 'maxMd' | 'maxLg' | 'maxXl' | 'max2Xl' | 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | {
@@ -407,6 +407,7 @@ declare const icons: {
     readonly youtube: JSX.Element;
     readonly linkedin: JSX.Element;
     readonly vscode: JSX.Element;
+    readonly bluesky: JSX.Element;
 };
 
 type Icons = keyof typeof icons;
@@ -498,11 +499,11 @@ declare const listOfOptions: readonly ["marginY", "marginTop", "marginBottom", "
 type ListOfOptionsArrayProps = (typeof listOfOptions)[number];
 type BlockWithOptionsForContainerProps = Pick<BlockWithOptionsProps, ListOfOptionsArrayProps>;
 
-declare const Container: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const Container: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React__default.ElementType<any> | undefined;
 } & BlockWithOptionsForContainerProps & React__default.ClassAttributes<HTMLDivElement> & React__default.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 }, {}, {}>;
 declare const FullWidthContainer: ({ children, ...props }: BlockWithOptionsForContainerProps & {
     children: ReactNode;
@@ -518,7 +519,7 @@ interface ButtonProps {
     href?: string;
     target?: '_blank' | '_self' | '_parent' | '_top';
     onClick?: () => void;
-    as?: 'button' | 'a';
+    as?: 'button' | 'a' | 'span';
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
@@ -536,11 +537,11 @@ interface StackProps$1 extends BlockWithOptionsProps {
     color?: keyof typeof color;
     inverse?: boolean;
 }
-declare const Divider: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const Divider: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 } & StackProps$1, {}, {}>;
 
 interface DropdownProps {
@@ -551,34 +552,15 @@ interface DropdownProps {
 declare const DropdownMenu: ({ label, variant, children, ...props }: DropdownProps) => JSX.Element;
 
 declare const DropdownMenuCheckboxItem: ({ children, ...props }: RadixDropdownMenu.MenuCheckboxItemProps) => JSX.Element;
-declare const DropdownMenuItem: _storybook_theming.StyledComponent<RadixDropdownMenu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+declare const DropdownMenuItem: _emotion_styled.StyledComponent<RadixDropdownMenu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement> & {
+    theme?: _emotion_react.Theme | undefined;
 }, {}, {}>;
 
-interface FooterItem {
-    title: string;
-    href: string;
-    LinkWrapper?: any;
-}
-interface FooterColumn {
-    title: string;
-    links: FooterItem[];
-}
-interface FooterSocialItem extends FooterItem {
-    icon: IconProps['name'];
-}
-interface HomeItem {
-    href: string;
-    LinkWrapper?: any;
-}
-
 interface FooterProps {
     theme: 'light' | 'dark';
-    columns: FooterColumn[];
-    socialLinks: FooterSocialItem[];
-    homeLink: HomeItem;
+    LinkWrapper: ElementType;
 }
-declare const Footer: ({ theme, columns, socialLinks, homeLink, ...props }: FooterProps) => JSX.Element;
+declare const Footer: ({ theme, LinkWrapper, ...props }: FooterProps) => JSX.Element;
 
 interface ColumnProps {
     children: ReactNode;
@@ -601,55 +583,32 @@ declare const Grid: FC<GridProps> & {
     Column: FC<ColumnProps>;
 };
 
-interface HeaderMobileSection {
-    name?: string;
-    maxItems?: number;
-    collapsible?: boolean;
-    content: {
-        title: string;
-        href: string;
-        linkWrapper?: any;
-        icon?: Icons;
-        iconColor?: keyof typeof color;
-        customIcon?: ReactNode;
-    }[];
-}
-interface HeaderDesktopItemContent {
-    type: 'link' | 'separator';
+interface HeaderLink {
     title: string;
-    description?: string;
-    href?: string;
-    linkWrapper?: any;
     icon?: Icons;
     iconColor?: keyof typeof color;
-    customIcon?: ReactNode;
-}
-interface HeaderDesktopItem {
-    id: string;
-    name: string;
-    href?: string;
+    customIcon?: React__default.ReactNode;
+    href: string;
     linkWrapper?: any;
-    leftPosition?: number;
-    menu?: {
-        content: HeaderDesktopItemContent[];
-        backgroundColor?: keyof typeof color;
-    }[];
 }
+type HeaderLinks = Record<LinkKeys, HeaderLink>;
+
 interface HeaderProps {
     theme?: 'light' | 'dark';
-    logo?: 'chromatic' | 'storybook';
-    logoHref?: string;
     logoLinkWrapper?: any;
-    desktopData: HeaderDesktopItem[];
-    desktopRight?: ReactNode;
     desktopActiveId?: string;
-    mobileData: HeaderMobileSection[];
-    mobileTop?: ReactNode;
-    mobileBottom?: ReactNode;
     fullWidth?: boolean;
+    loggedIn?: boolean;
+    maintenanceMode?: boolean;
+    isSticky?: boolean;
+    links: HeaderLinks;
+    TrackSignUp: ComponentType<{
+        children: ReactNode;
+    }>;
 }
+type LinkKeys = 'signin' | 'signup' | 'uiTest' | 'visualTest' | 'interactionTest' | 'accessibilityTest' | 'storybook' | 'playwright' | 'cypress' | 'turboSnap' | 'uiReview' | 'publish' | 'figmaPlugin' | 'frontendTeams' | 'designSystems' | 'digitalAgencies' | 'aboutChromatic' | 'careers' | 'security' | 'enterprise' | 'netlify' | 'monday' | 'collective' | 'ezcater' | 'blog' | 'changelog' | 'frontendTestingGuide' | 'docs' | 'pricing' | 'sales';
 
-declare const Header: FC<HeaderProps>;
+declare const Header: ({ theme, links, logoLinkWrapper, desktopActiveId, fullWidth, loggedIn, maintenanceMode, isSticky, TrackSignUp, }: HeaderProps) => JSX.Element;
 
 declare const CollectiveIcon: () => JSX.Element;
 
@@ -693,6 +652,7 @@ interface LinkWithWrapperProps extends React__default.AnchorHTMLAttributes<HTMLA
     LinkWrapper?: ElementType;
     children: ReactNode;
     href: string;
+    noAnchor?: boolean;
 }
 /**
  * Optionally replace anchor tags with a wrapper component
@@ -725,8 +685,8 @@ interface NormalizeAreaProps extends React.HTMLAttributes<HTMLDivElement> {
  *  https://nicksherman.com/size-by-area/ &
  *  https://piperhaywood.com/images-consistent-surface-area/
  */
-declare const NormalizeArea: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const NormalizeArea: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & NormalizeAreaProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
@@ -751,32 +711,32 @@ interface StackProps extends BlockWithOptionsProps {
     align: 'flex-start' | 'center' | 'flex-end';
     justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 }
-declare const Stack: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const Stack: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 } & {
     gap?: StackProps['gap'];
     direction?: StackProps['direction'];
     align?: "center" | "flex-start" | "flex-end" | undefined;
     justify?: StackProps['justify'];
 }, {}, {}>;
-declare const HStack: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const HStack: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 } & {
     gap?: StackProps['gap'];
     align?: "center" | "flex-start" | "flex-end" | undefined;
     justify?: StackProps['justify'];
 }, {}, {}>;
-declare const VStack: _storybook_theming.StyledComponent<{
-    theme?: _storybook_theming.Theme | undefined;
+declare const VStack: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _storybook_theming.Theme | undefined;
+    theme?: _emotion_react.Theme | undefined;
 } & {
     gap?: StackProps['gap'];
     align?: "center" | "flex-start" | "flex-end" | undefined;