@nulogy/components 10.2.10 → 10.2.11

package/dist/src/BrandedNavBar/MobileMenu.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 type ThemeColorObject = {
     textColor?: string;
     background?: string;
-    logoColor?: string;
+    logoColor?: "white" | "blue";
 };
 type MenuData = {
     primaryMenu?: any[];

package/dist/src/BrandedNavBar/isValidMenuItem.d.ts

@@ -1,2 +1 @@
-declare const isValidMenuItem: (arr: any, idx: any, componentName: any, location: any, propFullName: any) => Error;
-export default isValidMenuItem;
+export default function isValidMenuItem(arr: any, idx: any, componentName: any, location: any, propFullName: any): Error;

package/dist/src/Branding/BrandingText.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-declare const BrandingText: React.FC<React.PropsWithChildren<any>>;
+type BrandingTextProps = {
+    logoColor?: "blue" | "white";
+    size?: "small" | "medium" | "large";
+};
+declare const BrandingText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, BrandingTextProps, never>;
 export default BrandingText;

package/dist/src/Branding/LettermarkLogo.d.ts

@@ -3,5 +3,5 @@ type LettermarkLogoProps = {
     letterFill?: string;
     size?: string;
 };
-declare const LettermarkLogo: React.FC<React.PropsWithChildren<LettermarkLogoProps>>;
-export default LettermarkLogo;
+export default function LettermarkLogo({ size, letterFill, ...props }: LettermarkLogoProps): React.JSX.Element;
+export {};

package/dist/src/Branding/WordmarkLogo.d.ts

@@ -3,6 +3,7 @@ type WordmarkLogoProps = {
     logoFill?: string;
     letterFill?: string;
     size?: string;
+    children?: React.ReactNode;
 };
-declare const WordmarkLogo: React.FC<React.PropsWithChildren<WordmarkLogoProps>>;
-export default WordmarkLogo;
+export default function WordmarkLogo({ size, logoFill, letterFill, ...props }: WordmarkLogoProps): React.JSX.Element;
+export {};

package/dist/src/Breadcrumbs/Breadcrumbs.d.ts

@@ -4,10 +4,5 @@ import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
 type BreadcrumbsProps = Omit<FlexProps, "size"> & {
     size?: ComponentSize;
 };
-declare const Breadcrumbs: {
-    ({ size, children, ...props }: BreadcrumbsProps): React.JSX.Element;
-    defaultProps: {
-        as: string;
-    };
-};
+declare const Breadcrumbs: ({ size, as, children, ...props }: BreadcrumbsProps) => React.JSX.Element;
 export default Breadcrumbs;

package/dist/src/Button/ControlIcon.d.ts

@@ -3,7 +3,7 @@ import { SpaceProps } from "styled-system";
 declare const ControlIcon: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: React.Ref<HTMLButtonElement>;
 } & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    onClick?: (...args: any[]) => any;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     icon: string;
     toggled?: boolean;
     disabled?: boolean;

package/dist/src/ButtonGroup/ButtonGroup.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
-import { FlexProps } from "../Flex/Flex";
-type ButtonGroupProps = FlexProps & {
+declare const ButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & {
+    gap?: import("csstype").Property.Gap<string | number>;
+    rowGap?: import("csstype").Property.RowGap<string | number>;
+    columnGap?: import("csstype").Property.ColumnGap<string | number>;
+} & {
+    children?: React.ReactNode;
     alignment?: "left" | "spaced" | "right";
     className?: string;
-};
-declare const ButtonGroup: React.FC<React.PropsWithChildren<ButtonGroupProps>>;
+}, never>;
 export default ButtonGroup;

package/dist/src/Card/Card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import { BoxProps } from "../Box/Box";
-declare const Card: React.FC<React.PropsWithChildren<BoxProps>>;
-export default Card;
+export default function Card({ children, borderRadius, boxShadow, bg, py, px, position, ...props }: BoxProps): React.JSX.Element;

package/dist/src/Card/CardSet.d.ts

@@ -1,4 +1,6 @@
-import React from "react";
-import { BoxProps } from "../Box/Box";
-declare const CardSet: import("styled-components").StyledComponent<({ children, ...props }: BoxProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const CardSet: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & {
+    gap?: import("csstype").Property.Gap<string | number>;
+    rowGap?: import("csstype").Property.RowGap<string | number>;
+    columnGap?: import("csstype").Property.ColumnGap<string | number>;
+}, never>;
 export default CardSet;

package/dist/src/Checkbox/Checkbox.d.ts

@@ -4,6 +4,7 @@ import { DefaultNDSThemeType } from "../theme.type";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
 type NativeInputProps = Omit<React.ComponentPropsWithRef<"input">, "size">;
 type CheckboxProps = NativeInputProps & SpaceProps & {
+    children?: React.ReactNode;
     htmlSize?: number;
     size?: ComponentSize;
     labelText?: string;
@@ -13,5 +14,5 @@ type CheckboxProps = NativeInputProps & SpaceProps & {
     indeterminate?: boolean;
     theme?: DefaultNDSThemeType;
 };
-declare const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/dist/src/Checkbox/CheckboxGroup.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 interface CheckboxGroupProps {
+    children?: React.ReactNode;
     errorMessage?: string;
     errorList?: string[];
     labelText: string;
@@ -14,5 +15,5 @@ interface CheckboxGroupProps {
     required?: boolean;
     disabled?: boolean;
 }
-declare const CheckboxGroup: React.FC<React.PropsWithChildren<CheckboxGroupProps>>;
-export default CheckboxGroup;
+export default function CheckboxGroup({ className, id, errorMessage, errorList, labelText, helpText, requirementText, ...props }: CheckboxGroupProps): React.JSX.Element;
+export {};

package/dist/src/DatePicker/DatePickerHeader.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
-type DatePickerHeaderProps = {
-    date: any;
-    decreaseMonth: (...args: any[]) => any;
-    increaseMonth: (...args: any[]) => any;
+type Props = {
+    date: number;
+    decreaseMonth: React.MouseEventHandler<HTMLButtonElement>;
+    increaseMonth: React.MouseEventHandler<HTMLButtonElement>;
     prevMonthButtonDisabled: boolean;
     nextMonthButtonDisabled: boolean;
     locale?: string;
 };
-declare const DatePickerHeader: React.FC<React.PropsWithChildren<DatePickerHeaderProps>>;
-export default DatePickerHeader;
+export default function DatePickerHeader({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, locale, }: Props): React.JSX.Element;
+export {};

package/dist/src/DropdownMenu/DropdownItem.d.ts

@@ -1,10 +1,7 @@
-/// <reference types="react" />
-import { DefaultNDSThemeType } from "../theme.type";
-type DropdownItemProps = {
-    theme?: DefaultNDSThemeType;
+type Props = {
     color?: string;
     hoverColor?: string;
     bgHoverColor?: string;
 };
-declare const DropdownItem: React.FC<React.PropsWithChildren<DropdownItemProps>>;
+declare const DropdownItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
 export default DropdownItem;

package/dist/src/DropdownMenu/DropdownLink.d.ts

@@ -1,14 +1,12 @@
 import React from "react";
 import { StyledProps } from "../StyledProps";
-import { DefaultNDSThemeType } from "../theme.type";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
-type DropdownLinkProps = React.ComponentPropsWithRef<"a"> & StyledProps & {
+interface Props extends React.ComponentPropsWithRef<"a">, StyledProps {
     disabled?: boolean;
     size?: ComponentSize;
     color?: string;
-    theme?: DefaultNDSThemeType;
     hoverColor?: string;
     bgHoverColor?: string;
-};
-declare const DropdownLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, DropdownLinkProps, never>;
+}
+declare const DropdownLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Props, never>;
 export default DropdownLink;

package/dist/src/DropdownMenu/DropdownMenu.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
 import { StyledProps } from "../StyledProps";
-type DropdownMenuProps = {
+declare const DropdownMenu: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
     className?: string;
     size?: ComponentSize;
     id?: string;
@@ -17,6 +18,5 @@ type DropdownMenuProps = {
     openAriaLabel?: string;
     closeAriaLabel?: string;
     openOnHover?: boolean;
-} & StyledProps;
-declare const DropdownMenu: React.FC<React.PropsWithChildren<DropdownMenuProps>>;
+} & StyledProps & React.RefAttributes<React.Ref<unknown>>>;
 export default DropdownMenu;

package/dist/src/FieldLabel/FieldLabel.d.ts

@@ -1,12 +1,3 @@
 import React from "react";
 import { FieldLabelProps } from "./FieldLabel.type";
-declare const FieldLabel: {
-    ({ labelText, requirementText, helpText, hint, children, ...props }: FieldLabelProps): React.JSX.Element;
-    defaultProps: {
-        children: any;
-        requirementText: any;
-        helpText: any;
-        id: any;
-    };
-};
-export default FieldLabel;
+export default function FieldLabel({ labelText, requirementText, helpText, hint, children, ...props }: FieldLabelProps): React.JSX.Element;

package/dist/src/Form/FormSection.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-type BaseFormSectionProps = React.ComponentPropsWithRef<"fieldset"> & {
+interface BaseFormSectionProps extends React.ComponentPropsWithRef<"fieldset"> {
     title?: string;
-};
-declare const FormSection: import("styled-components").StyledComponent<React.FC<React.PropsWithChildren<BaseFormSectionProps>>, import("styled-components").DefaultTheme, {}, never>;
+}
+declare const FormSection: import("styled-components").StyledComponent<({ title, children, ...props }: BaseFormSectionProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default FormSection;

package/dist/src/Icon/Icon.d.ts

@@ -10,5 +10,5 @@ interface IconProps extends SpaceProps {
     style?: React.CSSProperties;
 }
 declare const Icon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IconProps, never>;
-export declare const InlineIcon: (props: IconProps) => React.JSX.Element;
+export declare function InlineIcon(props: IconProps): React.JSX.Element;
 export default Icon;

package/dist/src/Input/Suffix.d.ts

@@ -1,15 +1,8 @@
 import React from "react";
 import { TextProps } from "../Type/Text";
-type SuffixProps = TextProps & {
+interface SuffixProps extends TextProps {
     suffix?: string;
     suffixWidth?: string;
-};
-declare const Suffix: {
-    ({ suffix, suffixWidth, ...props }: SuffixProps): React.JSX.Element;
-    defaultProps: {
-        suffix: any;
-        children: any;
-        suffixWidth: any;
-    };
-};
-export default Suffix;
+}
+export default function Suffix({ suffix, suffixWidth, ...props }: SuffixProps): React.JSX.Element;
+export {};

package/dist/src/List/List.d.ts

@@ -1,12 +1,10 @@
 /// <reference types="react" />
-import { DefaultNDSThemeType } from "../theme.type";
 import { StyledProps } from "../StyledProps";
-type ListProps = React.ComponentPropsWithRef<"ul"> & StyledProps & {
-    theme?: DefaultNDSThemeType;
+interface Props extends React.ComponentPropsWithRef<"ul">, StyledProps {
     className?: string;
     compact?: boolean;
     leftAlign?: boolean;
     listStyle?: string;
-};
-declare const List: React.FC<React.PropsWithChildren<ListProps>>;
+}
+declare const List: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, Props, never>;
 export default List;

package/dist/src/List/ListItem.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { SpaceProps, ColorProps, TypographyProps } from "styled-system";
-type ListItemProps = React.ComponentPropsWithRef<"li"> & SpaceProps & ColorProps & TypographyProps & {
-    className?: string;
-};
-declare const ListItem: React.FC<React.PropsWithChildren<ListItemProps>>;
+declare const ListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: React.Ref<HTMLLIElement>;
+} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
 export default ListItem;

package/dist/src/LoadingAnimation/LoadingAnimation.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-type LoadingAnimationProps = React.ComponentPropsWithRef<"svg"> & {
+interface Props extends React.ComponentPropsWithRef<"svg"> {
     inactive?: boolean;
-};
-declare const LoadingAnimation: React.FC<React.PropsWithChildren<LoadingAnimationProps>>;
-export default LoadingAnimation;
+}
+export default function LoadingAnimation({ inactive }: Props): React.JSX.Element;
+export {};

package/dist/src/NavBar/DesktopMenu.d.ts

@@ -1,18 +1,7 @@
 import React from "react";
-import PropTypes from "prop-types";
-declare const DesktopMenu: import("styled-components").StyledComponent<{
-    ({ menuData, themeColorObject, ...props }: {
-        [x: string]: any;
-        menuData: any;
-        themeColorObject: any;
-    }): React.JSX.Element;
-    propTypes: {
-        menuData: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
-        themeColorObject: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    };
-    defaultProps: {
-        menuData: any;
-        themeColorObject: any;
-    };
-}, import("styled-components").DefaultTheme, {}, never>;
+declare const DesktopMenu: import("styled-components").StyledComponent<({ menuData, themeColorObject, ...props }: {
+    [x: string]: any;
+    menuData: any;
+    themeColorObject: any;
+}) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default DesktopMenu;

package/dist/src/NavBar/MenuTrigger.d.ts

@@ -1,29 +1,11 @@
-import React from "react";
-import PropTypes from "prop-types";
+import React, { ReactNode } from "react";
 export type MenuTriggerProps = {
-    name?: string;
+    name?: ReactNode;
     "aria-label"?: string;
     color?: string;
     hoverColor?: string;
     hoverBackground?: string;
     menuData?: any[];
 };
-declare const MenuTrigger: {
-    (props: any): React.JSX.Element;
-    propTypes: {
-        name: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        "aria-label": PropTypes.Requireable<string>;
-        menuData: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
-        color: PropTypes.Requireable<string>;
-        hoverColor: PropTypes.Requireable<string>;
-        hoverBackground: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        menuData: any;
-        "aria-label": any;
-        color: string;
-        hoverColor: string;
-        hoverBackground: string;
-    };
-};
+declare function MenuTrigger({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, ...otherProps }: MenuTriggerProps): React.JSX.Element;
 export default MenuTrigger;

package/dist/src/NavBar/MobileMenu.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 declare const MobileMenu: import("styled-components").StyledComponent<{
     ({ menuData, closeMenu, subtext, includeSubtext, themeColorObject, ...props }: {
         [x: string]: any;
@@ -9,20 +8,6 @@ declare const MobileMenu: import("styled-components").StyledComponent<{
         includeSubtext: any;
         themeColorObject: any;
     }): React.JSX.Element;
-    propTypes: {
-        menuData: PropTypes.Requireable<PropTypes.InferProps<{
-            primaryMenu: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
-            secondaryMenu: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
-        }>>;
-        subtext: PropTypes.Requireable<string>;
-        includeSubtext: PropTypes.Requireable<boolean>;
-        closeMenu: PropTypes.Requireable<(...args: any[]) => any>;
-        themeColorObject: PropTypes.Requireable<PropTypes.InferProps<{
-            textColor: PropTypes.Requireable<string>;
-            background: PropTypes.Requireable<string>;
-            logoColor: PropTypes.Requireable<string>;
-        }>>;
-    };
     defaultProps: {
         menuData: any;
         subtext: any;

package/dist/src/NavBar/NavBar.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { DefaultNDSThemeType } from "../theme.type";
 export declare const getThemeColor: (themeColor: any) => any;
 export declare const NavBarBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & {
@@ -16,13 +15,6 @@ export declare const BrandingLink: ({ to, href, children, ...props }: {
     href: any;
     children: any;
 }) => React.JSX.Element;
-export declare const MenuDataPropTypes: {
-    primaryMenu: PropTypes.Requireable<unknown[]>;
-    secondaryMenu: PropTypes.Requireable<unknown[]>;
-    search: PropTypes.Requireable<PropTypes.InferProps<{
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-    }>>;
-};
 export declare const MobileMenuTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     hoverColor: string;
     hoverBackground: string;
@@ -35,27 +27,12 @@ export declare const MenuIcon: {
     ({ isOpen }: {
         isOpen: any;
     }): React.JSX.Element;
-    propTypes: {
-        isOpen: PropTypes.Requireable<boolean>;
-    };
     defaultProps: {
         isOpen: boolean;
     };
 };
 declare const NavBar: {
     (props: any): React.JSX.Element;
-    propTypes: {
-        menuData: PropTypes.Requireable<PropTypes.InferProps<{
-            primaryMenu: PropTypes.Requireable<unknown[]>;
-            secondaryMenu: PropTypes.Requireable<unknown[]>;
-            search: PropTypes.Requireable<PropTypes.InferProps<{
-                onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-            }>>;
-        }>>;
-        className: PropTypes.Requireable<string>;
-        breakpointUpper: PropTypes.Requireable<NonNullable<string | number>>;
-        themeColor: PropTypes.Requireable<string>;
-    };
     defaultProps: {
         menuData: any;
         className: any;

package/dist/src/NavBar/SubMenuTrigger.d.ts

@@ -1,12 +1,6 @@
 import React from "react";
-import PropTypes from "prop-types";
 declare const SubMenuTrigger: {
     (props: any): React.JSX.Element;
-    propTypes: {
-        name: PropTypes.Validator<string>;
-        menuData: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
-        onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     defaultProps: {
         menuData: any;
         onItemClick: any;

package/dist/src/NavBarSearch/NavBarSearch.d.ts

@@ -5,14 +5,9 @@ declare const NavBarSearch: import("styled-components").StyledComponent<{
         name: any;
         onSubmit: any;
     }): React.JSX.Element;
-    propTypes: {
-        name: PropTypes.Requireable<string>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     defaultProps: {
         name: string;
         onSubmit: () => void;
     };
 }, import("styled-components").DefaultTheme, {}, never>;
 import React from "react";
-import PropTypes from "prop-types";

package/dist/src/Overlay/Overlay.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex/Flex";
-import { DefaultNDSThemeType } from "../theme.type";
-type OverlayProps = FlexProps & {
+interface Props extends FlexProps {
     dark?: boolean;
-    theme?: DefaultNDSThemeType;
-};
-declare const Overlay: React.FC<React.PropsWithChildren<OverlayProps>>;
+}
+declare const Overlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & {
+    gap?: import("csstype").Property.Gap<string | number>;
+    rowGap?: import("csstype").Property.RowGap<string | number>;
+    columnGap?: import("csstype").Property.ColumnGap<string | number>;
+} & Props, never>;
 export default Overlay;

package/dist/src/Pagination/NextButton.d.ts

@@ -1,22 +1,9 @@
 import React, { ReactNode } from "react";
-import PropTypes from "prop-types";
 type NextButtonProps = {
     disabled: boolean;
     onClick: React.MouseEventHandler<HTMLButtonElement>;
     label: ReactNode;
     ariaLabel: string;
 };
-declare const NextButton: {
-    ({ disabled, onClick, label, ariaLabel }: NextButtonProps): React.JSX.Element;
-    propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        ariaLabel: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        disabled: boolean;
-        onClick: any;
-    };
-};
+declare const NextButton: ({ disabled, onClick, label, ariaLabel }: NextButtonProps) => React.JSX.Element;
 export default NextButton;

package/dist/src/Pagination/Pagination.d.ts

@@ -1,5 +1,4 @@
 import React, { ReactNode, RefObject } from "react";
-import PropTypes from "prop-types";
 import { FlexProps } from "../Flex/Flex";
 declare const SEPARATOR: "...";
 export declare const getPageItemsToDisplay: (totalPages: number, currentPage: number) => Array<typeof SEPARATOR | number>;
@@ -16,29 +15,5 @@ interface PaginationProps extends FlexProps {
     scrollToTopAfterPagination?: boolean;
     scrollTargetRef?: RefObject<HTMLElement>;
 }
-declare function Pagination({ currentPage, totalPages, onNext, onPrevious, onSelectPage, nextAriaLabel, nextLabel, previousAriaLabel, previousLabel, scrollToTopAfterPagination, scrollTargetRef, "aria-label": ariaLabel, ...restProps }: PaginationProps): React.JSX.Element;
-declare namespace Pagination {
-    var propTypes: {
-        currentPage: PropTypes.Validator<number>;
-        totalPages: PropTypes.Validator<number>;
-        onNext: PropTypes.Requireable<(...args: any[]) => any>;
-        onPrevious: PropTypes.Requireable<(...args: any[]) => any>;
-        onSelectPage: PropTypes.Requireable<(...args: any[]) => any>;
-        nextLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        nextAriaLabel: PropTypes.Requireable<string>;
-        previousLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        previousAriaLabel: PropTypes.Requireable<string>;
-        "aria-label": PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        onNext: any;
-        onPrevious: any;
-        onSelectPage: any;
-        nextLabel: any;
-        nextAriaLabel: any;
-        previousLabel: any;
-        previousAriaLabel: any;
-        "aria-label": any;
-    };
-}
+declare function Pagination({ onNext, onPrevious, onSelectPage, currentPage, totalPages, nextAriaLabel, nextLabel, previousAriaLabel, previousLabel, scrollToTopAfterPagination, scrollTargetRef, "aria-label": ariaLabel, ...restProps }: PaginationProps): React.JSX.Element;
 export default Pagination;

package/dist/src/Pagination/PreviousButton.d.ts

@@ -1,22 +1,9 @@
 import React, { ReactNode } from "react";
-import PropTypes from "prop-types";
 type PreviousButtonProps = {
     disabled: boolean;
     onClick: React.MouseEventHandler<HTMLButtonElement>;
     label: ReactNode;
     ariaLabel: string;
 };
-declare const PreviousButton: {
-    ({ disabled, onClick, label, ariaLabel }: PreviousButtonProps): React.JSX.Element;
-    propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        ariaLabel: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        disabled: boolean;
-        onClick: any;
-    };
-};
+declare const PreviousButton: ({ disabled, onClick, label, ariaLabel }: PreviousButtonProps) => React.JSX.Element;
 export default PreviousButton;

package/dist/src/Popper/Popper.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 type PopperProps = {
-    ref: any;
+    children?: React.ReactNode;
     popperPlacement?: string;
     defaultOpen?: boolean;
     showDelay?: string | number;
@@ -16,5 +16,5 @@ type PopperProps = {
     openAriaLabel?: string;
     closeAriaLabel?: string;
 };
-declare const Popper: React.FC<React.PropsWithChildren<PopperProps>>;
+declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<React.Ref<unknown>>>;
 export default Popper;

package/dist/src/Radio/Radio.d.ts

@@ -10,5 +10,5 @@ type RadioProps = NativeInputProps & SpaceProps & {
     defaultChecked?: boolean;
     error?: boolean;
 };
-declare const Radio: React.FC<React.PropsWithChildren<RadioProps>>;
+declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default Radio;

package/dist/src/Radio/RadioGroup.d.ts

@@ -11,20 +11,10 @@ interface RadioGroupProps {
     children?: any;
     name?: string;
     disabled?: boolean;
+    defaultValue?: string;
+    checkedValue?: string;
+    default?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const RadioGroup: {
-    ({ className, id, errorMessage, errorList, labelText, helpText, requirementText, ...props }: RadioGroupProps): React.JSX.Element;
-    defaultProps: {
-        errorMessage: any;
-        errorList: any;
-        defaultValue: any;
-        checkedValue: any;
-        onChange: any;
-        className: any;
-        id: any;
-        helpText: any;
-        requirementText: any;
-        default: boolean;
-    };
-};
-export default RadioGroup;
+export default function RadioGroup({ className, id, errorMessage, errorList, labelText, helpText, requirementText, ...props }: RadioGroupProps): React.JSX.Element;
+export {};