@ama-pt/agora-design-system 3.6.0 → 3.7.0

package/artifacts/dist/tailwind.css

@@ -952,6 +952,11 @@ input[type]::placeholder{
   margin: auto;
 }
 
+.mx-16{
+  margin-left: 16px;
+  margin-right: 16px;
+}
+
 .mx-32{
   margin-left: 32px;
   margin-right: 32px;
@@ -992,6 +997,10 @@ input[type]::placeholder{
   margin-bottom: 8px;
 }
 
+.\!mb-24{
+  margin-bottom: 24px !important;
+}
+
 .\!mt-0{
   margin-top: 0px !important;
 }
@@ -1000,6 +1009,18 @@ input[type]::placeholder{
   margin-top: 0px !important;
 }
 
+.-mb-8{
+  margin-bottom: -8px;
+}
+
+.-ml-\[10px\]{
+  margin-left: -10px;
+}
+
+.-ml-\[4px\]{
+  margin-left: -4px;
+}
+
 .mb-128{
   margin-bottom: 128px;
 }
@@ -1179,10 +1200,18 @@ input[type]::placeholder{
   display: none;
 }
 
+.\!h-\[100px\]{
+  height: 100px !important;
+}
+
 .\!h-\[44px\]{
   height: 44px !important;
 }
 
+.\!h-\[76px\]{
+  height: 76px !important;
+}
+
 .h-0{
   height: 0px;
 }
@@ -1199,6 +1228,10 @@ input[type]::placeholder{
   height: 16px;
 }
 
+.h-24{
+  height: 24px;
+}
+
 .h-256{
   height: 256px;
 }
@@ -1255,6 +1288,10 @@ input[type]::placeholder{
   height: 500px;
 }
 
+.h-\[542px\]{
+  height: 542px;
+}
+
 .h-\[60px\]{
   height: 60px;
 }
@@ -1321,6 +1358,10 @@ input[type]::placeholder{
   min-height: 8px;
 }
 
+.min-h-\[calc\(100vh-68px\)\]{
+  min-height: calc(100vh - 68px);
+}
+
 .min-h-full{
   min-height: 100%;
 }
@@ -1382,6 +1423,10 @@ input[type]::placeholder{
   width: 100%;
 }
 
+.w-screen{
+  width: 100vw;
+}
+
 .min-w-\[296px\]{
   min-width: 296px;
 }
@@ -1432,6 +1477,10 @@ input[type]::placeholder{
   flex: 1 1 0%;
 }
 
+.flex-shrink-0{
+  flex-shrink: 0;
+}
+
 .shrink-0{
   flex-shrink: 0;
 }
@@ -1803,6 +1852,12 @@ input[type]::placeholder{
           user-select: none;
 }
 
+.select-all{
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+}
+
 .resize{
   resize: both;
 }
@@ -1853,6 +1908,10 @@ input[type]::placeholder{
   flex-direction: column;
 }
 
+.flex-col-reverse{
+  flex-direction: column-reverse;
+}
+
 .flex-wrap{
   flex-wrap: wrap;
 }
@@ -1885,6 +1944,10 @@ input[type]::placeholder{
   justify-content: flex-start;
 }
 
+.\!justify-end{
+  justify-content: flex-end !important;
+}
+
 .justify-end{
   justify-content: flex-end;
 }
@@ -2173,6 +2236,10 @@ input[type]::placeholder{
   place-self: end;
 }
 
+.self-start{
+  align-self: flex-start;
+}
+
 .self-end{
   align-self: flex-end;
 }
@@ -2237,6 +2304,10 @@ input[type]::placeholder{
   border-radius: 100% !important;
 }
 
+.\!rounded-none{
+  border-radius: 0px !important;
+}
+
 .rounded-16{
   border-radius: 16px;
 }
@@ -7919,6 +7990,14 @@ input[type]::placeholder{
   padding-bottom: 64px;
 }
 
+.pl-0{
+  padding-left: 0px;
+}
+
+.pl-16{
+  padding-left: 16px;
+}
+
 .pl-32{
   padding-left: 32px;
 }
@@ -7931,10 +8010,18 @@ input[type]::placeholder{
   padding-left: 44px;
 }
 
+.pr-0{
+  padding-right: 0px;
+}
+
 .pr-16{
   padding-right: 16px;
 }
 
+.pr-32{
+  padding-right: 32px;
+}
+
 .pr-\[44px\]{
   padding-right: 44px;
 }
@@ -8218,6 +8305,30 @@ input[type]::placeholder{
   text-transform: none;
 }
 
+.\!text-\[var\(--color-primary-300\)\]{
+  color: var(--color-primary-300) !important;
+}
+
+.\!text-danger-600{
+  --tw-text-opacity: 1 !important;
+  color: rgb(209 35 50 / var(--tw-text-opacity, 1)) !important;
+}
+
+.\!text-informative-600{
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 89 140 / var(--tw-text-opacity, 1)) !important;
+}
+
+.\!text-success-600{
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 114 76 / var(--tw-text-opacity, 1)) !important;
+}
+
+.\!text-warning-900{
+  --tw-text-opacity: 1 !important;
+  color: rgb(128 70 13 / var(--tw-text-opacity, 1)) !important;
+}
+
 .text-\[\#8A3DFA\]{
   --tw-text-opacity: 1;
   color: rgb(138 61 250 / var(--tw-text-opacity, 1));
@@ -8753,6 +8864,10 @@ input[type]::placeholder{
   text-decoration-line: line-through;
 }
 
+.\!no-underline{
+  text-decoration-line: none !important;
+}
+
 .decoration-2{
   text-decoration-thickness: 2px;
 }
@@ -8913,6 +9028,10 @@ input[type]::placeholder{
   clip: rect(0,0,0,0) !important;
 }
 
+.first\:pt-0:first-child{
+  padding-top: 0px;
+}
+
 .hover\:border-collapse:hover{
   border-collapse: collapse;
 }
@@ -22514,6 +22633,10 @@ input[type]::placeholder{
     display: block;
   }
 
+  .xs\:inline{
+    display: inline;
+  }
+
   .xs\:flex{
     display: flex;
   }
@@ -29345,6 +29468,10 @@ input[type]::placeholder{
     .xs\:max-md\:flex-col{
       flex-direction: column;
     }
+
+    .xs\:max-md\:pb-\[3px\]{
+      padding-bottom: 3px;
+    }
   }
 }
 
@@ -29548,6 +29675,11 @@ input[type]::placeholder{
     width: calc(((var(--footer-aux-vw) - 100%) / 2) + 100%);
   }
 
+  .md\:w-fit{
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+
   .md\:w-full{
     width: 100%;
   }
@@ -35597,6 +35729,10 @@ input[type]::placeholder{
     padding-left: 64px;
   }
 
+  .md\:pr-64{
+    padding-right: 64px;
+  }
+
   .md\:pt-0{
     padding-top: 0px;
   }
@@ -36567,6 +36703,10 @@ input[type]::placeholder{
     margin-top: 0px;
   }
 
+  .xl\:mt-16{
+    margin-top: 16px;
+  }
+
   .xl\:mt-32{
     margin-top: 32px;
   }
@@ -36582,14 +36722,26 @@ input[type]::placeholder{
     -webkit-line-clamp: 1;
   }
 
+  .xl\:\!block{
+    display: block !important;
+  }
+
   .xl\:block{
     display: block;
   }
 
+  .xl\:inline{
+    display: inline;
+  }
+
   .xl\:flex{
     display: flex;
   }
 
+  .xl\:\!hidden{
+    display: none !important;
+  }
+
   .xl\:hidden{
     display: none;
   }
@@ -36622,6 +36774,10 @@ input[type]::placeholder{
     height: 100vh;
   }
 
+  .xl\:min-h-\[100vh\]{
+    min-height: 100vh;
+  }
+
   .xl\:w-\[1120px\]{
     width: 1120px;
   }
@@ -42654,6 +42810,10 @@ input[type]::placeholder{
     padding: 112px;
   }
 
+  .xl\:p-\[112px\]{
+    padding: 112px;
+  }
+
   .xl\:px-0{
     padding-left: 0px;
     padding-right: 0px;
@@ -42706,6 +42866,10 @@ input[type]::placeholder{
     padding-bottom: 64px;
   }
 
+  .xl\:pl-0{
+    padding-left: 0px;
+  }
+
   .xl\:pl-32{
     padding-left: 32px;
   }
@@ -42718,6 +42882,10 @@ input[type]::placeholder{
     padding-left: 112px;
   }
 
+  .xl\:pr-0{
+    padding-right: 0px;
+  }
+
   .xl\:pr-112{
     padding-right: 112px;
   }

package/artifacts/dist/types/components/cards/card-action/card-action.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, FC, ImgHTMLAttributes } from 'react';
+import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
 import { ButtonProps } from '../../../components/button';
 import { IconProps } from '../../../components/icon';
 import './card-action.css';
@@ -9,11 +9,11 @@ export interface CardActionProps extends ComponentProps<'div'> {
     /**
      * title of card
      */
-    titleText: string;
+    titleText: ReactNode;
     /**
      * text to show within the card
      */
-    descriptionText: string;
+    descriptionText: ReactNode;
     /**
      * variant of card action
      */

package/artifacts/dist/types/components/cards/card-expandable/card-accordion/card-accordion.d.ts

@@ -1,6 +1,5 @@
 import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
-import { ButtonProps } from '../../../../components/button';
-import { BooleanProp, HeadingLevel } from '../../../../models';
+import { BooleanProp } from '../../../../models';
 import './card-accordion.css';
 /**
  * The available variants of the accordion. Those variants will define the style of the accordion.
@@ -33,26 +32,10 @@ export interface CardAccordionProps extends Omit<ComponentProps<'div'>, 'onChang
      * Accordion header title.
      */
     headingTitle?: ReactNode;
-    /**
-     * Accordion heading level title.
-     */
-    headingLevel?: HeadingLevel;
     /**
      * Accordion content.
      */
     children?: ReactNode;
-    /**
-     * Defines if an icon is shown previously of title.
-     */
-    hasIcon?: BooleanProp;
-    /**
-     * Defines the name of the leading icon to use.
-     */
-    leadingIcon?: string;
-    /**
-     * Defines the name of the leading icon to be displayed on mouse hover. If none specified, it will the appropriate variant of the icon.
-     */
-    leadingIconHover?: string;
     /**
      * Event function called whenever the accordion expands.
      */
@@ -73,10 +56,6 @@ export interface CardAccordionProps extends Omit<ComponentProps<'div'>, 'onChang
      * Value for the expanded value.
      */
     expanded?: BooleanProp;
-    /**
-     * Card main button definition.
-     */
-    mainButton?: ButtonProps;
 }
 declare const CardAccordion: FC<CardAccordionProps>;
 export { CardAccordion };

package/artifacts/dist/types/components/cards/card-expandable/card-expandable.d.ts

@@ -1,7 +1,6 @@
 import { BooleanProp, HeadingLevel } from '../../../models';
 import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
 import { CardAccordionElement } from './card-accordion';
-import { ButtonProps } from '../../../components/button';
 import './card-expandable.css';
 /**
  * The available variants of the card. Those variants will define the style of the card.
@@ -46,10 +45,6 @@ export interface CardExpandableProps extends Omit<ComponentProps<'div'>, 'title'
      * Children content.
      */
     children: ReactNode;
-    /**
-     * CardAccordion heading level title.
-     */
-    accordionHeadingLevel?: HeadingLevel;
     /**
      * CardAccordion header title.
      */
@@ -74,10 +69,6 @@ export interface CardExpandableProps extends Omit<ComponentProps<'div'>, 'title'
      * Event function called whenever the accordion expands or collapses.
      */
     onChange?: (evt: SyntheticEvent<CardAccordionElement | undefined>) => void | undefined;
-    /**
-     * Card main button definition.
-     */
-    mainButton?: ButtonProps;
 }
 declare const CardExpandable: FC<CardExpandableProps>;
 export { CardExpandable };

package/artifacts/dist/types/components/cards/card-general/card-general.d.ts

@@ -27,7 +27,7 @@ export interface CardGeneralProps {
     /**
      * text to show within a pill
      */
-    pillText?: string;
+    pillText?: ReactNode;
     /**
      * text to show the subtitle
      */
@@ -43,7 +43,7 @@ export interface CardGeneralProps {
     /**
      * label to show next to the status dot
      */
-    statusText?: string;
+    statusText?: ReactNode;
     /**
      * text to show within the card
      */

package/artifacts/dist/types/components/checkbox/checkbox.d.ts

@@ -42,6 +42,10 @@ export interface CheckboxProps extends ComponentProps<'input'> {
      * Helper text displayed below checkbox.
      */
     helperText?: ReactNode;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const Checkbox: FC<CheckboxProps>;
 export { Checkbox };

package/artifacts/dist/types/components/checkbox-group/checkbox-group.d.ts

@@ -42,6 +42,10 @@ export interface CheckboxGroupProps extends Omit<HtmlHTMLAttributes<HTMLFieldSet
      * The flag to set if the checkbox is in dark mode or light mode.
      */
     darkMode?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const CheckboxGroup: FC<CheckboxGroupProps>;
 export { CheckboxGroup };

package/artifacts/dist/types/components/ecosystem-bar/components/ecosystem-bar-button/ecosystem-bar-button.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ButtonProps } from '../../../../components/button';
+import './ecosystem-bar-button.css';
+export interface EcosystemBarButtonProps extends ButtonProps {
+}
+export declare function EcosystemBarButton({ children, onClick, className, ...props }: EcosystemBarButtonProps): React.JSX.Element;

package/artifacts/dist/types/components/ecosystem-bar/components/ecosystem-bar-content/ecosystem-bar-content.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentProps } from 'react';
+import './ecosystem-bar-content.css';
+export interface EcosystemBarContentProps extends ComponentProps<'div'> {
+}
+export declare function EcosystemBarContent({ children, className, ...props }: Readonly<EcosystemBarContentProps>): React.JSX.Element;

package/artifacts/dist/types/components/ecosystem-bar/ecosystem-bar.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentProps } from 'react';
+import './ecosystem-bar.css';
+export type EcosystemBarVariant = 'white' | 'neutral' | 'brand' | 'dark';
+export interface EcosystemBarProps extends ComponentProps<'div'> {
+    /**
+     * Defines if the component starts open or closed.
+     */
+    startOpen?: boolean;
+    /**
+     * Defines what style to apply.
+     */
+    variant?: EcosystemBarVariant;
+}
+declare function EcosystemBar({ variant, children, className, startOpen, ...props }: Readonly<EcosystemBarProps>): React.JSX.Element;
+export { EcosystemBar };

package/artifacts/dist/types/components/ecosystem-bar/helper.d.ts

@@ -0,0 +1,10 @@
+import { EcosystemBarVariant } from './ecosystem-bar';
+interface EcosystemBarContextValue {
+    darkMode: boolean;
+    contentId: string;
+    isContentOpen: boolean;
+    toggleContent: () => void;
+    variant: EcosystemBarVariant;
+}
+export declare const EcosystemBarContext: import("react").Context<EcosystemBarContextValue>;
+export {};

package/artifacts/dist/types/components/ecosystem-bar/index.d.ts

@@ -0,0 +1,6 @@
+export { EcosystemBar } from './ecosystem-bar';
+export type { EcosystemBarProps, EcosystemBarVariant } from './ecosystem-bar';
+export { EcosystemBarButton } from './components/ecosystem-bar-button/ecosystem-bar-button';
+export type { EcosystemBarButtonProps } from './components/ecosystem-bar-button/ecosystem-bar-button';
+export { EcosystemBarContent } from './components/ecosystem-bar-content/ecosystem-bar-content';
+export type { EcosystemBarContentProps } from './components/ecosystem-bar-content/ecosystem-bar-content';

package/artifacts/dist/types/components/footer-v2/financing-section/financing-section-container.d.ts

@@ -1,9 +1,10 @@
 import './financing-section-container.css';
 import { FC, HTMLAttributes, ReactElement } from 'react';
 import { FooterDisclaimer, FooterGenericLogo } from '../index';
+import { NestedChildren } from '../helpers';
 type FinancingSectionContainerChildren = ReactElement<typeof FooterDisclaimer> | ReactElement<typeof FooterGenericLogo>;
 export interface FinancingSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
-    children?: FinancingSectionContainerChildren | FinancingSectionContainerChildren[];
+    children?: NestedChildren<FinancingSectionContainerChildren>;
     financingSectionAriaLabel?: string;
 }
 export declare const FinancingSectionContainer: FC<FinancingSectionContainerProps>;

package/artifacts/dist/types/components/footer-v2/footer.d.ts

@@ -1,7 +1,7 @@
 import { FC, HTMLAttributes } from 'react';
-import { FooterChildren, FooterVariant } from './helpers';
+import { FooterChildren, FooterVariant, NestedChildren } from './helpers';
 export interface FooterProps extends HTMLAttributes<HTMLElement> {
     variant?: FooterVariant;
-    children?: FooterChildren | FooterChildren[];
+    children?: NestedChildren<FooterChildren>;
 }
 export declare const Footer: FC<FooterProps>;

package/artifacts/dist/types/components/footer-v2/helpers.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { FinancingSectionContainer, LinksSectionContainer, LogoSectionContainer } from './index';
-type ChildType = ReactElement | ReactElement[] | undefined;
+export type NestedChildren<T> = T | NestedChildren<T>[];
+type ChildType = NestedChildren<ReactElement> | undefined;
 export type FooterChildren = ReactElement<typeof LogoSectionContainer> | ReactElement<typeof FinancingSectionContainer> | ReactElement<typeof LinksSectionContainer>;
 export type FooterVariant = 'white' | 'neutral-100' | 'primary-700' | 'primary-900';
 export declare function getChildrenOfType<T>(childType: T, children: ChildType): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/artifacts/dist/types/components/footer-v2/links-section/links-section-container/links-section-container.d.ts

@@ -1,9 +1,10 @@
 import './links-section-container.css';
 import { FC, HTMLAttributes, ReactElement } from 'react';
+import { NestedChildren } from '../../helpers';
 import { LinksSectionRelatedLinks, LinksSectionSocialLinks } from '../../index';
 type LinksSectionContainerChildren = ReactElement<typeof LinksSectionRelatedLinks> | ReactElement<typeof LinksSectionSocialLinks>;
 export interface LinksSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
-    children?: LinksSectionContainerChildren | LinksSectionContainerChildren[];
+    children?: NestedChildren<LinksSectionContainerChildren>;
 }
 export declare const LinksSectionContainer: FC<LinksSectionContainerProps>;
 export {};

package/artifacts/dist/types/components/footer-v2/links-section/links-section-related-links/links-section-related-links.d.ts

@@ -1,9 +1,10 @@
 import './links-section-related-links.css';
 import { FC, HTMLAttributes, ReactElement } from 'react';
 import { FooterLink, LinksSectionRelatedLinksCopyright } from '../../index';
+import { NestedChildren } from '../../helpers';
 type LinksSectionRelatedLinksChildren = ReactElement<typeof FooterLink> | ReactElement<typeof LinksSectionRelatedLinksCopyright>;
 export interface LinksSectionRelatedLinksProps extends HTMLAttributes<HTMLDivElement> {
-    children?: LinksSectionRelatedLinksChildren | LinksSectionRelatedLinksChildren[];
+    children?: NestedChildren<LinksSectionRelatedLinksChildren>;
     linksSectionRelatedAriaLabel?: string;
 }
 export declare const LinksSectionRelatedLinks: FC<LinksSectionRelatedLinksProps>;

package/artifacts/dist/types/components/footer-v2/links-section/links-section-social-links/links-section-social-links.d.ts

@@ -1,9 +1,10 @@
 import './links-section-social-links.css';
 import { FC, HTMLAttributes, ReactElement } from 'react';
 import { FooterLink, LinksSectionSocialLinksLabel } from '../../index';
+import { NestedChildren } from '../../helpers';
 type LinksSectionSocialLinksChildren = ReactElement<typeof LinksSectionSocialLinksLabel> | ReactElement<typeof FooterLink>;
 export interface LinksSectionSocialLinksProps extends HTMLAttributes<HTMLDivElement> {
-    children?: LinksSectionSocialLinksChildren | LinksSectionSocialLinksChildren[];
+    children?: NestedChildren<LinksSectionSocialLinksChildren>;
     linksSectionSocialAriaLabel?: string;
 }
 export declare const LinksSectionSocialLinks: FC<LinksSectionSocialLinksProps>;

package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-container/logo-section-container.d.ts

@@ -1,9 +1,10 @@
 import './logo-section-container.css';
 import { FC, HTMLAttributes, ReactElement } from 'react';
 import { FooterDisclaimer, FooterGenericLogo, LogoSectionAccessibilityLogo, LogoSectionFreestyle, LogoSectionMainLogo } from '../../index';
+import { NestedChildren } from '../../helpers';
 type LogoSectionContainerChildren = ReactElement<typeof LogoSectionFreestyle> | ReactElement<typeof LogoSectionMainLogo> | ReactElement<typeof FooterGenericLogo> | ReactElement<typeof FooterDisclaimer> | ReactElement<typeof LogoSectionAccessibilityLogo>;
 export interface LogoSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
-    children?: LogoSectionContainerChildren | LogoSectionContainerChildren[];
+    children?: NestedChildren<LogoSectionContainerChildren>;
 }
 export declare const LogoSectionContainer: FC<LogoSectionContainerProps>;
 export {};

package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-anchor.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalDirectLinkAnchorProps } from '../../internals/general-bar/direct-link/internal-direct-link-anchor';
+export interface DirectLinkAnchorProps extends InternalDirectLinkAnchorProps {
+}
+export declare const DirectLinkAnchor: FC<DirectLinkAnchorProps>;

package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-go-back.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalDirectLinkGoBackProps } from '../../internals/general-bar/direct-link/internal-direct-link-go-back';
+export interface DirectLinkGoBackProps extends InternalDirectLinkGoBackProps {
+}
+export declare const DirectLinkGoBack: FC<DirectLinkGoBackProps>;

package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-section-title.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalDirectLinkSectionTitleProps } from '../../internals/general-bar/direct-link/internal-direct-link-section-title';
+export interface DirectLinkSectionTitleProps extends InternalDirectLinkSectionTitleProps {
+}
+export declare const DirectLinkSectionTitle: FC<DirectLinkSectionTitleProps>;

package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-short-description.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalDirectLinkShortDescriptionProps } from '../../internals/general-bar/direct-link/internal-direct-link-short-description';
+export interface DirectLinkShortDescriptionProps extends InternalDirectLinkShortDescriptionProps {
+}
+export declare const DirectLinkShortDescription: FC<DirectLinkShortDescriptionProps>;

package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-title.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalDirectLinkTitleProps } from '../../internals/general-bar/direct-link/internal-direct-link-title';
+export interface DirectLinkTitleProps extends InternalDirectLinkTitleProps {
+}
+export declare const DirectLinkTitle: FC<DirectLinkTitleProps>;