@nulogy/components 10.2.5 → 11.0.0-beta.2

package/dist/src/AsyncSelect/AsyncSelectComponents.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ClearIndicatorProps, ContainerProps, ControlProps, DropdownIndicatorProps, InputProps, MenuProps, MultiValueProps } from "react-select";
 import { GroupBase } from "react-select";
-import { OptionProps } from "react-windowed-select";
+import { OptionProps } from "react-select";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
 export declare const SelectControl: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => React.JSX.Element;
 export declare const SelectMultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => React.JSX.Element;

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

@@ -15,5 +15,5 @@ type BaseMobileMenuProps = {
     themeColorObject?: ThemeColorObject;
     showNulogyLogo?: boolean;
 };
-declare const MobileMenu: import("styled-components").StyledComponent<React.FC<React.PropsWithChildren<BaseMobileMenuProps>>, import("styled-components").DefaultTheme, {}, never>;
+declare const MobileMenu: import("styled-components").StyledComponent<React.FC<BaseMobileMenuProps>, import("styled-components").DefaultTheme, {}, never>;
 export default MobileMenu;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const BrandingText: React.FC<React.PropsWithChildren<any>>;
+declare const BrandingText: React.FC<any>;
 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>>;
+declare const LettermarkLogo: React.FC<LettermarkLogoProps>;
 export default LettermarkLogo;

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

@@ -4,5 +4,5 @@ type WordmarkLogoProps = {
     letterFill?: string;
     size?: string;
 };
-declare const WordmarkLogo: React.FC<React.PropsWithChildren<WordmarkLogoProps>>;
+declare const WordmarkLogo: React.FC<WordmarkLogoProps>;
 export default WordmarkLogo;

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

@@ -13,5 +13,5 @@ export type ButtonProps = SpaceProps & React.ComponentPropsWithRef<"button"> & {
     theme?: DefaultNDSThemeType;
     href?: string;
 };
-declare const Button: React.FC<React.PropsWithChildren<ButtonProps>>;
+declare const Button: React.FC<ButtonProps>;
 export default Button;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ButtonProps } from "./Button";
-declare const DangerButton: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<ButtonProps>>, import("styled-components").DefaultTheme, {}, never>;
+declare const DangerButton: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
 export default DangerButton;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const PrimaryButton: React.FC<React.PropsWithChildren<any>>;
+declare const PrimaryButton: React.FC<any>;
 export default PrimaryButton;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ButtonProps } from "./Button";
-declare const QuietButton: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<ButtonProps>>, import("styled-components").DefaultTheme, {}, never>;
+declare const QuietButton: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
 export default QuietButton;

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

@@ -4,5 +4,5 @@ type ButtonGroupProps = FlexProps & {
     alignment?: "left" | "spaced" | "right";
     className?: string;
 };
-declare const ButtonGroup: React.FC<React.PropsWithChildren<ButtonGroupProps>>;
+declare const ButtonGroup: React.FC<ButtonGroupProps>;
 export default ButtonGroup;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box/Box";
-declare const Card: React.FC<React.PropsWithChildren<BoxProps>>;
+declare const Card: React.FC<BoxProps>;
 export default Card;

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

@@ -13,5 +13,5 @@ type CheckboxProps = NativeInputProps & SpaceProps & {
     indeterminate?: boolean;
     theme?: DefaultNDSThemeType;
 };
-declare const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>>;
+declare const Checkbox: React.FC<CheckboxProps>;
 export default Checkbox;

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

@@ -14,5 +14,5 @@ interface CheckboxGroupProps {
     required?: boolean;
     disabled?: boolean;
 }
-declare const CheckboxGroup: React.FC<React.PropsWithChildren<CheckboxGroupProps>>;
+declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
 export default CheckboxGroup;

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

@@ -7,5 +7,5 @@ type DatePickerHeaderProps = {
     nextMonthButtonDisabled: boolean;
     locale?: string;
 };
-declare const DatePickerHeader: React.FC<React.PropsWithChildren<DatePickerHeaderProps>>;
+declare const DatePickerHeader: React.FC<DatePickerHeaderProps>;
 export default DatePickerHeader;

package/dist/src/DateRange/DateRange.d.ts

@@ -32,5 +32,5 @@ type DateRangeProps = FieldProps & {
     startTimeProps?: any;
     size?: ComponentSize;
 };
-declare const DateRange: React.FC<React.PropsWithChildren<DateRangeProps>>;
+declare const DateRange: React.FC<DateRangeProps>;
 export default DateRange;

package/dist/src/DateRange/EndTime.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const EndTime: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+declare const EndTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     size?: import("../NDSProvider/ComponentSizeContext").ComponentSize;
     disabled?: boolean;
     value?: string;
@@ -20,5 +20,5 @@ declare const EndTime: import("styled-components").StyledComponent<import("react
     onBlur?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
     onClick?: (...args: any[]) => any;
-}>>, import("styled-components").DefaultTheme, {}, never>;
+}>, import("styled-components").DefaultTheme, {}, never>;
 export default EndTime;

package/dist/src/DateRange/StartTime.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const StartTime: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+declare const StartTime: import("styled-components").StyledComponent<import("react").FC<import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     size?: import("../NDSProvider/ComponentSizeContext").ComponentSize;
     disabled?: boolean;
     value?: string;
@@ -20,5 +20,5 @@ declare const StartTime: import("styled-components").StyledComponent<import("rea
     onBlur?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
     onClick?: (...args: any[]) => any;
-}>>, import("styled-components").DefaultTheme, {}, never>;
+}>, import("styled-components").DefaultTheme, {}, never>;
 export default StartTime;

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

@@ -6,5 +6,5 @@ type DropdownItemProps = {
     hoverColor?: string;
     bgHoverColor?: string;
 };
-declare const DropdownItem: React.FC<React.PropsWithChildren<DropdownItemProps>>;
+declare const DropdownItem: React.FC<DropdownItemProps>;
 export default DropdownItem;

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

@@ -18,5 +18,5 @@ type DropdownMenuProps = {
     closeAriaLabel?: string;
     openOnHover?: boolean;
 } & StyledProps;
-declare const DropdownMenu: React.FC<React.PropsWithChildren<DropdownMenuProps>>;
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
 export default DropdownMenu;

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

@@ -8,5 +8,5 @@ type DropdownMenuContainerProps = {
     dataPlacement?: any;
     theme?: DefaultNDSThemeType;
 };
-declare const DropdownMenuContainer: React.FC<React.PropsWithChildren<DropdownMenuContainerProps>>;
+declare const DropdownMenuContainer: React.FC<DropdownMenuContainerProps>;
 export default DropdownMenuContainer;

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

@@ -1,4 +1,4 @@
 import React from "react";
 import { TextProps } from "../Type/Text";
-declare const DropdownText: React.FC<React.PropsWithChildren<TextProps>>;
+declare const DropdownText: React.FC<TextProps>;
 export default DropdownText;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Fieldset: React.FC<React.PropsWithChildren<any>>;
+declare const Fieldset: React.FC<any>;
 export default Fieldset;

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

@@ -2,5 +2,5 @@ import React from "react";
 type BaseFormSectionProps = 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<React.FC<BaseFormSectionProps>, import("styled-components").DefaultTheme, {}, never>;
 export default FormSection;

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

@@ -1,4 +1,4 @@
 import React from "react";
 type LoadingIconProps = React.ComponentPropsWithoutRef<"svg">;
-declare const LoadingIcon: React.FC<React.PropsWithChildren<LoadingIconProps>>;
+declare const LoadingIcon: React.FC<LoadingIconProps>;
 export default LoadingIcon;

package/dist/src/Layout/Header.d.ts

@@ -13,5 +13,5 @@ type HeaderProps = BoxProps & {
         medium?: Breakpoint;
     };
 };
-declare const Header: React.FC<React.PropsWithChildren<HeaderProps>>;
+declare const Header: React.FC<HeaderProps>;
 export default Header;

package/dist/src/Layout/Page.d.ts

@@ -8,5 +8,5 @@ type PageProps = FlexProps & {
     fullHeight?: boolean;
     renderHeader?: () => JSX.Element;
 };
-export declare const Page: React.FC<React.PropsWithChildren<PageProps>>;
+export declare const Page: React.FC<PageProps>;
 export default Page;

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

@@ -8,5 +8,5 @@ type ListProps = React.ComponentPropsWithRef<"ul"> & StyledProps & {
     leftAlign?: boolean;
     listStyle?: string;
 };
-declare const List: React.FC<React.PropsWithChildren<ListProps>>;
+declare const List: React.FC<ListProps>;
 export default List;

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

@@ -3,5 +3,5 @@ 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: React.FC<ListItemProps>;
 export default ListItem;

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

@@ -2,5 +2,5 @@ import React from "react";
 type LoadingAnimationProps = React.ComponentPropsWithRef<"svg"> & {
     inactive?: boolean;
 };
-declare const LoadingAnimation: React.FC<React.PropsWithChildren<LoadingAnimationProps>>;
+declare const LoadingAnimation: React.FC<LoadingAnimationProps>;
 export default LoadingAnimation;

package/dist/src/Modal/Modal.d.ts

@@ -19,7 +19,7 @@ type ModalProps = {
     footerContent?: React.ReactNode;
     parentSelector?: (...args: any) => HTMLElement;
 };
-declare const Modal: React.FC<React.PropsWithChildren<ModalProps>> & {
+declare const Modal: React.FC<ModalProps> & {
     setAppElement: (element: string | HTMLElement) => void;
 };
 export default Modal;

package/dist/src/Modal/ModalContent.d.ts

@@ -4,5 +4,5 @@ type ModalContentProps = React.ComponentPropsWithRef<"div"> & {
     hasFooter?: any;
     theme?: DefaultNDSThemeType;
 };
-declare const ModalContent: React.FC<React.PropsWithChildren<ModalContentProps>>;
+declare const ModalContent: React.FC<ModalContentProps>;
 export default ModalContent;

package/dist/src/NDSProvider/ComponentSizeContext.d.ts

@@ -5,5 +5,5 @@ type ComponentSizeContextValue = {
 };
 export declare const ComponentSizeContext: React.Context<ComponentSizeContextValue>;
 export declare function useComponentSize(selectedSize?: ComponentSize): ComponentSize;
-declare const ComponentSizeContextProvider: React.FC<React.PropsWithChildren<ComponentSizeContextValue>>;
+declare const ComponentSizeContextProvider: React.FC<ComponentSizeContextValue>;
 export default ComponentSizeContextProvider;

package/dist/src/NDSProvider/NDSProvider.d.ts

@@ -16,5 +16,5 @@ type NDSProviderProps = {
     children?: any;
     size?: ComponentSize;
 };
-declare const NDSProvider: React.FC<React.PropsWithChildren<NDSProviderProps>>;
+declare const NDSProvider: React.FC<NDSProviderProps>;
 export default NDSProvider;

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

@@ -5,5 +5,5 @@ type OverlayProps = FlexProps & {
     dark?: boolean;
     theme?: DefaultNDSThemeType;
 };
-declare const Overlay: React.FC<React.PropsWithChildren<OverlayProps>>;
+declare const Overlay: React.FC<OverlayProps>;
 export default Overlay;

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

@@ -16,5 +16,5 @@ type PopperProps = {
     openAriaLabel?: string;
     closeAriaLabel?: string;
 };
-declare const Popper: React.FC<React.PropsWithChildren<PopperProps>>;
+declare const Popper: React.FC<PopperProps>;
 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.FC<RadioProps>;
 export default Radio;

package/dist/src/RangeContainer/RangeContainer.d.ts

@@ -7,5 +7,5 @@ type RangeContainerProps = {
     size?: ComponentSize;
     errorMessages?: (string | undefined)[];
 };
-declare const RangeContainer: React.FC<React.PropsWithChildren<RangeContainerProps>>;
+declare const RangeContainer: React.FC<RangeContainerProps>;
 export default RangeContainer;

package/dist/src/Select/MenuList.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function MenuList(props: any): React.JSX.Element;
+export default MenuList;

package/dist/src/Select/Select.d.ts

@@ -1,64 +1,31 @@
 import React, { ReactNode } from "react";
-import { GroupBase } from "react-windowed-select";
-import type { MenuPlacement, MenuPosition, Props as SelectProps } from "react-select";
+import Select from "react-select/base";
+import { PropsValue } from "react-select";
+import type { GroupBase, Props } from "react-select";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
-interface WindowedSelectProps extends SelectProps {
-    windowThreshold?: number;
-}
-interface NDSOptionType {
+export type NDSOptionValue = string | number | boolean | null;
+export interface NDSOption {
     label: string;
-    value: unknown;
+    value: NDSOptionValue;
 }
-interface CustomProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
-    autocomplete?: SelectProps<Option, IsMulti, Group>["isSearchable"];
+type CustomProps<IsMulti extends boolean, Group extends GroupBase<NDSOption>> = {
+    autocomplete?: Props<NDSOption, IsMulti, Group>["isSearchable"];
     labelText?: string;
+    size?: ComponentSize;
     requirementText?: string;
     helpText?: ReactNode;
-    disabled?: SelectProps<Option, IsMulti, Group>["isDisabled"];
+    disabled?: Props<NDSOption, IsMulti, Group>["isDisabled"];
     errorMessage?: string;
     errorList?: string[];
-    initialIsOpen?: SelectProps<Option, IsMulti, Group>["defaultMenuIsOpen"];
-    multiselect?: SelectProps<Option, IsMulti, Group>["isMulti"];
+    initialIsOpen?: Props<NDSOption, IsMulti, Group>["defaultMenuIsOpen"];
+    multiselect?: Props<NDSOption, IsMulti, Group>["isMulti"];
     maxHeight?: string;
-    size?: ComponentSize;
-    error?: boolean;
-    options: NDSOptionType[];
-    onChange?: (newValue: unknown) => void;
-    [key: string]: any;
-}
-export type NDSSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Omit<WindowedSelectProps, "isSearchable" | "isDisabled" | "isMulti" | "defaultMenuIsOpen" | "defaultInputValue" | "options" | "onChange"> & CustomProps<Option, IsMulti, Group>;
-export declare const SelectDefaultProps: {
-    autocomplete: boolean;
-    disabled: any;
-    defaultValue: any;
-    error: any;
-    errorMessage: any;
-    errorList: any;
-    labelText: any;
-    helpText: any;
-    noOptionsMessage: any;
-    requirementText: any;
-    id: any;
-    initialIsOpen: any;
-    maxHeight: string;
-    menuPosition: MenuPosition;
-    menuPlacement: MenuPlacement;
-    multiselect: boolean;
-    name: any;
-    onBlur: any;
-    onChange: any;
-    placeholder: any;
-    required: boolean;
-    value: any;
-    className: any;
-    classNamePrefix: string;
-    menuIsOpen: any;
-    onMenuOpen: any;
-    onMenuClose: any;
-    onInputChange: any;
-    components: any;
-    closeMenuOnSelect: boolean;
+    defaultValue?: PropsValue<NDSOptionValue>;
+    value?: PropsValue<NDSOptionValue>;
+    options: NDSOption[];
+    onChange?: (newValue: PropsValue<NDSOptionValue>) => void;
+    windowThreshold?: number;
 };
-declare const ReactSelect: React.ForwardRefExoticComponent<Omit<Omit<WindowedSelectProps, "isDisabled" | "isMulti" | "isSearchable" | "onChange" | "options" | "defaultMenuIsOpen" | "defaultInputValue"> & CustomProps<unknown, boolean, GroupBase<unknown>>, "ref"> & React.RefAttributes<unknown>>;
-export declare const getOption: (options: NDSOptionType[], value: unknown) => unknown;
-export default ReactSelect;
+export type NDSSelectProps<IsMulti extends boolean = boolean, Group extends GroupBase<NDSOption> = GroupBase<NDSOption>> = Omit<Props<NDSOption, IsMulti, Group>, keyof CustomProps<IsMulti, Group> | "isSearchable" | "isDisabled" | "defaultMenuIsOpen" | "isMulti"> & CustomProps<IsMulti, Group>;
+declare const NDSSelect: React.ForwardRefExoticComponent<Omit<Props<NDSOption, boolean, GroupBase<NDSOption>>, "isDisabled" | "isMulti" | "isSearchable" | "defaultMenuIsOpen" | keyof CustomProps<IsMulti, Group>> & CustomProps<boolean, GroupBase<NDSOption>> & React.RefAttributes<Select<NDSOption, boolean, GroupBase<NDSOption>>>>;
+export default NDSSelect;

package/dist/src/Select/Select.story.d.ts

@@ -110,4 +110,3 @@ export declare const UsingRefToControlFocus: {
     };
 };
 export declare const WithTopMenuPlacement: () => React.JSX.Element;
-export declare const WithCustomProps: () => React.JSX.Element;

package/dist/src/Select/Select.story.fixture.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { SelectOptionProps } from "./SelectOption";
+import { NDSOption } from "./Select";
+export declare const errorList: string[];
+export declare const options: NDSOption[];
+export declare const partnerCompanyName: {
+    value: string;
+    label: string;
+}[];
+export declare const wrappingOptions: {
+    value: string;
+    label: string;
+}[];
+export declare const PCNList: {
+    value: string;
+    label: string;
+}[];
+export declare const getPhotos: () => Promise<any>;
+export declare const CustomOption: ({ children, ...props }: SelectOptionProps) => React.JSX.Element;

package/dist/src/Select/SelectComponents.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
-export declare const SelectControl: (props: any) => React.JSX.Element;
-export declare const SelectMultiValue: (props: any) => React.JSX.Element;
-export declare const SelectClearIndicator: (props: any) => React.JSX.Element;
-export declare const SelectDropdownIndicator: (props: any) => React.JSX.Element;
-export declare const SelectMenu: (props: any) => React.JSX.Element;
-export declare const SelectContainer: (props: any) => React.JSX.Element;
-export declare const SelectInput: (props: any) => React.JSX.Element;
+import { ClearIndicatorProps, ContainerProps, ControlProps, DropdownIndicatorProps, InputProps, MenuProps, MultiValueProps, GroupBase } from "react-select";
+import { NDSOption } from "./Select";
+export declare function SelectControl<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>): React.JSX.Element;
+export declare function SelectMultiValue<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>): React.JSX.Element;
+export declare function SelectClearIndicator<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>): React.JSX.Element;
+export declare function SelectDropdownIndicator<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>): React.JSX.Element;
+export declare function SelectMenu<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>): React.JSX.Element;
+export declare function SelectContainer<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>): React.JSX.Element;
+export declare function SelectInput<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>): React.JSX.Element;

package/dist/src/Select/SelectOption.d.ts

@@ -1,14 +1,15 @@
 import React from "react";
-import { OptionProps } from "react-windowed-select";
+import { GroupBase, OptionProps } from "react-select";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
-type SelectOptionProps = {
+import { NDSOption } from "./Select";
+type StyledOptionProps = {
     isSelected: boolean;
     isFocused: boolean;
     size: ComponentSize;
 };
-export declare const StyledOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SelectOptionProps, never>;
-interface CustomOptionProps extends OptionProps {
+export declare const StyledOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledOptionProps, never>;
+export type SelectOptionProps<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = OptionProps<Option, IsMulti, Group> & {
     size?: ComponentSize;
-}
-export declare function SelectOption(props: CustomOptionProps): React.JSX.Element;
+};
+export declare function SelectOption<Option = NDSOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectOptionProps<Option, IsMulti, Group>): React.JSX.Element;
 export {};

package/dist/src/Select/index.d.ts

@@ -1,3 +1,3 @@
 export { SelectOption } from "./SelectOption";
-export { default as Select } from "./Select";
+export { default as Select, type NDSOption, type NDSOptionValue } from "./Select";
 export * from "./SelectComponents";

package/dist/src/Select/lib.d.ts

@@ -0,0 +1,20 @@
+import { Options, PropsValue } from "react-select";
+import { NDSOption, NDSOptionValue } from "./Select";
+export declare function calcOptionsLength(options: any): any;
+export declare function flattenGroupedChildren(children: any): any;
+export declare function isFocused({ props: { isFocused } }: {
+    props: {
+        isFocused: any;
+    };
+}): boolean;
+export declare function getCurrentIndex(children: any): number;
+export declare function createGetHeight({ groupHeadingStyles, noOptionsMsgStyles, optionStyles, loadingMsgStyles }: {
+    groupHeadingStyles: any;
+    noOptionsMsgStyles: any;
+    optionStyles: any;
+    loadingMsgStyles: any;
+}): (child: any) => any;
+export declare function checkOptionsAreValid(options: Options<NDSOption>): void;
+export declare function getOption(options: Options<NDSOption>, value: PropsValue<NDSOptionValue>): any;
+export declare function getReactSelectValue(options: Options<NDSOption>, input: PropsValue<NDSOptionValue>): any;
+export declare function extractValue(options: Options<NDSOption> | NDSOption, isMulti: boolean): NDSOptionValue[] | NDSOptionValue;

package/dist/src/Summary/Summary.d.ts

@@ -3,5 +3,5 @@ import { BoxProps } from "../Box/Box";
 type SummaryProps = Omit<BoxProps, "as"> & {
     breakpoint?: number | string;
 };
-declare const Summary: React.FC<React.PropsWithChildren<SummaryProps>>;
+declare const Summary: React.FC<SummaryProps>;
 export default Summary;

package/dist/src/Summary/SummaryContext.d.ts

@@ -3,5 +3,5 @@ type SummaryContextValue = {
     breakpoint: number;
 };
 export declare function useSummaryContext(): SummaryContextValue;
-export declare const SummaryContextProvider: React.FC<React.PropsWithChildren<SummaryContextValue>>;
+export declare const SummaryContextProvider: React.FC<SummaryContextValue>;
 export {};

package/dist/src/Summary/SummaryItem.d.ts

@@ -4,5 +4,5 @@ type SummaryItemProps = Omit<FlexProps, "as"> & {
     value: number | string;
     status: React.ReactNode;
 };
-declare const SummaryItem: React.FC<React.PropsWithChildren<SummaryItemProps>>;
+declare const SummaryItem: React.FC<SummaryItemProps>;
 export default SummaryItem;

package/dist/src/Switcher/Switcher.d.ts

@@ -7,5 +7,5 @@ type SwitcherProps = {
     selected?: string;
     onChange?: (value: string) => void;
 };
-declare const Switcher: React.FC<React.PropsWithChildren<SwitcherProps>>;
+declare const Switcher: React.FC<SwitcherProps>;
 export default Switcher;

package/dist/src/Table/TableCell.d.ts

@@ -6,5 +6,5 @@ type TableCellProps = {
     cellData?: object | React.ReactNode | boolean;
     compact?: boolean;
 };
-declare const TableCell: React.FC<React.PropsWithChildren<TableCellProps>>;
+declare const TableCell: React.FC<TableCellProps>;
 export default TableCell;

package/dist/src/Tabs/Tab.d.ts

@@ -8,5 +8,5 @@ type TabButtonProps = React.ComponentPropsWithRef<"button"> & {
 type TabProps = TabButtonProps & {
     label?: React.ReactNode;
 };
-declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;
+declare const Tab: React.FC<TabProps>;
 export default Tab;

package/dist/src/Tabs/TabScrollIndicator.d.ts

@@ -6,5 +6,5 @@ type TabScrollIndicatorProps = {
     ariaLabelLeft?: string;
     ariaLabelRight?: string;
 };
-declare const TabScrollIndicator: React.FC<React.PropsWithChildren<TabScrollIndicatorProps>>;
+declare const TabScrollIndicator: React.FC<TabScrollIndicatorProps>;
 export default TabScrollIndicator;

package/dist/src/TimePicker/TimePicker.d.ts

@@ -38,5 +38,5 @@ export declare const getTimeOptions: (interval: any, timeFormat: any, minTime: a
     value: string;
     label: string;
 }[];
-declare const TimePicker: React.FC<React.PropsWithChildren<TimePickerProps>>;
+declare const TimePicker: React.FC<TimePickerProps>;
 export default TimePicker;

package/dist/src/Toggle/ToggleButton.d.ts

@@ -7,5 +7,5 @@ type ToggleButtonProps = React.ComponentPropsWithRef<"input"> & {
     name?: string;
     theme?: DefaultNDSThemeType;
 };
-declare const ToggleButton: React.FC<React.PropsWithChildren<ToggleButtonProps>>;
+declare const ToggleButton: React.FC<ToggleButtonProps>;
 export default ToggleButton;

package/dist/src/Tooltip/Tooltip.d.ts

@@ -9,5 +9,5 @@ export type TooltipProps = {
     maxWidth?: string;
     children?: React.ReactNode;
 };
-declare const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>>;
+declare const Tooltip: React.FC<TooltipProps>;
 export default Tooltip;

package/dist/src/Validation/InlineValidation.d.ts

@@ -6,5 +6,5 @@ type InlineValidationProps = SpaceProps & {
     errorList?: string[];
     children?: React.ReactNode;
 };
-declare const InlineValidation: React.FC<React.PropsWithChildren<InlineValidationProps>>;
+declare const InlineValidation: React.FC<InlineValidationProps>;
 export default InlineValidation;

package/dist/src/index.d.ts

@@ -32,7 +32,7 @@ export { Overlay } from "./Overlay";
 export { Pagination } from "./Pagination";
 export { Radio, RadioGroup } from "./Radio";
 export { RangeContainer } from "./RangeContainer";
-export { Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, } from "./Select";
+export { Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, type NDSOption, type NDSOptionValue, } from "./Select";
 export { SortingTable } from "./SortingTable";
 export { StatusIndicator, StatusIndicatorValues } from "./StatusIndicator";
 export type { StatusIndicatorType } from "./StatusIndicator";