ingred-ui 9.0.0 → 9.2.0

package/dist/components/CreatableSelect/CreatableSelect.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { CreatableProps } from "react-select/creatable";
-import { GroupBase } from "react-select/src/types";
+import { GroupBase } from "react-select/dist/declarations/src/types";
 import { OptionType } from "../Select";
 export declare type CreatableSelectProps<T> = {
     limit?: number;
@@ -18,7 +18,7 @@ declare const _default: <T>(props: {
     error?: boolean | undefined;
     emptyMessage?: string | undefined;
     addMessage?: string | undefined;
-} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "ariaLiveMessages" | "hideSelectedOptions" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "isMulti" | "isRtl" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldScrollIntoView" | "loadingMessage" | "noOptionsMessage" | "isLoading" | "isDisabled" | "tabSelectsValue" | "isSearchable" | "getOptionLabel" | "isOptionDisabled" | "menuIsOpen" | "screenReaderStatus" | "components" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionValue" | "menuShouldBlockScroll" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize">> & Partial<Pick<{
+} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
     'aria-live': string;
     backspaceRemovesValue: boolean;
     blurInputOnSelect: boolean;
@@ -29,7 +29,7 @@ declare const _default: <T>(props: {
     controlShouldRenderValue: boolean;
     escapeClearsValue: boolean;
     filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
-    formatGroupLabel: <Option_1, Group_1 extends import("react-select").GroupBase<Option_1>>(group: Group_1) => string;
+    formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
     getOptionLabel: <Option_2>(option: Option_2) => string;
     getOptionValue: <Option_3>(option: Option_3) => string;
     isDisabled: boolean;
@@ -58,7 +58,7 @@ declare const _default: <T>(props: {
     styles: {};
     tabIndex: number;
     tabSelectsValue: boolean;
-}, never>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "ariaLiveMessages" | "hideSelectedOptions" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "isMulti" | "isRtl" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldScrollIntoView" | "loadingMessage" | "noOptionsMessage" | "isLoading" | "isDisabled" | "tabSelectsValue" | "isSearchable" | "getOptionLabel" | "isOptionDisabled" | "menuIsOpen" | "screenReaderStatus" | "components" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionValue" | "menuShouldBlockScroll" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize">> & Partial<Pick<{
+}, never>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
     'aria-live': string;
     backspaceRemovesValue: boolean;
     blurInputOnSelect: boolean;
@@ -69,7 +69,7 @@ declare const _default: <T>(props: {
     controlShouldRenderValue: boolean;
     escapeClearsValue: boolean;
     filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
-    formatGroupLabel: <Option_1, Group_1 extends import("react-select").GroupBase<Option_1>>(group: Group_1) => string;
+    formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
     getOptionLabel: <Option_2>(option: Option_2) => string;
     getOptionValue: <Option_3>(option: Option_3) => string;
     isDisabled: boolean;

package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
         error?: boolean | undefined;
         emptyMessage?: string | undefined;
         addMessage?: string | undefined;
-    } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select/src/types").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "ariaLiveMessages" | "hideSelectedOptions" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select/src/types").GroupBase<import("..").OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "isMulti" | "isRtl" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldScrollIntoView" | "loadingMessage" | "noOptionsMessage" | "isLoading" | "isDisabled" | "tabSelectsValue" | "isSearchable" | "getOptionLabel" | "isOptionDisabled" | "menuIsOpen" | "screenReaderStatus" | "components" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionValue" | "menuShouldBlockScroll" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize">> & Partial<Pick<{
+    } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
         'aria-live': string;
         backspaceRemovesValue: boolean;
         blurInputOnSelect: boolean;
@@ -48,7 +48,7 @@ declare const _default: {
         styles: {};
         tabIndex: number;
         tabSelectsValue: boolean;
-    }, never>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select/src/types").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "ariaLiveMessages" | "hideSelectedOptions" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select/src/types").GroupBase<import("..").OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "isMulti" | "isRtl" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldScrollIntoView" | "loadingMessage" | "noOptionsMessage" | "isLoading" | "isDisabled" | "tabSelectsValue" | "isSearchable" | "getOptionLabel" | "isOptionDisabled" | "menuIsOpen" | "screenReaderStatus" | "components" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionValue" | "menuShouldBlockScroll" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize">> & Partial<Pick<{
+    }, never>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
         'aria-live': string;
         backspaceRemovesValue: boolean;
         blurInputOnSelect: boolean;
@@ -88,7 +88,7 @@ declare const _default: {
         styles: {};
         tabIndex: number;
         tabSelectsValue: boolean;
-    }, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<import("..").OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<import("..").OptionType<T>, import("react-select/src/types").GroupBase<import("..").OptionType<T>>> & {
+    }, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<import("..").OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> & {
         ref?: React.ForwardedRef<HTMLDivElement> | undefined;
     }) => React.ReactElement<import("./CreatableSelect").CreatableSelectProps<unknown>, string | React.JSXElementConstructor<any>>;
     source: {

package/dist/components/FixedPanel/FixedPanel.d.ts

@@ -10,6 +10,7 @@ export declare type FixedPanelProps = {
      * Define distance from top/bottom.
      */
     offset?: number;
+    children?: React.ReactNode;
 };
 declare const FixedPanel: React.ForwardRefExoticComponent<FixedPanelProps & React.RefAttributes<HTMLDivElement>>;
 export default FixedPanel;

package/dist/components/Select/Select.d.ts

@@ -20,7 +20,7 @@ declare const _default: <T>(props: {
     placeholder?: string | undefined;
     error?: boolean | undefined;
     emptyMessage?: string | undefined;
-} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "ariaLiveMessages" | "hideSelectedOptions" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "isMulti" | "isRtl" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldScrollIntoView" | "loadingMessage" | "noOptionsMessage" | "isLoading" | "isDisabled" | "tabSelectsValue" | "isSearchable" | "getOptionLabel" | "isOptionDisabled" | "menuIsOpen" | "screenReaderStatus" | "components" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionValue" | "menuShouldBlockScroll" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize">> & Partial<Pick<{
+} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
     'aria-live': string;
     backspaceRemovesValue: boolean;
     blurInputOnSelect: boolean;
@@ -60,7 +60,7 @@ declare const _default: <T>(props: {
     styles: {};
     tabIndex: number;
     tabSelectsValue: boolean;
-}, never>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "ariaLiveMessages" | "hideSelectedOptions" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "isMulti" | "isRtl" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldScrollIntoView" | "loadingMessage" | "noOptionsMessage" | "isLoading" | "isDisabled" | "tabSelectsValue" | "isSearchable" | "getOptionLabel" | "isOptionDisabled" | "menuIsOpen" | "screenReaderStatus" | "components" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionValue" | "menuShouldBlockScroll" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize">> & Partial<Pick<{
+}, never>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
     'aria-live': string;
     backspaceRemovesValue: boolean;
     blurInputOnSelect: boolean;

package/dist/components/Select/Select.stories.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
         placeholder?: string | undefined;
         error?: boolean | undefined;
         emptyMessage?: string | undefined;
-    } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "ariaLiveMessages" | "hideSelectedOptions" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "isMulti" | "isRtl" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldScrollIntoView" | "loadingMessage" | "noOptionsMessage" | "isLoading" | "isDisabled" | "tabSelectsValue" | "isSearchable" | "getOptionLabel" | "isOptionDisabled" | "menuIsOpen" | "screenReaderStatus" | "components" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionValue" | "menuShouldBlockScroll" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize">> & Partial<Pick<{
+    } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
         'aria-live': string;
         backspaceRemovesValue: boolean;
         blurInputOnSelect: boolean;
@@ -49,7 +49,7 @@ declare const _default: {
         styles: {};
         tabIndex: number;
         tabSelectsValue: boolean;
-    }, never>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "inputValue" | "ariaLiveMessages" | "hideSelectedOptions" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "isMulti" | "isRtl" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldScrollIntoView" | "loadingMessage" | "noOptionsMessage" | "isLoading" | "isDisabled" | "tabSelectsValue" | "isSearchable" | "getOptionLabel" | "isOptionDisabled" | "menuIsOpen" | "screenReaderStatus" | "components" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionValue" | "menuShouldBlockScroll" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize">> & Partial<Pick<{
+    }, never>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, import("react-select").GroupBase<OptionType<T>>>, "placeholder" | "tabIndex" | "aria-live" | "styles" | "options" | "menuIsOpen" | "isDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isOptionDisabled" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
         'aria-live': string;
         backspaceRemovesValue: boolean;
         blurInputOnSelect: boolean;

package/dist/components/Select/internal/MultiValueRemove/MultiValueRemove.d.ts

@@ -1,5 +1,5 @@
 import { GroupBase } from "react-select";
 import { OptionType } from "../../";
-import { MultiValueRemoveProps } from "react-select/src/components/MultiValue";
+import { MultiValueRemoveProps } from "react-select/dist/declarations/src/components/MultiValue";
 declare const MultiValueRemove: <T>(props: MultiValueRemoveProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>) => JSX.Element;
 export { MultiValueRemove };

package/dist/components/Snackbar/Snackbar.d.ts

@@ -17,6 +17,7 @@ export declare type SnackbarProps = {
      * Callback function that triggered when clicked ✖︎ Icon.
      */
     onClose?: () => void;
+    children?: React.ReactNode;
 };
 declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
 export default Snackbar;

package/dist/components/Table/Header.d.ts

@@ -1,3 +1,5 @@
 import * as React from "react";
-export declare type Props = {};
-export declare const Header: React.ForwardRefExoticComponent<React.RefAttributes<HTMLTableSectionElement>>;
+export declare type Props = {
+    children: React.ReactNode;
+};
+export declare const Header: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/Table.stories.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
         (props: Pick<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "key" | keyof React.TableHTMLAttributes<HTMLTableElement>> & {
             ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | null | undefined;
         }): JSX.Element;
-        Header: React.ForwardRefExoticComponent<React.RefAttributes<HTMLTableSectionElement>>;
+        Header: React.ForwardRefExoticComponent<import("./Header").Props & React.RefAttributes<HTMLTableSectionElement>>;
         Body: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
         Row: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "key" | keyof React.HTMLAttributes<HTMLTableRowElement>> & Partial<{
             verticalSpacing: import("./Row").VerticalSpacing;
@@ -20,7 +20,7 @@ declare const _default: {
         } & React.RefAttributes<HTMLTableCellElement>>;
     };
     subcomponents: {
-        Header: React.ForwardRefExoticComponent<React.RefAttributes<HTMLTableSectionElement>>;
+        Header: React.ForwardRefExoticComponent<import("./Header").Props & React.RefAttributes<HTMLTableSectionElement>>;
         Body: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
         Row: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "key" | keyof React.HTMLAttributes<HTMLTableRowElement>> & Partial<{
             verticalSpacing: import("./Row").VerticalSpacing;

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+declare type TabsProps<T> = {
+    data: {
+        text: string;
+        count?: number;
+        value: T;
+    }[];
+    value: T;
+    withBadge?: boolean;
+    onChange?: (value: T) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare const Tabs: <T>(props: TabsProps<T>, ref: React.Ref<HTMLDivElement>) => React.ReactElement<TabsProps<T>, string | React.JSXElementConstructor<any>>;
+declare const _default: <T>(props: TabsProps<T>, ref: React.ForwardedRef<HTMLDivElement>) => ReturnType<typeof Tabs>;
+export default _default;

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+declare const _default: {
+    title: string;
+    component: <T>(props: {
+        data: {
+            text: string;
+            count?: number | undefined;
+            value: T;
+        }[];
+        value: T;
+        withBadge?: boolean | undefined;
+        onChange?: ((value: T) => void) | undefined;
+        onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    }, ref: React.ForwardedRef<HTMLDivElement>) => React.ReactElement<{
+        data: {
+            text: string;
+            count?: number | undefined;
+            value: unknown;
+        }[];
+        value: unknown;
+        withBadge?: boolean | undefined;
+        onChange?: ((value: unknown) => void) | undefined;
+        onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    }, string | React.JSXElementConstructor<any>>;
+};
+export default _default;
+export declare const Example: () => JSX.Element;
+export declare const WithBadge: () => JSX.Element;

package/dist/components/Tabs/__tests__/Tabs.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/extend-expect";

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Tabs";

package/dist/components/Tabs/internal/Tab.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+declare type TabProps = {
+    text: string;
+    count?: number;
+    value: any;
+    selected: boolean;
+    withBadge: boolean;
+    onChange?: (value: any) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/Tabs/styled.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type ButtonProps = {
+    selected: boolean;
+};
+export declare const ChildContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ChildrenContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ButtonProps, never>;
+export declare const Text: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, ButtonProps, never>;
+export declare const Indicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Border: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/dist/components/index.d.ts

@@ -88,6 +88,8 @@ export { default as SplitAnnotation } from "./SplitAnnotation";
 export * from "./SplitAnnotation";
 export { default as Switch } from "./Switch";
 export * from "./Switch";
+export { default as Tabs } from "./Tabs";
+export * from "./Tabs";
 export { default as Table } from "./Table";
 export * from "./Table";
 export { default as TextField } from "./TextField";