fis-component 0.0.21 → 0.0.23

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,14 @@
 export { default as Fpt } from "./Fpt";
+export { default as IncreIcon } from "./IncreIcon";
+export { default as DecreIcon } from "./DecreIcon";
 export { default as CategoryIcon } from "./CategoryIcon";
+export { default as DotIcon } from "./DotIcon";
+export { default as SeparatorIcon } from "./SeparatorIcon";
+export { default as HomeIcon } from "./HomeIcon";
 export { default as CloseIcon } from "./CloseIcon";
 export { default as DropdownIcon } from "./DropdownIcon";
 export { default as RequestButtonLoadingWhiteIcon } from "./RequestButtonLoadingWhiteIcon";
 export { default as CheckedIcon } from "./CheckedIcon";
 export { default as IndeterminateIcon } from "./IndeterminateIcon";
 export { default as RequestButtonLoadingIcon } from "./RequestButtonLoadingIcon";
+export { default as ResizeIcon } from "./ResizeIcon";

package/dist/esm/types/src/components/Avatar/Avatar.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(".").AvatarProps>;

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

@@ -0,0 +1,19 @@
+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 AvatarProps = {
+    className?: string | undefined;
+    src?: string;
+    icon?: React.ReactNode;
+    alt?: string;
+    letter?: string;
+    size?: AvatarSize;
+    status?: StatusType;
+    isBadgeDot?: boolean;
+    badge?: BadgeType;
+    color?: ColorType;
+};
+declare const FISAvatar: React.FC<AvatarProps>;
+export default FISAvatar;

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

@@ -0,0 +1,13 @@
+import { AvatarSize, BadgeType, ColorType, StatusType } from ".";
+interface AvatarProps {
+    $size?: AvatarSize;
+    $badge?: BadgeType;
+    $color?: ColorType;
+    $status?: StatusType;
+}
+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 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;
+export {};

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

@@ -0,0 +1,14 @@
+import { Meta } from "@storybook/react";
+interface BreadcrumbItem {
+    label?: string;
+    icon?: JSX.Element;
+    onClick: () => void;
+}
+interface TemplateProps {
+    items: BreadcrumbItem[];
+    showLabel: boolean;
+    showIcon: boolean;
+}
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TemplateProps>;

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

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithoutRef } from "react";
+export interface BreadcrumbItemProps extends ComponentPropsWithoutRef<"button"> {
+    icon?: React.ReactNode;
+    label?: string;
+    active?: boolean;
+    onClick: () => void;
+}
+export type BreadcrumbProps = {
+    items: BreadcrumbItemProps[];
+    /** Additional CSS class names to apply to the breadcrumb. */
+    className?: string | undefined;
+};
+declare const FISBreadcrumb: React.FC<BreadcrumbProps>;
+export default FISBreadcrumb;

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

@@ -0,0 +1,7 @@
+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 DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ButtonItemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $active?: boolean;
+}>> & string;
+export declare const DivIconDotSC: 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/Button/Button.stories.d.ts

@@ -33,7 +33,7 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
-        isLoading: {
+        loading: {
             control: "boolean";
             description: string;
         };

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

@@ -19,7 +19,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     /**
      * Defines if the button is currently being requested.
      */
-    isLoading?: boolean;
+    loading?: boolean;
 }
 declare const FISButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default FISButton;

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

@@ -4,7 +4,7 @@ interface ButtonProps {
     $variant: ButtonVariant;
     $size: ButtonSize;
     $active?: boolean;
-    $isLoading?: boolean;
+    $loading?: boolean;
 }
 export declare const ButtonSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>> & string;
 export declare const SpanIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/esm/types/src/components/{GroupButton/GroupButton.stories.d.ts → ButtonGroup/ButtonGroup.stories.d.ts}

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import FISGroupButton from ".";
-declare const meta: Meta<typeof FISGroupButton>;
+import FISButtonGroup from ".";
+declare const meta: Meta<typeof FISButtonGroup>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/{cjs/types/src/components/GroupButton → esm/types/src/components/ButtonGroup}/index.d.ts

@@ -17,6 +17,8 @@ type BaseButtonProps = {
 };
 type ButtonOption = ComponentPropsWithoutRef<"button"> & BaseButtonProps;
 export interface GroupButtonProps {
+    /** Additional CSS class names to apply to the group button */
+    className?: string | undefined;
     /** Variant of the buttons. 'default' is typically used for text-only buttons */
     variant?: ButtonVariant;
     /** Size of the buttons. 'md' is typically used for icon-only buttons */
@@ -26,5 +28,5 @@ export interface GroupButtonProps {
     /** List of button options */
     options: ButtonOption[];
 }
-declare const FISGroupButton: React.FC<GroupButtonProps>;
-export default FISGroupButton;
+declare const FISButtonGroup: React.FC<GroupButtonProps>;
+export default FISButtonGroup;

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

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

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

@@ -12,10 +12,10 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">,
     iconSuffix?: string | JSX.Element;
     /**labelSuffix for filter value*/
     labelSuffix?: string | JSX.Element;
-    /**isNegative for current field*/
-    isNegative?: boolean;
-    /**isActived for current field*/
-    isActived?: boolean;
+    /**negative for current field*/
+    negative?: boolean;
+    /**actived for current field*/
+    actived?: boolean;
     /** onClick for current field Button */
     onClickSuffix?: () => void;
 }

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

@@ -3,7 +3,7 @@ export interface InputLabelProps {
     /**textLabel for current field*/
     textLabel: string;
     /**Show symbol * as required field*/
-    isRequired?: boolean;
+    required?: boolean;
     /**Icon for current field*/
     iconLabel?: React.ReactNode;
     /**onClickIconLabel for current field*/

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

@@ -1,3 +1,3 @@
-export declare const DivLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const LabelTextSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const SpanRequiredSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

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

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { InputLabelProps } from "../InputLabel";
+export type InputSize = "md" | "lg";
+export interface InputStepperProps extends Omit<React.ComponentPropsWithoutRef<"input">, "onChange">, Partial<InputLabelProps> {
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: number;
+    sizeInput?: InputSize;
+    negative?: boolean;
+    positive?: boolean;
+    message?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    StartIcon?: React.ReactNode;
+    EndIcon?: React.ReactNode;
+    onChange?: (value: number) => void;
+}
+declare const FISInputStepper: React.ForwardRefExoticComponent<InputStepperProps & React.RefAttributes<HTMLInputElement>>;
+export default FISInputStepper;

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

@@ -0,0 +1,5 @@
+export declare const InputSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+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 DivHintSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanHintSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 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;

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

@@ -2,20 +2,12 @@ import React from "react";
 import { InputFieldProps } from "../InputField";
 import { InputLabelProps } from "../InputLabel";
 export interface InputTextProps extends Omit<InputFieldProps, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
-    /**isLabel for current field*/
-    isLabel: boolean;
     /**Boolean to show the lenght of value user-filled*/
     showCount?: boolean;
     /**Hint text for current field*/
-    hintText?: string;
-    /**Boolean to show the hint text*/
-    isHintText?: boolean;
-    /**errorMessage for current field*/
-    errorMessage?: string;
-    /**positiveMessage for current field*/
-    positiveMessage?: string;
-    /**isPositive for current field*/
-    isPositive?: boolean;
+    message?: string;
+    /**positive for current field*/
+    positive?: boolean;
     /**value for current field*/
     value?: string;
     /** Handle onChange action */

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

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/react";
+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/esm/types/src/components/Input/TextArea/index.d.ts

@@ -0,0 +1,33 @@
+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> {
+    /**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;
+    /**Boolean to show the lenght of value user-filled*/
+    showCount?: boolean;
+    /**isNegative for current field*/
+    negative?: boolean;
+    /**isPositive for current field*/
+    positive?: boolean;
+    /**positiveMessage for current field*/
+    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;

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

@@ -0,0 +1,9 @@
+export declare const DicContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivResizeSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextAreaSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
+export declare const DivAreaFieldSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivCountSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanHintSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DivBottomSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextAreaHint: 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/{GroupRadio → RadioGroup}/index.d.ts

@@ -16,6 +16,6 @@ type RadioGroupProps<T extends Value> = {
     onFocus?: () => void;
     onBlur?: () => void;
 };
-declare function RadioGroup<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
-export default RadioGroup;
+declare function FISRadioGroup<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export default FISRadioGroup;
 export type { RadioGroupProps };

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

@@ -3,9 +3,15 @@ export type { ThemeType } from "./styles/design-system";
 export { default as FISButton } from "./components/Button";
 export { default as FISLinkButton } from "./components/LinkButton";
 export { default as FISIconButton } from "./components/IconButton";
-export { default as FISGroupButton } from "./components/GroupButton";
+export { default as FISButtonGroup } from "./components/ButtonGroup";
+export { default as FISBreadcrumb } from "./components/Breadcrumb";
 export { default as FISRadio } from "./components/Radio";
+export { default as FISRadioGroup } from "./components/RadioGroup";
 export { default as FISCheckbox } from "./components/Checkbox";
+export { default as FISCheckboxGroup } from "./components/CheckboxGroup";
 export { default as FISInputField } from "./components/Input/InputField";
 export { default as FISInputText } from "./components/Input/InputText";
 export { default as FISInputLabel } from "./components/Input/InputLabel";
+export { default as FISAvatar } from "./components/Avatar";
+export { default as FISTextArea } from "./components/Input/TextArea";
+export { default as FISInputStepper } from "./components/Input/InputStepper";

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import React__default, { ComponentPropsWithoutRef, ReactNode, Ref, JSX } from 'react';
 import { DefaultTheme } from 'styled-components';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ThemeProviderProps {
     theme?: DefaultTheme;
@@ -2756,7 +2757,7 @@ interface ButtonProps$2 extends ComponentPropsWithoutRef<"button"> {
     /**
      * Defines if the button is currently being requested.
      */
-    isLoading?: boolean;
+    loading?: boolean;
 }
 declare const FISButton: React__default.ForwardRefExoticComponent<ButtonProps$2 & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -2816,6 +2817,8 @@ type BaseButtonProps = {
 };
 type ButtonOption = ComponentPropsWithoutRef<"button"> & BaseButtonProps;
 interface GroupButtonProps {
+    /** Additional CSS class names to apply to the group button */
+    className?: string | undefined;
     /** Variant of the buttons. 'default' is typically used for text-only buttons */
     variant?: ButtonVariant;
     /** Size of the buttons. 'md' is typically used for icon-only buttons */
@@ -2825,7 +2828,20 @@ interface GroupButtonProps {
     /** List of button options */
     options: ButtonOption[];
 }
-declare const FISGroupButton: React__default.FC<GroupButtonProps>;
+declare const FISButtonGroup: React__default.FC<GroupButtonProps>;
+
+interface BreadcrumbItemProps extends ComponentPropsWithoutRef<"button"> {
+    icon?: React__default.ReactNode;
+    label?: string;
+    active?: boolean;
+    onClick: () => void;
+}
+type BreadcrumbProps = {
+    items: BreadcrumbItemProps[];
+    /** Additional CSS class names to apply to the breadcrumb. */
+    className?: string | undefined;
+};
+declare const FISBreadcrumb: React__default.FC<BreadcrumbProps>;
 
 type RadioSize = "sm" | "md";
 type RadioVariant = "primary" | "secondary" | "tertiary";
@@ -2845,6 +2861,26 @@ declare const FISRadio: React__default.ForwardRefExoticComponent<Omit<Omit<React
     inputRef?: Ref<HTMLInputElement>;
 } & React__default.RefAttributes<HTMLLabelElement>>;
 
+type Value$1 = string | number;
+type Option$1<T> = {
+    value: T;
+    label: string;
+};
+type RadioGroupProps<T extends Value$1> = {
+    className?: string;
+    groupLabel: string;
+    options: Option$1<T>[] | readonly Option$1<T>[];
+    value: T | null;
+    direction?: "row" | "column";
+    name?: string;
+    disabled?: boolean;
+    getOptionDisabled?: (option: Option$1<T>) => boolean;
+    onChange: (nextValue: T) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+};
+declare function FISRadioGroup<T extends Value$1>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): react_jsx_runtime.JSX.Element;
+
 type CheckboxSize = "sm" | "md";
 type CheckboxVariant = "primary" | "secondary" | "tertiary";
 declare const FISCheckbox: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
@@ -2870,11 +2906,30 @@ declare const FISCheckbox: React__default.ForwardRefExoticComponent<Omit<React__
     inputRef?: Ref<HTMLInputElement>;
 } & React__default.RefAttributes<HTMLLabelElement>>;
 
+type Value = string | number;
+type Option<T> = {
+    value: T;
+    label: string;
+};
+type CheckboxGroupProps<T extends Value> = {
+    className?: string;
+    groupLabel: string;
+    options: Option<T>[] | readonly Option<T>[];
+    value: T[];
+    direction?: "row" | "column";
+    disabled?: boolean;
+    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>): react_jsx_runtime.JSX.Element;
+
 type InputTypeSuffix = "icon" | "suffix" | "dropdown";
-type InputSize = "md" | "lg";
+type InputSize$2 = "md" | "lg";
 interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
     /**Control the size of the component*/
-    sizeInput?: InputSize;
+    sizeInput?: InputSize$2;
     /**Control the style type of component: "icon" | "suffix" | "dropdown" */
     typeSuffix?: InputTypeSuffix;
     /**Prefix for filter value*/
@@ -2883,10 +2938,10 @@ interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onCli
     iconSuffix?: string | JSX.Element;
     /**labelSuffix for filter value*/
     labelSuffix?: string | JSX.Element;
-    /**isNegative for current field*/
-    isNegative?: boolean;
-    /**isActived for current field*/
-    isActived?: boolean;
+    /**negative for current field*/
+    negative?: boolean;
+    /**actived for current field*/
+    actived?: boolean;
     /** onClick for current field Button */
     onClickSuffix?: () => void;
 }
@@ -2896,7 +2951,7 @@ interface InputLabelProps {
     /**textLabel for current field*/
     textLabel: string;
     /**Show symbol * as required field*/
-    isRequired?: boolean;
+    required?: boolean;
     /**Icon for current field*/
     iconLabel?: React__default.ReactNode;
     /**onClickIconLabel for current field*/
@@ -2905,20 +2960,12 @@ interface InputLabelProps {
 declare const FISInputLabel: React__default.ForwardRefExoticComponent<InputLabelProps & React__default.RefAttributes<unknown>>;
 
 interface InputTextProps extends Omit<InputFieldProps, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
-    /**isLabel for current field*/
-    isLabel: boolean;
     /**Boolean to show the lenght of value user-filled*/
     showCount?: boolean;
     /**Hint text for current field*/
-    hintText?: string;
-    /**Boolean to show the hint text*/
-    isHintText?: boolean;
-    /**errorMessage for current field*/
-    errorMessage?: string;
-    /**positiveMessage for current field*/
-    positiveMessage?: string;
-    /**isPositive for current field*/
-    isPositive?: boolean;
+    message?: string;
+    /**positive for current field*/
+    positive?: boolean;
     /**value for current field*/
     value?: string;
     /** Handle onChange action */
@@ -2932,4 +2979,71 @@ interface InputTextProps extends Omit<InputFieldProps, "onChange" | "onEnter" |
 }
 declare const FISInputText: React__default.ForwardRefExoticComponent<InputTextProps & React__default.RefAttributes<HTMLInputElement>>;
 
-export { FISButton, FISCheckbox, FISGroupButton, FISIconButton, FISInputField, FISInputLabel, FISInputText, FISLinkButton, FISRadio, FISThemeProvider, type ThemeType };
+type BadgeType = "rounded" | "square" | "without";
+type AvatarSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
+type StatusType = "green" | "red" | "yellow" | "blue" | "neutral";
+type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink" | "disable";
+type AvatarProps = {
+    className?: string | undefined;
+    src?: string;
+    icon?: React__default.ReactNode;
+    alt?: string;
+    letter?: string;
+    size?: AvatarSize;
+    status?: StatusType;
+    isBadgeDot?: boolean;
+    badge?: BadgeType;
+    color?: ColorType;
+};
+declare const FISAvatar: React__default.FC<AvatarProps>;
+
+type InputSize$1 = "md" | "lg";
+interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
+    /**Control the icon of the component*/
+    iconSuffix?: React__default.ReactNode;
+    /**Control the size of the component*/
+    size: InputSize$1;
+    /**placeholder for current field */
+    placeholder: string;
+    /**User-filled value*/
+    value?: string;
+    /**Boolean to show the lenght of value user-filled*/
+    showCount?: boolean;
+    /**isNegative for current field*/
+    negative?: boolean;
+    /**isPositive for current field*/
+    positive?: boolean;
+    /**positiveMessage for current field*/
+    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__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+type InputSize = "md" | "lg";
+interface InputStepperProps extends Omit<React__default.ComponentPropsWithoutRef<"input">, "onChange">, Partial<InputLabelProps> {
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: number;
+    sizeInput?: InputSize;
+    negative?: boolean;
+    positive?: boolean;
+    message?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    StartIcon?: React__default.ReactNode;
+    EndIcon?: React__default.ReactNode;
+    onChange?: (value: number) => void;
+}
+declare const FISInputStepper: React__default.ForwardRefExoticComponent<InputStepperProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { FISAvatar, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISIconButton, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISLinkButton, FISRadio, FISRadioGroup, FISTextArea, FISThemeProvider, type ThemeType };

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://vietdiemtran.github.io/fis-component/",
   "name": "fis-component",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",