@ama-pt/agora-design-system 2.2.8 → 3.0.0

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithRef, ReactNode, Ref, SyntheticEvent } from 'react';
+import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
 import { BooleanProp, HeadingLevel } from '../../models';
 import './accordion.scss';
 export interface AccordionElement extends HTMLDivElement {
@@ -31,7 +31,7 @@ export interface AccordionElement extends HTMLDivElement {
      */
     isExpanded: boolean;
 }
-export interface AccordionProps extends ComponentPropsWithRef<'div'> {
+export interface AccordionProps extends ComponentProps<'div'> {
     /**
      * The flag to set Dark mode.
      */
@@ -52,11 +52,6 @@ export interface AccordionProps extends ComponentPropsWithRef<'div'> {
      * Defines if an icon is shown previously of title.
      */
     hasIcon?: BooleanProp;
-    /**
-     * Defines the name of the icon to use.
-     * @deprecated use leadingIcon and leadingIconHover instead.
-     */
-    icon?: string;
     /**
      * Defines the name of the leading icon to use.
      */
@@ -85,9 +80,6 @@ export interface AccordionProps extends ComponentPropsWithRef<'div'> {
      * Value for the expanded value.
      */
     expanded?: BooleanProp;
-    /**
-     * React ref object to the accordion.
-     */
-    ref?: Ref<AccordionElement>;
 }
-export declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<AccordionElement>>;
+declare const Accordion: FC<AccordionProps>;
+export { Accordion };

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

@@ -1,8 +1,8 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactElement } from 'react';
+import { ComponentProps, FC, ReactElement } from 'react';
 import { BooleanProp } from '../../models';
 import { AccordionProps } from '../../components/accordion';
 import './accordion-group.scss';
-export interface AccordionGroupProps extends ComponentPropsWithRef<'ul'> {
+export interface AccordionGroupProps extends ComponentProps<'ul'> {
     /**
      * List of accordion components to use as children of the group.
      */
@@ -12,5 +12,5 @@ export interface AccordionGroupProps extends ComponentPropsWithRef<'ul'> {
      */
     darkMode?: BooleanProp;
 }
-export declare const InnerAccordionGroup: ForwardRefRenderFunction<HTMLUListElement, AccordionGroupProps>;
-export declare const AccordionGroup: React.ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const AccordionGroup: FC<AccordionGroupProps>;
+export { AccordionGroup };

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

@@ -1,5 +1,5 @@
 import { BooleanProp } from '../../models';
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import './anchor.scss';
 /**
  * The available variants of the anchors. This variants will define the background and border color of the anchors.
@@ -9,7 +9,7 @@ export type AnchorVariant = 'primary' | 'informative' | 'neutral' | 'success' |
  * The available anchor appearances. Defines the anchor shape.
  */
 export type AnchorAppearance = 'link' | 'text';
-export interface AnchorProps extends ComponentPropsWithRef<'a'> {
+export interface AnchorProps extends ComponentProps<'a'> {
     /**
      * The flag to set Dark mode.
      */
@@ -63,5 +63,5 @@ export interface AnchorProps extends ComponentPropsWithRef<'a'> {
      */
     [dataAttribute: `data-${string}`]: string;
 }
-export declare const InnerAnchor: ForwardRefRenderFunction<HTMLAnchorElement, AnchorProps>;
-export declare const Anchor: React.ForwardRefExoticComponent<Omit<AnchorProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const Anchor: FC<AnchorProps>;
+export { Anchor };

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { IconName } from '../../components/icon';
 import { TooltipAlignment, TooltipPosition } from '../../components/tooltip';
 import { BooleanProp } from '../../models';
@@ -11,7 +11,7 @@ export type AvatarType = 'image' | 'icon' | 'initials';
  * The available badge positions. Each of them defines the location of the badge on the avatar.
  */
 export type AvatarBadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-export interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
+export interface AvatarProps extends ComponentProps<'div'> {
     /**
      *  Defines the appearance of the avatar.
      */
@@ -62,4 +62,5 @@ export interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
      */
     onActivate?: () => void;
 }
-export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+declare const Avatar: FC<AvatarProps>;
+export { Avatar };

package/artifacts/dist/types/components/avatar/interactive-avatar.d.ts

@@ -1,9 +1,9 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
-export interface InteractiveAvatarProps extends ComponentPropsWithRef<'div'> {
+import { ComponentProps, FC, ReactNode } from 'react';
+export interface InteractiveAvatarProps extends ComponentProps<'div'> {
     alt?: string;
     className?: string;
     onActivate?: () => void;
     children?: ReactNode;
 }
-export declare const InnerInteractiveAvatar: ForwardRefRenderFunction<HTMLDivElement, InteractiveAvatarProps>;
-export declare const InteractiveAvatar: React.ForwardRefExoticComponent<Omit<InteractiveAvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const InteractiveAvatar: FC<InteractiveAvatarProps>;
+export { InteractiveAvatar };

package/artifacts/dist/types/components/avatar/non-interactive-avatar.d.ts

@@ -1,8 +1,8 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
-export interface NonInteractiveAvatarProps extends ComponentPropsWithRef<'div'> {
+import { ComponentProps, FC, ReactNode } from 'react';
+export interface NonInteractiveAvatarProps extends ComponentProps<'div'> {
     alt?: string;
     className?: string;
     children?: ReactNode;
 }
-export declare const InnerNonInteractiveAvatar: ForwardRefRenderFunction<HTMLDivElement, NonInteractiveAvatarProps>;
-export declare const NonInteractiveAvatar: React.ForwardRefExoticComponent<Omit<NonInteractiveAvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NonInteractiveAvatar: FC<NonInteractiveAvatarProps>;
+export { NonInteractiveAvatar };

package/artifacts/dist/types/components/back-to-top/back-to-top.d.ts

@@ -1,8 +1,7 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
-import { ButtonElement } from '../../components/button';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { TooltipAlignment, TooltipPosition, TooltipVariant } from '../../components/tooltip';
 import { BooleanProp } from '../../models';
-export interface BackToTopProps extends Omit<ComponentPropsWithRef<'button'>, 'ref'> {
+export interface BackToTopProps extends ComponentProps<'button'> {
     /**
      * The variant of the Tooltip.
      */
@@ -28,5 +27,5 @@ export interface BackToTopProps extends Omit<ComponentPropsWithRef<'button'>, 'r
      */
     tooltipDescription: ReactNode;
 }
-export declare const InnerBackToTop: ForwardRefRenderFunction<ButtonElement, BackToTopProps>;
-export declare const BackToTop: React.ForwardRefExoticComponent<BackToTopProps & React.RefAttributes<ButtonElement>>;
+declare const BackToTop: FC<BackToTopProps>;
+export { BackToTop };

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

@@ -1,5 +1,5 @@
 import { BooleanProp } from '../../models';
-import React, { ComponentPropsWithRef, ReactNode, SyntheticEvent } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import './button.scss';
 /**
  * The available variants of the button. This variants will define the background and border color of the button.
@@ -9,10 +9,7 @@ export type ButtonVariant = 'primary' | 'neutral' | 'success' | 'warning' | 'dan
  * The available button appearances. Defines the button shape.
  */
 export type ButtonAppearance = 'solid' | 'outline' | 'link';
-export interface ButtonElement extends HTMLButtonElement {
-    selected: boolean;
-}
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'ref'> {
+export interface ButtonProps extends ComponentProps<'button'> {
     /**
      * The flag to set Dark mode.
      */
@@ -57,20 +54,11 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'ref'
      * Children content.
      */
     children?: ReactNode;
-    /**
-     * Defines if the button is selected.
-     * @deprecated Use Toggle component instead.
-     */
-    selected?: BooleanProp;
-    /**
-     * Event triggered every time the button is selected or unselected.
-     * @deprecated Use Toggle component instead.
-     */
-    onChange?: (evt: SyntheticEvent<ButtonElement>) => void;
     /**
      * Data attributes.
      * Allow when implemented interface add data-* attribute.
      */
     [dataAttribute: `data-${string}`]: string;
 }
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ButtonElement>>;
+declare const Button: FC<ButtonProps>;
+export { Button };

package/artifacts/dist/types/components/button/index.d.ts

@@ -1,2 +1,2 @@
 export { Button } from './button';
-export type { ButtonAppearance, ButtonProps, ButtonVariant, ButtonElement } from './button';
+export type { ButtonAppearance, ButtonProps, ButtonVariant } from './button';

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

@@ -16,30 +16,10 @@ export interface ButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement
      *Defines if the button should be fluid.
      */
     fullWidth?: BooleanProp;
-    /**
-     * Group name
-     *  @deprecated Use ToggleGroup component instead.
-     */
-    name?: string;
     /**
      *  List of button components to use as children of the group.
      */
     children?: ReactElement<ButtonProps> | Array<ReactElement<ButtonProps>>;
-    /**
-     *  Event triggered whenever any of the buttons changes is own state.
-     *  @deprecated Use ToggleGroup component instead.
-     */
-    onChange?: (selectedButtons: Array<ReactElement<ButtonProps>>) => void;
-    /**
-     * Defines if the group allows multiple selection.
-     *  @deprecated Use ToggleGroup component instead.
-     */
-    multiple?: BooleanProp;
-    /**
-     * Determines if buttons can be unselected.
-     *  @deprecated Use ToggleGroup component instead.
-     */
-    allowUnselect?: BooleanProp;
     /**
      * Defines vertical or horizontal orientation.
      */

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithRef, ReactNode, Ref, SyntheticEvent } from 'react';
+import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
 import { BooleanProp, HeadingLevel } from '../../../../models';
 import './card-accordion.scss';
 /**
@@ -23,7 +23,7 @@ export interface CardAccordionElement extends HTMLDivElement {
      */
     isExpanded: boolean;
 }
-export interface CardAccordionProps extends ComponentPropsWithRef<'div'> {
+export interface CardAccordionProps extends ComponentProps<'div'> {
     /**
      * The variant of the accordion. Those variants will define the style of the accordion.
      */
@@ -72,9 +72,6 @@ export interface CardAccordionProps extends ComponentPropsWithRef<'div'> {
      * Value for the expanded value.
      */
     expanded?: BooleanProp;
-    /**
-     * React ref object to the accordion.
-     */
-    ref?: Ref<CardAccordionElement>;
 }
-export declare const CardAccordion: React.ForwardRefExoticComponent<Omit<CardAccordionProps, "ref"> & React.RefAttributes<CardAccordionElement>>;
+declare const CardAccordion: FC<CardAccordionProps>;
+export { CardAccordion };

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

@@ -1,5 +1,5 @@
 import { BooleanProp, HeadingLevel } from '../../../models';
-import React, { ComponentPropsWithoutRef, ForwardRefRenderFunction, ReactNode, Ref, SyntheticEvent } from 'react';
+import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
 import './card-expandable.scss';
 import { CardAccordionElement } from './card-accordion';
 /**
@@ -8,7 +8,7 @@ import { CardAccordionElement } from './card-accordion';
 export type CardExpandableVariant = 'white' | 'primary-light' | 'primary-dark';
 export interface CardExpandableElement extends CardAccordionElement {
 }
-export interface CardExpandableProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+export interface CardExpandableProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * The variant of the card. Those variants will define the style of the card.
      */
@@ -73,10 +73,6 @@ export interface CardExpandableProps extends Omit<ComponentPropsWithoutRef<'div'
      * Event function called whenever the accordion expands or collapses.
      */
     onChange?: (evt: SyntheticEvent<CardAccordionElement | undefined>) => void | undefined;
-    /**
-     * React ref object to the accordion.
-     */
-    ref?: Ref<CardAccordionElement>;
 }
-export declare const InnerComponent: ForwardRefRenderFunction<CardExpandableElement, CardExpandableProps>;
-export declare const CardExpandable: React.ForwardRefExoticComponent<Omit<CardExpandableProps, "ref"> & React.RefAttributes<CardExpandableElement>>;
+declare const CardExpandable: FC<CardExpandableProps>;
+export { CardExpandable };

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

@@ -1,11 +1,11 @@
-import { ComponentPropsWithRef, FC, ImgHTMLAttributes, ReactNode } from 'react';
+import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
 import { AnchorProps } from '../../../components/anchor';
 import { HeadingLevel } from '../../../models';
 import './card-highlight.scss';
 export type HighlightAreaPositionType = 'interior' | 'exterior';
 export type HighlightCardPositionType = 'bottom' | 'middle';
 export type HighlightCardSizeType = 's' | 'default';
-export interface CardHighlightProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+export interface CardHighlightProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * The image to be displayed.
      */

package/artifacts/dist/types/components/cards/card-highlight/shared/inner-highlight-card.d.ts

@@ -1,8 +1,8 @@
-import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { AnchorProps } from '../../../../components/anchor';
 import { HeadingLevel } from '../../../../models';
 import './inner-highlight-card.scss';
-export interface InnerHighlightCardProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+export interface InnerHighlightCardProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * header title.
      */

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

@@ -1,7 +1,7 @@
-import { ComponentPropsWithRef, FC, ImgHTMLAttributes, ReactElement, ReactNode } from 'react';
+import { ComponentProps, FC, ImgHTMLAttributes, ReactElement, ReactNode } from 'react';
 import { InputEmailBarProps } from '../../../components/input-email-bar/input-email-bar';
 import './card-highlight-newsletter.scss';
-export interface CardHighlightNewsletterProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+export interface CardHighlightNewsletterProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * The title to be displayed.
      */

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

@@ -1,8 +1,8 @@
-import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { ButtonProps } from '../../../components/button';
 import './card-highlight-single.scss';
 import { BooleanProp } from '../../../models';
-export interface CardHighlightSingleProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+export interface CardHighlightSingleProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * Card title.
      */

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

@@ -1,8 +1,8 @@
-import { ComponentPropsWithRef, FC, ImgHTMLAttributes, ReactNode } from 'react';
+import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
 import { BooleanProp, HeadingLevel } from '../../../models';
 import { AnchorProps } from '../../../components/anchor';
 import './card-links.scss';
-export interface CardLinksProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+export interface CardLinksProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * Heading level to apply in the card.
      */

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

@@ -1,7 +1,7 @@
-import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../../models';
 import './card-no-results.scss';
-export interface CardNoResultsProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+export interface CardNoResultsProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * Icon to display in the card.
      */

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, HeadingLevel } from '../../../models';
 import { AnchorProps } from '../../../components/anchor';
 import { IconProps } from '../../../components/icon';
@@ -7,7 +7,7 @@ import './card-single.scss';
  * Card Single Variants
  */
 export type CardSingleVariant = 'default' | 'neutral' | 'white';
-export interface CardSingleProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+export interface CardSingleProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * Defines the variant of the card single.
      */

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

@@ -1,7 +1,7 @@
 import { BooleanProp, FeedbackState } from '../../models';
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import './checkbox.scss';
-export interface CheckboxProps extends ComponentPropsWithRef<'input'> {
+export interface CheckboxProps extends ComponentProps<'input'> {
     /**
      * Input label text.
      */
@@ -35,5 +35,5 @@ export interface CheckboxProps extends ComponentPropsWithRef<'input'> {
      */
     darkMode?: BooleanProp;
 }
-export declare const InnerCheckbox: ForwardRefRenderFunction<HTMLInputElement, CheckboxProps>;
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: FC<CheckboxProps>;
+export { Checkbox };

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from 'react';
+import { ComponentProps, FC } from 'react';
 import { BooleanProp } from '../../models';
 import './dialog.scss';
 export interface DialogElement extends HTMLDivElement {
@@ -15,7 +15,7 @@ export interface DialogElement extends HTMLDivElement {
      * */
     hide: () => void;
 }
-export interface DialogProps extends ComponentPropsWithRef<'div'> {
+export interface DialogProps extends ComponentProps<'div'> {
     /**
      * Initial visibility state of the dialog.
      * */
@@ -49,5 +49,5 @@ export interface DialogProps extends ComponentPropsWithRef<'div'> {
      */
     onShow?: () => void;
 }
-export declare const InnerDialog: ForwardRefRenderFunction<DialogElement, DialogProps>;
-export declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<DialogElement>>;
+declare const Dialog: FC<DialogProps>;
+export { Dialog };

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
 import './drawer.scss';
 export type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
@@ -16,7 +16,7 @@ export interface DrawerElement extends HTMLDivElement {
      */
     close: () => void;
 }
-export interface DrawerProps extends ComponentPropsWithRef<'div'> {
+export interface DrawerProps extends ComponentProps<'div'> {
     /**
      * Children content.
      */
@@ -53,5 +53,5 @@ export interface DrawerProps extends ComponentPropsWithRef<'div'> {
 /**
  * Return icon default animation class drawer icon name and default position.
  */
-export declare const InnerDrawer: ForwardRefRenderFunction<DrawerElement, DrawerProps>;
-export declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<DrawerElement>>;
+declare const Drawer: FC<DrawerProps>;
+export { Drawer };

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

@@ -1,16 +1,16 @@
 import { BooleanProp } from '../../models';
-import React, { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
+import { ComponentProps, FC, ReactElement, ReactNode } from 'react';
 import { DropdownOptionProps } from './dropdown-option';
 import { DropdownSectionProps } from './dropdown-section';
 import { DropdownType } from './dropdown-type';
-export interface DropdownElement {
+export interface DropdownElement extends HTMLDivElement {
     visibility: boolean;
     show: () => void;
     hide: () => void;
     first: () => void;
     last: () => void;
 }
-export interface DropdownProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
+export interface DropdownProps extends Omit<ComponentProps<'div'>, 'onChange'> {
     /**
      *  Toggles visibility on section names. It also removes the name from accessibility tree.
      */
@@ -68,4 +68,5 @@ export interface DropdownProps extends Omit<ComponentPropsWithRef<'div'>, 'onCha
      */
     selectAllLabel?: string;
 }
-export declare const Dropdown: React.ForwardRefExoticComponent<Omit<DropdownProps, "ref"> & React.RefAttributes<DropdownElement>>;
+declare const Dropdown: FC<DropdownProps>;
+export { Dropdown };

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-filter-section.d.ts

@@ -1,10 +1,11 @@
-import React, { ComponentPropsWithRef, RefObject } from 'react';
+import { ComponentProps, FC, RefObject } from 'react';
 import './internal-dropdown-filter-section.scss';
 export interface InternalDropdownFilterSectionRef extends RefObject<HTMLInputElement> {
     filterElem: HTMLLIElement | null;
     resetFilter: () => void;
 }
-export interface InternalDropdownFilterSectionProps extends ComponentPropsWithRef<'input'> {
+export interface InternalDropdownFilterSectionProps extends ComponentProps<'input'> {
     debounceTimeout?: number;
 }
-export declare const InternalDropdownFilterSection: React.ForwardRefExoticComponent<Omit<InternalDropdownFilterSectionProps, "ref"> & React.RefAttributes<InternalDropdownFilterSectionRef | null>>;
+declare const InternalDropdownFilterSection: FC<InternalDropdownFilterSectionProps>;
+export { InternalDropdownFilterSection };

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-option.d.ts

@@ -1,7 +1,7 @@
 import { BooleanProp, IconPosition } from '../../../models';
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import './internal-dropdown-option.scss';
-export interface InternalDropdownOptionProps extends ComponentPropsWithRef<'li'> {
+export interface InternalDropdownOptionProps extends ComponentProps<'li'> {
     className?: string;
     name?: string;
     value: string;
@@ -14,4 +14,5 @@ export interface InternalDropdownOptionProps extends ComponentPropsWithRef<'li'>
     filtered?: BooleanProp;
     sectionOptionId?: string;
 }
-export declare const InternalDropdownOption: React.ForwardRefExoticComponent<Omit<InternalDropdownOptionProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const InternalDropdownOption: FC<InternalDropdownOptionProps>;
+export { InternalDropdownOption };

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown.d.ts

@@ -1,10 +1,10 @@
 import { BooleanProp } from '../../../models';
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentProps, FC, ReactNode } from 'react';
 import './internal-dropdown.scss';
 export interface InternalDropdownElement extends HTMLDivElement {
     resetFilter: () => void;
 }
-export interface InternalDropdownProps extends ComponentPropsWithoutRef<'div'> {
+export interface InternalDropdownProps extends ComponentProps<'div'> {
     optionsVisible?: number;
     searchable?: BooleanProp;
     searchAriaLabel?: string;
@@ -14,4 +14,5 @@ export interface InternalDropdownProps extends ComponentPropsWithoutRef<'div'> {
     onInputSearchChange?: (value: string) => void;
     selectAllLabel?: string;
 }
-export declare const InternalDropdown: React.ForwardRefExoticComponent<InternalDropdownProps & React.RefAttributes<InternalDropdownElement>>;
+declare const InternalDropdown: FC<InternalDropdownProps>;
+export { InternalDropdown };

package/artifacts/dist/types/components/glossary-letters/glossary-letters.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction, HTMLProps } from 'react';
+import { ComponentProps, FC, HTMLProps } from 'react';
 import './glossary-letters.scss';
 export type LetterStatus = 'default' | 'disabled' | 'selected';
 export interface GlossaryLetter extends HTMLProps<HTMLAnchorElement> {
@@ -15,11 +15,11 @@ export interface GlossaryLetter extends HTMLProps<HTMLAnchorElement> {
      */
     [dataAttribute: `data-${string}`]: string;
 }
-export interface GlossaryLettersProps extends ComponentPropsWithRef<'div'> {
+export interface GlossaryLettersProps extends ComponentProps<'div'> {
     /**
      * Letters Array
      */
     letters?: GlossaryLetter[];
 }
-export declare const InnerGlossaryLetters: ForwardRefRenderFunction<HTMLDivElement, GlossaryLettersProps>;
-export declare const GlossaryLetters: React.ForwardRefExoticComponent<Omit<GlossaryLettersProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const GlossaryLetters: FC<GlossaryLettersProps>;
+export { GlossaryLetters };

package/artifacts/dist/types/components/header/brand/institutional.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
-export interface InstitutionalProps extends ComponentPropsWithoutRef<'div'> {
+import { ComponentProps, FC } from 'react';
+export interface InstitutionalProps extends ComponentProps<'div'> {
 }
 export declare const Institutional: FC<InstitutionalProps>;

package/artifacts/dist/types/components/header/brand/logo.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
-export interface LogoProps extends ComponentPropsWithoutRef<'div'> {
+import { ComponentProps, FC } from 'react';
+export interface LogoProps extends ComponentProps<'div'> {
 }
 export declare const Logo: FC<LogoProps>;

package/artifacts/dist/types/components/header/general-bar/authenticated/authenticated-body.d.ts

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { ComponentProps, FC, ReactElement } from 'react';
 import { AuthenticatedBodyLinkProps } from './authenticated-body-link';
-export interface AuthenticatedBodyProps extends ComponentPropsWithoutRef<'div'> {
+export interface AuthenticatedBodyProps extends ComponentProps<'div'> {
     children?: ReactElement<AuthenticatedBodyLinkProps> | ReactElement<AuthenticatedBodyLinkProps>[];
 }
 export declare const AuthenticatedBody: FC<AuthenticatedBodyProps>;

package/artifacts/dist/types/components/header/general-bar/authenticated/authenticated-footer.d.ts

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { ComponentProps, FC, ReactElement } from 'react';
 import { AuthenticatedFooterActionProps } from './authenticated-footer-action';
-export interface AuthenticatedFooterProps extends ComponentPropsWithoutRef<'div'> {
+export interface AuthenticatedFooterProps extends ComponentProps<'div'> {
     children: ReactElement<AuthenticatedFooterActionProps> | ReactElement<AuthenticatedFooterActionProps>[];
 }
 export declare const AuthenticatedFooter: FC<AuthenticatedFooterProps>;

package/artifacts/dist/types/components/header/general-bar/authenticated/authenticated-header.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
-export interface AuthenticatedHeaderProps extends ComponentPropsWithoutRef<'div'> {
+import { ComponentProps, FC } from 'react';
+export interface AuthenticatedHeaderProps extends ComponentProps<'div'> {
     closeAriaLabel?: string;
 }
 export declare const AuthenticatedHeader: FC<AuthenticatedHeaderProps>;

package/artifacts/dist/types/components/header/general-bar/languages/language.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
-export interface LanguageProps extends ComponentPropsWithoutRef<'input'> {
+import { ComponentProps, FC } from 'react';
+export interface LanguageProps extends ComponentProps<'input'> {
     icon?: string;
     label: string;
     abbr: string;

package/artifacts/dist/types/components/header/general-bar/search/custom-search.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
-export interface CustomSearchProps extends ComponentPropsWithoutRef<'div'> {
+import { ComponentProps, FC } from 'react';
+export interface CustomSearchProps extends ComponentProps<'div'> {
 }
 export declare const CustomSearch: FC<CustomSearchProps>;