fis-component 0.0.31 → 0.0.33

package/dist/cjs/types/src/assets/icons/LevelingIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function LevelingIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default LevelingIcon;

package/dist/cjs/types/src/assets/icons/NoDataIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function NoDataIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default NoDataIcon;

package/dist/cjs/types/src/assets/icons/NoResultIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function NoResultIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default NoResultIcon;

package/dist/cjs/types/src/assets/icons/RemoveIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function RemoveIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default RemoveIcon;

package/dist/cjs/types/src/assets/icons/SearchIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function SearchIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default SearchIcon;

package/dist/cjs/types/src/assets/icons/index.d.ts

@@ -11,7 +11,9 @@ export { default as RequestButtonLoadingWhiteIcon } from "./RequestButtonLoading
 export { default as CheckedIcon } from "./CheckedIcon";
 export { default as IndeterminateIcon } from "./IndeterminateIcon";
 export { default as RequestButtonLoadingIcon } from "./RequestButtonLoadingIcon";
+export { default as SearchIcon } from "./SearchIcon";
 export { default as ResizeIcon } from "./ResizeIcon";
+export { default as LevelingIcon } from "./LevelingIcon";
 export { default as BadgeIcon } from "./BadgeIcon";
 export { default as CaretIcon } from "./CaretIcon";
 export { default as UploadIcon } from "./UploadIcon";
@@ -32,3 +34,6 @@ export { default as RiseIcon } from "./RiseIcon";
 export { default as CalendarIcon } from "./CalendarIcon";
 export { default as ArrowRightIcon } from "./ArrowRightIcon";
 export { default as MoreIcon } from "./MoreIcon";
+export { default as NoDataIcon } from "./NoDataIcon";
+export { default as NoResultIcon } from "./NoResultIcon";
+export { default as RemoveIcon } from "./RemoveIcon";

package/dist/cjs/types/src/components/ChipButton/index.d.ts

@@ -11,7 +11,7 @@ export type ChipBaseProps = {
     onClickClose?: () => void;
 } & React.HTMLAttributes<HTMLDivElement>;
 export type ChipWithIcon = ChipBaseProps & {
-    icon: React.ReactNode;
+    icon?: React.ReactNode;
     label: string;
     srcAvatar?: string;
 };

package/dist/cjs/types/src/components/Combobox/Combobox.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta } from "@storybook/react";
-import { FISComboboxProps } from "./";
-type ComboboxStoryProps = FISComboboxProps<string>;
+import { ComboboxProps } from "./types";
+type ComboboxStoryProps = ComboboxProps<string>;
 declare const _default: Meta<ComboboxStoryProps>;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;

package/dist/cjs/types/src/components/Combobox/MultipleValue.d.ts

@@ -1,4 +1,9 @@
-import { FISComboboxOption } from ".";
+export type FISComboboxOption<T> = {
+    label: string;
+    value: T;
+    disabled?: boolean;
+    description?: string;
+};
 interface MultipleValueProps<T> {
     options: FISComboboxOption<T>[];
     onRemove?: (option: FISComboboxOption<T>) => void;

package/dist/cjs/types/src/components/Combobox/index.d.ts

@@ -1,29 +1,3 @@
-import React from "react";
-import { InputFieldProps } from "../Input/InputField";
-import { InputLabelProps } from "../Input/InputLabel";
-export type FISComboboxOption<T> = {
-    label: string;
-    value: T;
-    disabled?: boolean;
-    description?: string;
-};
-type SingleSelect<T> = {
-    multi: false;
-    value: T;
-    onChange: (value: T) => void;
-    displayValue: (value: FISComboboxOption<T>) => string;
-};
-type MultiSelect<T> = {
-    multi: true;
-    value: T[];
-    onChange: (value: T[]) => void;
-    displayValue: (value: FISComboboxOption<T>[]) => string;
-};
-export type FISComboboxProps<T> = Omit<InputFieldProps, "value" | "onChange"> & Partial<InputLabelProps> & {
-    options: FISComboboxOption<T>[];
-    message?: string;
-    positive?: boolean;
-    renderOption?: (option: FISComboboxOption<T>) => React.ReactNode;
-} & (SingleSelect<T> | MultiSelect<T>);
-declare const FISCombobox: React.ForwardRefExoticComponent<FISComboboxProps<string> & React.RefAttributes<HTMLInputElement>>;
+import { ComboboxProps } from "./types";
+declare const FISCombobox: import("react").ForwardRefExoticComponent<ComboboxProps<string> & import("react").RefAttributes<HTMLInputElement>>;
 export default FISCombobox;

package/dist/cjs/types/src/components/Combobox/styles.d.ts

@@ -1,24 +1,12 @@
-export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DivInputWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DivValueWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TagSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("antd").TagProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, {
+export declare const DivChipButtonWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivChipButtonSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isVisible?: boolean;
     $isPadding?: boolean;
-}>> & string & Omit<import("antd").TagType, keyof import("react").Component<any, {}, any>>;
-export declare const DivComboboxContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    width?: string;
 }>> & string;
-export declare const DivChipButtonWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivTagSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isVisible?: boolean;
+}>> & string;
+export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivInputWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DivDropdownMenuSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DivEmptyMessageSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-interface DropdownItemProps {
-    $isSelected?: boolean;
-    $isDisabled?: boolean;
-}
-export declare const DivDropdownItemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdownItemProps>> & string;
-export declare const DivOptionContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DivOptionLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DivOptionDescriptionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};
+export declare const SelectedTagsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/types/src/components/Combobox/types.d.ts

@@ -0,0 +1,33 @@
+import { InputFieldProps } from "../Input/InputField";
+import { InputLabelProps } from "../Input/InputLabel";
+import { MenuProps } from "../MenuSelect/types";
+export interface ComboboxOption {
+    groupLabel: string;
+    items: {
+        label: string;
+        description?: string;
+        value: string;
+    }[];
+}
+export type SingleSelect<T> = {
+    multi: false;
+    value: T;
+    onChange: (value: T) => void;
+    displayValue?: (value: ComboboxOption) => string;
+};
+export type MultiSelect<T> = {
+    multi: true;
+    value: T[];
+    onChange: (value: T[]) => void;
+    displayValue?: (value: ComboboxOption[]) => string;
+};
+export type ComboboxProps<T> = Omit<InputFieldProps, "value" | "onChange"> & Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu"> & {
+    options: ComboboxOption[];
+    message?: string;
+    placeholderSearch?: string;
+    positive?: boolean;
+    multiDisplayText?: (count: number) => string;
+    renderOption?: (option: ComboboxOption) => React.ReactNode;
+    noResult?: boolean;
+    noResultText?: string;
+} & (SingleSelect<T> | MultiSelect<T>);

package/dist/cjs/types/src/components/MenuItem/MenuItem.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta } from "@storybook/react";
+import { MenuItemProps } from "./types";
+declare const _default: Meta;
+export default _default;
+export declare const ActionDefault: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const ActionSelected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const ActionDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const ActionNegative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const ActionLarge: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const SelectDefault: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const SelectSelected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const SelectDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const SelectNegative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const SelectLarge: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const LevelingDefault: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const LevelingSelected: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const LevelingDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const LevelingNegative: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;
+export declare const LevelingLarge: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuItemProps>;

package/dist/cjs/types/src/components/MenuItem/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { MenuItemProps } from "./types";
+declare const FISMenuItem: React.FC<MenuItemProps>;
+export default FISMenuItem;

package/dist/cjs/types/src/components/MenuItem/styles.d.ts

@@ -0,0 +1,15 @@
+import { MenuItemSize, MenuItemType } from "./types";
+interface MenuItemProps {
+    $size?: MenuItemSize;
+    $selected?: boolean;
+    $disable?: boolean;
+    $type?: MenuItemType;
+}
+export declare const DivContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivPrefixIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuItemProps>> & string;
+export declare const PTitleSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, MenuItemProps>> & string;
+export declare const PDescriptionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, MenuItemProps>> & string;
+export declare const DivSuffixIconSelectSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuItemProps>> & string;
+export declare const DivItemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuItemProps>> & string;
+export declare const DivSuffixIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MenuItemProps>> & string;
+export {};

package/dist/cjs/types/src/components/MenuItem/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+export type MenuItemType = "action" | "leveling" | "select";
+export type MenuItemSize = "md" | "lg";
+export interface MenuItemProps {
+    title: string;
+    description?: string;
+    iconPrefix?: ReactNode;
+    type?: MenuItemType;
+    size?: MenuItemSize;
+    selected?: boolean;
+    negative?: boolean;
+    disable?: boolean;
+    onClickMenu?: () => void;
+}

package/dist/cjs/types/src/components/MenuSection/MenuSection.stories.d.ts

@@ -0,0 +1,9 @@
+import { MenuSectionSplitProps } from "./index";
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const WithAction: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuSectionSplitProps>;
+export declare const WithSeparateDivider: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuSectionSplitProps>;
+export declare const NoAction: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuSectionSplitProps>;
+export declare const OnlyLabel: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuSectionSplitProps>;
+export declare const OnlyDivider: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuSectionSplitProps>;

package/dist/cjs/types/src/components/MenuSection/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type MenuSectionSplitProps = {
+    label?: string;
+    withAction?: boolean;
+    actionText?: string;
+    actionLink?: string;
+    actionLabel?: boolean;
+    withDivider?: boolean;
+};
+declare const FISMenuSection: React.FC<MenuSectionSplitProps>;
+export default FISMenuSection;

package/dist/cjs/types/src/components/MenuSection/styles.d.ts

@@ -0,0 +1,9 @@
+interface AvatarProps {
+    $actionLabel: boolean;
+}
+export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SectionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ActionLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, AvatarProps>> & string;
+export declare const DivDividerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/cjs/types/src/components/MenuSelect/MenuSelect.stories.d.ts

@@ -0,0 +1,64 @@
+import { MenuProps } from "./types";
+declare const meta: {
+    title: string;
+    component: import("react").FC<MenuProps>;
+    tags: string[];
+    argTypes: {
+        placeholder: {
+            control: "text";
+            description: string;
+        };
+        size: {
+            control: "radio";
+            options: string[];
+            description: string;
+        };
+        loading: {
+            control: "boolean";
+            description: string;
+        };
+        noData: {
+            control: "boolean";
+            description: string;
+        };
+        noResult: {
+            control: "boolean";
+            description: string;
+        };
+        combobox: {
+            control: "boolean";
+            description: string;
+        };
+        multi: {
+            control: "boolean";
+            description: string;
+        };
+        negative: {
+            control: "boolean";
+            description: string;
+        };
+        loadingText: {
+            control: "text";
+            description: string;
+        };
+        noDataText: {
+            control: "text";
+            description: string;
+        };
+        noResultText: {
+            control: "text";
+            description: string;
+        };
+        removeSelectedText: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const Loading: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const NoData: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const NoResults: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const MultiSelect: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const Combobox: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;

package/dist/cjs/types/src/components/MenuSelect/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { MenuProps } from "./types";
+declare const FISMenuSelect: React.FC<MenuProps>;
+export default FISMenuSelect;

package/dist/cjs/types/src/components/MenuSelect/styles.d.ts

@@ -0,0 +1,12 @@
+export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivLoaderSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivIconDataSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PTitleSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const DivWrapperMenuSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivSearchSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MenuContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $removeSelectedGroup?: boolean;
+}>> & string;
+export declare const FixedBottomSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PGroupLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/cjs/types/src/components/MenuSelect/types.d.ts

@@ -0,0 +1,37 @@
+export interface MenuItem {
+    label: string;
+    description?: string;
+    value: string;
+}
+export interface MenuGroup {
+    groupLabel: string;
+    items: MenuItem[];
+}
+export type MenuSize = "md" | "lg";
+export interface MenuProps {
+    className?: string;
+    placeholder?: string;
+    groups: MenuGroup[];
+    size?: MenuSize;
+    multi?: boolean;
+    selectedValues?: string[];
+    onChangeSelected?: (values: string[]) => void;
+    loading?: boolean;
+    noData?: boolean;
+    noResult?: boolean;
+    onClickMenu?: () => void;
+    combobox?: boolean;
+    negative?: boolean;
+    loadingText?: string;
+    noDataText?: string;
+    noResultText?: string;
+    removeSelectedText?: string;
+    selectedGroupLabel?: string;
+}
+export interface MenuState {
+    search: string;
+    selectedItemsGroup: MenuGroup | null;
+    otherGroups: MenuGroup[];
+    filteredGroups: MenuGroup[];
+    removeSelectedGroup: MenuGroup | null;
+}

package/dist/cjs/types/src/components/Select/Select.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/react";
+import { SelectProps } from "./types";
+type ComboboxStoryProps = SelectProps<string>;
+declare const _default: Meta<ComboboxStoryProps>;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const DefaultMulti: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;

package/dist/cjs/types/src/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from "./types";
+declare const FISSelect: import("react").ForwardRefExoticComponent<SelectProps<string> & import("react").RefAttributes<HTMLInputElement>>;
+export default FISSelect;

package/dist/cjs/types/src/components/Select/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivInputWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivDropdownMenuSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectedTagsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/types/src/components/Select/types.d.ts

@@ -0,0 +1,31 @@
+import { InputFieldProps } from "../Input/InputField";
+import { InputLabelProps } from "../Input/InputLabel";
+import { MenuProps } from "../MenuSelect/types";
+export interface SelectOption {
+    groupLabel: string;
+    items: {
+        label: string;
+        description?: string;
+        value: string;
+    }[];
+}
+export type SingleSelect<T> = {
+    multi: false;
+    value: T;
+    onChange: (value: T) => void;
+    displayValue?: (value: SelectOption) => string;
+};
+export type MultiSelect<T> = {
+    multi: true;
+    value: T[];
+    onChange: (value: T[]) => void;
+    displayValue?: (value: SelectOption[]) => string;
+};
+export type SelectProps<T> = Omit<InputFieldProps, "value" | "onChange"> & Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu"> & {
+    options: SelectOption[];
+    message?: string;
+    placeholderSearch?: string;
+    positive?: boolean;
+    multiDisplayText?: (count: number) => string;
+    renderOption?: (option: SelectOption) => React.ReactNode;
+} & (SingleSelect<T> | MultiSelect<T>);

package/dist/cjs/types/src/components/SelectItem/SelectItem.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import FISSelectItem from ".";
+declare const meta: Meta<typeof FISSelectItem>;
+export default meta;
+type Story = StoryObj<typeof FISSelectItem>;
+export declare const Default: Story;
+export declare const WithPrefixIcon: Story;
+export declare const WithSuffixIcon: Story;
+export declare const WithPrefixAndSuffix: Story;
+export declare const ReadOnly: Story;
+export declare const Disabled: Story;
+export declare const WithActiveDropdown: Story;

package/dist/cjs/types/src/components/SelectItem/index.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, JSX } from "react";
+export type SelectSize = "xs" | "sm" | "md" | "lg";
+export interface SelectFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
+    /**Control the size of the component*/
+    size?: SelectSize;
+    /**Prefix for filter value*/
+    iconPrefix?: string | JSX.Element;
+    /**iconSuffix for filter value*/
+    iconSuffix?: string | JSX.Element;
+    /**actived for current field*/
+    actived?: boolean;
+    /**active-dropdown for current field*/
+    activeDropdown?: boolean;
+    /** onClickSuffix for current field Button */
+    onClickSuffix?: () => void;
+    /** onClickPrefix for current field Button */
+    onClickPrefix?: () => void;
+}
+declare const FISSelectItem: import("react").ForwardRefExoticComponent<SelectFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export default FISSelectItem;

package/dist/cjs/types/src/components/SelectItem/styles.d.ts

@@ -0,0 +1,10 @@
+import { SelectSize } from ".";
+interface SelectItemProps {
+    $size?: SelectSize;
+}
+export declare const InputSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, SelectItemProps>> & string;
+export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectItemProps>> & string;
+export declare const DivIconPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectItemProps>> & string;
+export declare const DivIconSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectItemProps>> & string;
+export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectItemProps>> & string;
+export {};

package/dist/cjs/types/src/index.d.ts

@@ -19,6 +19,9 @@ export { default as FISAvatar } from "./components/Avatar";
 export { default as FISInputArea } from "./components/Input/InputArea";
 export { default as FISInputStepper } from "./components/Input/InputStepper";
 export { default as FISTooltip } from "./components/Tooltip";
+export { default as FISMenuSelect } from "./components/MenuSelect";
+export { default as FISMenuItem } from "./components/MenuItem";
+export { default as FISMenuSection } from "./components/MenuSection";
 export { default as FISDivider } from "./components/Divider";
 export { default as FISBadge } from "./components/Badge";
 export { default as FISCollapse } from "./components/Collapse";
@@ -36,3 +39,5 @@ export { default as FISAlertBanner } from "./components/AlertBanner";
 export { default as FISProgressCircular } from "./components/ProgressCircular";
 export { default as FISProgressLinear } from "./components/ProgressLinear";
 export { default as FISSplitButton } from "./components/SplitButton";
+export { default as FISSelect } from "./components/Select";
+export { default as FISSelectItem } from "./components/SelectItem";