fis-component 0.0.23 → 0.0.25

package/dist/esm/types/src/assets/icons/ArrowDownIcon.d.ts

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

package/dist/esm/types/src/assets/icons/ArrowRightIcon.d.ts

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

package/dist/esm/types/src/assets/icons/ArrowUpIcon.d.ts

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

package/dist/esm/types/src/assets/icons/BadgeIcon.d.ts

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

package/dist/esm/types/src/assets/icons/CalendarIcon.d.ts

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

package/dist/esm/types/src/assets/icons/CheckIcon.d.ts

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

package/dist/esm/types/src/assets/icons/ChevronSelector.d.ts

@@ -0,0 +1,2 @@
+declare const ChevronSelectorIcon: () => import("react/jsx-runtime").JSX.Element;
+export default ChevronSelectorIcon;

package/dist/esm/types/src/assets/icons/CloseChipIcon.d.ts

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

package/dist/esm/types/src/assets/icons/DateIcon.d.ts

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

package/dist/esm/types/src/assets/icons/DeleteIcon.d.ts

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

package/dist/esm/types/src/assets/icons/EditIcon.d.ts

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

package/dist/esm/types/src/assets/icons/ErrorIcon.d.ts

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

package/dist/esm/types/src/assets/icons/ExitIcon.d.ts

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

package/dist/esm/types/src/assets/icons/InfoIcon.d.ts

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

package/dist/esm/types/src/assets/icons/RiseIcon.d.ts

@@ -0,0 +1,2 @@
+declare const RiseIcon: () => import("react/jsx-runtime").JSX.Element;
+export default RiseIcon;

package/dist/esm/types/src/assets/icons/TimeIcon.d.ts

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

package/dist/esm/types/src/assets/icons/WarningIcon.d.ts

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

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

@@ -12,3 +12,20 @@ export { default as CheckedIcon } from "./CheckedIcon";
 export { default as IndeterminateIcon } from "./IndeterminateIcon";
 export { default as RequestButtonLoadingIcon } from "./RequestButtonLoadingIcon";
 export { default as ResizeIcon } from "./ResizeIcon";
+export { default as BadgeIcon } from "./BadgeIcon";
+export { default as ExitIcon } from "./ExitIcon";
+export { default as InfoIcon } from "./InfoIcon";
+export { default as CheckIcon } from "./CheckIcon";
+export { default as WarningIcon } from "./WarningIcon";
+export { default as ErrorIcon } from "./ErrorIcon";
+export { default as ArrowDownIcon } from "./ArrowDownIcon";
+export { default as ArrowUpIcon } from "./ArrowUpIcon";
+export { default as CloseChipIcon } from "./CloseChipIcon";
+export { default as TimeIcon } from "./TimeIcon";
+export { default as DateIcon } from "./DateIcon";
+export { default as ChevronSelectorIcon } from "./ChevronSelector";
+export { default as EditIcon } from "./EditIcon";
+export { default as DeleteIcon } from "./DeleteIcon";
+export { default as RiseIcon } from "./RiseIcon";
+export { default as CalendarIcon } from "./CalendarIcon";
+export { default as ArrowRightIcon } from "./ArrowRightIcon";

package/dist/esm/types/src/components/AlertBanner/AlertBanner.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/react";
+import AlertBanner, { AlertBannerProps } from ".";
+declare const _default: Meta<typeof AlertBanner>;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertBannerProps>;

package/dist/esm/types/src/components/AlertBanner/index.d.ts

@@ -0,0 +1,19 @@
+export type AlertBannerVariant = "neutral" | "info" | "positive" | "negative" | "caution";
+export interface AlertBannerProps {
+    title: string;
+    description?: string;
+    variant: AlertBannerVariant;
+    icon?: React.ReactNode;
+    actionText?: string;
+    actionIcon?: React.ReactNode;
+    linkText?: string;
+    direction?: "row" | "column";
+    onClickButton?: () => void;
+    onClickLink?: () => void;
+    onClose?: () => void;
+}
+declare function FISAlertBanner({ title, description, variant, icon, actionText, actionIcon, linkText, direction, onClickButton, onClickLink, onClose, }: AlertBannerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FISAlertBanner {
+    var displayName: string;
+}
+export default FISAlertBanner;

package/dist/esm/types/src/components/AlertBanner/styles.d.ts

@@ -0,0 +1,17 @@
+import { AlertBannerVariant } from ".";
+export declare const DivAlertBannerContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: "row" | "column";
+    $variant: AlertBannerVariant;
+}>> & string;
+export declare const DivAlertBannerContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: "row" | "column";
+    $variant: AlertBannerVariant;
+}>> & string;
+export declare const DivAlertBannerInfoSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanAlertBannerIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DivAlertBannerTitleSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivAlertBannerDescriptionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivAlertBannerActionWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivAlertBannerCloseActionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & 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 declare const DivCloseButtonWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/types/src/components/Avatar/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 export type BadgeType = "rounded" | "square" | "without";
 export type AvatarSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
 export type StatusType = "green" | "red" | "yellow" | "blue" | "neutral";
-export type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink" | "disable";
+export type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
 export type AvatarProps = {
     className?: string | undefined;
     src?: string;
@@ -13,6 +13,7 @@ export type AvatarProps = {
     status?: StatusType;
     isBadgeDot?: boolean;
     badge?: BadgeType;
+    disabled?: boolean;
     color?: ColorType;
 };
 declare const FISAvatar: React.FC<AvatarProps>;

package/dist/esm/types/src/components/Avatar/styles.d.ts

@@ -4,9 +4,12 @@ interface AvatarProps {
     $badge?: BadgeType;
     $color?: ColorType;
     $status?: StatusType;
+    $disabled?: boolean;
 }
 export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
 export declare const ImgAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, AvatarProps>> & string;
+export declare const DivImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
+export declare const DivOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
 export declare const SpanLetter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AvatarProps>> & string;
 export declare const DivBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;

package/dist/esm/types/src/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;

package/dist/esm/types/src/components/Badge/index.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export type BadgeSize = "xs" | "sm" | "md" | "lg";
+export type ColorType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
+export type BadgeStatus = "info" | "caution" | "positive" | "negative";
+export type BadgeType = "default" | "solid";
+export type BadgeBaseProps = {
+    className?: string;
+    size?: BadgeSize;
+    color?: ColorType;
+    status?: BadgeStatus;
+    type?: BadgeType;
+    disabled?: boolean;
+};
+export type BadgeWithIconOnly = BadgeBaseProps & {
+    icon: React.ReactNode;
+    label?: string;
+    src?: never;
+};
+export type BadgeWithAvatar = BadgeBaseProps & {
+    src: string;
+    label: string;
+    icon?: React.ReactNode;
+};
+export type BadgeWithLabelOnly = BadgeBaseProps & {
+    label: string;
+    icon?: never;
+    src?: never;
+};
+export type BadgeProps = BadgeWithIconOnly | BadgeWithAvatar | BadgeWithLabelOnly;
+declare const FISBadge: React.FC<BadgeProps>;
+export default FISBadge;

package/dist/esm/types/src/components/Badge/styles.d.ts

@@ -0,0 +1,12 @@
+import { BadgeSize, BadgeStatus, ColorType } from ".";
+interface BadgeProps {
+    $size?: BadgeSize;
+    $color?: ColorType;
+    $status?: BadgeStatus;
+    $type?: string;
+    $disabled?: boolean;
+}
+export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BadgeProps>> & string;
+export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BadgeProps>> & string;
+export declare const SpanLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, BadgeProps>> & string;
+export {};

package/dist/esm/types/src/components/Checkbox/index.d.ts

@@ -1,7 +1,7 @@
-import React, { Ref, ComponentPropsWithoutRef } from "react";
+import React, { ComponentPropsWithoutRef, Ref } from "react";
 export type CheckboxSize = "sm" | "md";
 export type CheckboxVariant = "primary" | "secondary" | "tertiary";
-type CheckboxProps = ComponentPropsWithoutRef<"input"> & {
+type CheckboxProps = Omit<ComponentPropsWithoutRef<"input">, "size"> & {
     children?: React.ReactNode;
     /** Size for checkbox */
     size?: CheckboxSize;
@@ -22,8 +22,12 @@ type CheckboxProps = ComponentPropsWithoutRef<"input"> & {
      * @default false
      */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Default checked state for uncontrolled usage
+     */
+    defaultChecked?: boolean;
 };
-declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
     children?: React.ReactNode;
     /** Size for checkbox */
     size?: CheckboxSize;
@@ -44,6 +48,10 @@ declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<React.DetailedHT
      * @default false
      */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Default checked state for uncontrolled usage
+     */
+    defaultChecked?: boolean;
 } & React.RefAttributes<HTMLLabelElement>>;
 export default FISCheckbox;
 export type { CheckboxProps };

package/dist/esm/types/src/components/CheckboxGroup/index.d.ts

@@ -1,3 +1,5 @@
+import { ForwardedRef, Ref } from "react";
+import { CheckboxSize } from "../Checkbox";
 type Value = string | number;
 type Option<T> = {
     value: T;
@@ -10,11 +12,23 @@ type CheckboxGroupProps<T extends Value> = {
     value: T[];
     direction?: "row" | "column";
     disabled?: boolean;
+    classContent?: string;
+    size?: CheckboxSize;
     getOptionDisabled?: (option: Option<T>) => boolean;
     onChange: (nextValue: T[]) => void;
     onFocus?: () => void;
     onBlur?: () => void;
 };
-declare function FISCheckboxGroup<T extends Value>({ className, groupLabel, options, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: CheckboxGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function CheckboxGroupComponent<T extends Value>({ className, groupLabel, options, value, direction, disabled, classContent, size, getOptionDisabled, onChange, onFocus, onBlur, }: CheckboxGroupProps<T>, ref?: Ref<{
+    focus: () => void;
+}>): import("react/jsx-runtime").JSX.Element;
+declare namespace CheckboxGroupComponent {
+    var displayName: string;
+}
+declare const FISCheckboxGroup: <T extends Value>(props: CheckboxGroupProps<T> & {
+    ref?: ForwardedRef<{
+        focus: () => void;
+    }>;
+}) => ReturnType<typeof CheckboxGroupComponent>;
 export default FISCheckboxGroup;
 export type { CheckboxGroupProps };

package/dist/esm/types/src/components/ChipButton/ChipButton.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;

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

@@ -0,0 +1,17 @@
+import React from "react";
+export type ChipSize = "xs" | "sm" | "md" | "lg";
+export type ThemeType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
+export type BadgeProps = {
+    className?: string | undefined;
+    icon?: React.ReactNode;
+    label: string;
+    size?: ChipSize;
+    theme?: ThemeType;
+    srcAvatar?: string;
+    closeable?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    onClickClose?: () => void;
+};
+declare const FISChipButton: React.FC<BadgeProps>;
+export default FISChipButton;

package/dist/esm/types/src/components/ChipButton/styles.d.ts

@@ -0,0 +1,11 @@
+import { ChipSize, ThemeType } from ".";
+interface ChipProps {
+    $size?: ChipSize;
+    $theme?: ThemeType;
+    $disabled?: boolean;
+}
+export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChipProps>> & string;
+export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChipProps>> & string;
+export declare const SpanLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ChipProps>> & string;
+export declare const DivCloseIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChipProps>> & string;
+export {};

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

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/react";
+import { FISComboboxProps } from "./";
+type ComboboxStoryProps = FISComboboxProps<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/esm/types/src/components/Combobox/MultipleValue.d.ts

@@ -0,0 +1,7 @@
+import { FISComboboxOption } from ".";
+interface MultipleValueProps<T> {
+    options: FISComboboxOption<T>[];
+    onRemove?: (option: FISComboboxOption<T>) => void;
+}
+declare const MultipleValue: <T>({ options, onRemove }: MultipleValueProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default MultipleValue;

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

@@ -0,0 +1,29 @@
+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>>;
+export default FISCombobox;

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

@@ -0,0 +1,24 @@
+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;
+}, {
+    $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 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 {};

package/dist/esm/types/src/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/react";
+import FISDivider from ".";
+declare const FISDividerStory: Meta<typeof FISDivider>;
+export default FISDividerStory;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").IFISDividerProps>;

package/dist/esm/types/src/components/Divider/index.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef } from "react";
+import theme from "../../styles/design-system";
+export type TFISDividerPaddingSize = "tiny" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+export type TFISDividerDirection = "horizontal" | "vertical";
+export type ThemeTypeT = typeof theme;
+export interface IFISDividerProps extends ComponentPropsWithoutRef<"div"> {
+    flip?: boolean;
+    headpointOffset?: TFISDividerPaddingSize;
+    sideOffset?: TFISDividerPaddingSize;
+    direction?: TFISDividerDirection;
+    color?: keyof ThemeTypeT;
+}
+declare const FISDivider: (props: IFISDividerProps) => import("react/jsx-runtime").JSX.Element;
+export default FISDivider;

package/dist/esm/types/src/components/Divider/styles.d.ts

@@ -0,0 +1,6 @@
+import { IFISDividerProps } from ".";
+interface DividerSCProps extends IFISDividerProps {
+    $resolvedColor?: string;
+}
+export declare const DividerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DividerSCProps>> & string;
+export {};

package/dist/esm/types/src/components/IconButton/IconButton.stories.d.ts

@@ -13,7 +13,7 @@ declare const meta: {
     argTypes: {
         size: {
             control: "radio";
-            options: import(".").ButtonSize[];
+            options: (import(".").ButtonSize | undefined)[];
             description: string;
         };
         disabled: {

package/dist/esm/types/src/components/IconButton/index.d.ts

@@ -5,7 +5,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     /**Change the design of button*/
     variant?: ButtonVariant;
     /** Size md for only button icon */
-    size: ButtonSize;
+    size?: ButtonSize;
     /**
      * Defines the icon element.
      */

package/dist/esm/types/src/components/Input/DateRange/DateRange.stories.d.ts

@@ -0,0 +1,40 @@
+import { DateRangeProps } from ".";
+declare const meta: {
+    title: string;
+    component: {
+        ({ placeholder, label, required, message, negative, positive, ...rest }: DateRangeProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    tags: string[];
+    args: {
+        label: string;
+        required: true;
+        message: string;
+        negative: false;
+        positive: false;
+    };
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+        };
+        required: {
+            control: "boolean";
+            description: string;
+        };
+        message: {
+            control: "text";
+            description: string;
+        };
+        negative: {
+            control: "boolean";
+            description: string;
+        };
+        positive: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+export declare const Default: (args: DateRangeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Input/DateRange/index.d.ts

@@ -0,0 +1,14 @@
+export type DateRangeProps = {
+    className?: string;
+    placeholder?: [string, string];
+    label?: string;
+    required?: boolean;
+    message?: string;
+    negative?: boolean;
+    positive?: boolean;
+};
+declare const FISDateRange: {
+    ({ placeholder, label, required, message, negative, positive, ...rest }: DateRangeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default FISDateRange;

package/dist/esm/types/src/components/Input/DateRange/styles.d.ts

@@ -0,0 +1,8 @@
+interface DateRangeProps {
+    $negative?: boolean;
+    $positive?: boolean;
+}
+export declare const DivDateRangeContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DateRangeProps>> & string;
+export declare const DivSeparatorIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DateRangeProps>> & string;
+export declare const DivSuffixIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/esm/types/src/components/Input/{TextArea → InputArea}/TextArea.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from "@storybook/react";
-import { TextAreaProps } from "./";
+import { TextAreaProps } from ".";
 declare const _default: Meta;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;

package/dist/{cjs/types/src/components/Input/TextArea → esm/types/src/components/Input/InputArea}/index.d.ts

@@ -1,15 +1,11 @@
 import React, { ComponentPropsWithoutRef } from "react";
 import { InputLabelProps } from "../InputLabel";
 export type InputSize = "md" | "lg";
-export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
+export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "onEnter">, Partial<InputLabelProps> {
     /**Control the icon of the component*/
     iconSuffix?: React.ReactNode;
     /**Control the size of the component*/
-    size: InputSize;
-    /**placeholder for current field */
-    placeholder: string;
-    /**User-filled value*/
-    value?: string;
+    size?: InputSize;
     /**Boolean to show the lenght of value user-filled*/
     showCount?: boolean;
     /**isNegative for current field*/
@@ -20,14 +16,10 @@ export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">
     message?: string;
     /**Control the width of the component*/
     fixedWidth?: number;
-    /**Handle the change value of the field*/
-    onChange?: (T: string | null) => void;
     /**Handle onEnter action*/
     onEnter?: (T: string | null) => void;
-    /**Handle onBlur action*/
-    onBlur?: (T: string | null) => void;
     /**Handle onEnter action*/
     onClickIconSuffix?: () => void;
 }
-declare const FISTextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default FISTextArea;
+declare const FISInputArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default FISInputArea;

package/dist/esm/types/src/components/Input/InputDate/InputDate.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta } from "@storybook/react";
+import { InputDateProps } from ".";
+declare const _default: Meta;
+export default _default;
+export declare const Default: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Input/InputDate/index.d.ts

@@ -0,0 +1,16 @@
+import { InputFieldProps } from "../InputField";
+import { InputLabelProps } from "../InputLabel";
+export interface InputDateProps extends Omit<InputFieldProps, "value" | "onChange">, Partial<InputLabelProps> {
+    /**Date value*/
+    value?: Date | null;
+    /**Format Date*/
+    format?: string;
+    /**Hint text for current field*/
+    message?: string;
+    /**positive for current field*/
+    positive?: boolean;
+    /** Handle on change action */
+    onChange?: (date: Date | null) => void;
+}
+declare const FISInputDate: import("react").ForwardRefExoticComponent<InputDateProps & import("react").RefAttributes<HTMLInputElement>>;
+export default FISInputDate;