fis-component 0.0.26 → 0.0.28

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

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

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

@@ -0,0 +1 @@
+export default function MoreIcon(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export default function UploadIcon(): import("react/jsx-runtime").JSX.Element;

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

@@ -13,6 +13,8 @@ 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 CaretIcon } from "./CaretIcon";
+export { default as UploadIcon } from "./UploadIcon";
 export { default as ExitIcon } from "./ExitIcon";
 export { default as InfoIcon } from "./InfoIcon";
 export { default as CheckIcon } from "./CheckIcon";
@@ -29,3 +31,4 @@ export { default as DeleteIcon } from "./DeleteIcon";
 export { default as RiseIcon } from "./RiseIcon";
 export { default as CalendarIcon } from "./CalendarIcon";
 export { default as ArrowRightIcon } from "./ArrowRightIcon";
+export { default as MoreIcon } from "./MoreIcon";

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

@@ -1,4 +1,13 @@
 import { Meta } from "@storybook/react";
-declare const _default: Meta;
+import FISAvatar from ".";
+declare const _default: Meta<typeof FISAvatar>;
 export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const WithImage: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const WithLetter: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const WithIcon: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const WithStatusDot: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const WithStatusBadge: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const Square: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const Colors: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
+export declare const Size: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;

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

@@ -1,7 +1,7 @@
 import React from "react";
-export type BadgeType = "rounded" | "square" | "without";
+export type ShapeType = "rounded" | "square";
 export type AvatarSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
-export type StatusType = "green" | "red" | "yellow" | "blue" | "neutral";
+export type StatusBadgeType = "green" | "red" | "yellow" | "blue" | "neutral";
 export type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
 export type AvatarProps = {
     className?: string | undefined;
@@ -10,9 +10,9 @@ export type AvatarProps = {
     alt?: string;
     letter?: string;
     size?: AvatarSize;
-    status?: StatusType;
-    isBadgeDot?: boolean;
-    badge?: BadgeType;
+    statusBadge?: StatusBadgeType;
+    dotBadge?: boolean;
+    shape?: ShapeType;
     disabled?: boolean;
     color?: ColorType;
 };

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

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

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

@@ -1,4 +1,59 @@
 import { Meta } from "@storybook/react";
-declare const _default: Meta;
+import FISBadge from ".";
+declare const _default: Meta<typeof FISBadge>;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;
+export declare const WithIcon: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;
+export declare const WithAvatar: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;
+export declare const Sizes: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Colors: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Statuses: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SolidType: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Disabled: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const IconOnly: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;
+export declare const LabelOnly: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;

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

@@ -1,6 +1,6 @@
 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 ColorType = "neutral" | "neutral-light" | "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 = {

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

@@ -1,14 +1,8 @@
-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>;
+import type { Meta, StoryObj } from "@storybook/react";
+import FISBreadcrumb from "./";
+declare const meta: Meta<typeof FISBreadcrumb>;
+export default meta;
+type Story = StoryObj<typeof FISBreadcrumb>;
+export declare const Basic: Story;
+export declare const WithManyItems: Story;
+export declare const IconOnly: Story;

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

@@ -1,5 +1,5 @@
 import { ButtonSize, ButtonVariant } from ".";
-import { RequestButtonLoadingIcon, RequestButtonLoadingWhiteIcon } from "../../assets/icons";
+import FISProgressCircular from "../ProgressCircular";
 interface ButtonProps {
     $variant: ButtonVariant;
     $size: ButtonSize;
@@ -8,10 +8,5 @@ interface ButtonProps {
 }
 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;
-export declare const SvgSpinningWhiteIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | 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<SVGSVGElement> | null | undefined;
-}, never>> & string & Omit<typeof RequestButtonLoadingWhiteIcon, keyof import("react").Component<any, {}, any>>;
-export declare const SvgSpinningIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | 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<SVGSVGElement> | null | undefined;
-}, never>> & string & Omit<typeof RequestButtonLoadingIcon, keyof import("react").Component<any, {}, any>>;
+export declare const ProgressCircularSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../ProgressCircular").ProgressCircularProps, never>> & string & Omit<typeof FISProgressCircular, keyof import("react").Component<any, {}, any>>;
 export {};

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

@@ -1,4 +1,28 @@
 import { Meta } from "@storybook/react";
-declare const _default: Meta;
+import FISChipButton from ".";
+declare const _default: Meta<typeof FISChipButton>;
 export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;
+export declare const WithAvatar: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const WithIcon: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Closeable: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ChipButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DifferentSizes: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const DifferentThemes: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

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

@@ -1,17 +1,25 @@
 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 = {
+export type ChipBaseProps = {
     className?: string | undefined;
-    icon?: React.ReactNode;
-    label: string;
     size?: ChipSize;
     theme?: ThemeType;
-    srcAvatar?: string;
     closeable?: boolean;
     selected?: boolean;
     disabled?: boolean;
     onClickClose?: () => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+export type ChipWithIcon = ChipBaseProps & {
+    icon: React.ReactNode;
+    label: string;
+    srcAvatar?: string;
+};
+export type ChipWithAvatar = ChipBaseProps & {
+    srcAvatar: string;
+    label: string;
+    icon?: React.ReactNode;
 };
-declare const FISChipButton: React.FC<BadgeProps>;
+export type ChipButtonProps = ChipWithIcon | ChipWithAvatar;
+declare const FISChipButton: React.ForwardRefExoticComponent<ChipButtonProps & React.RefAttributes<HTMLDivElement>>;
 export default FISChipButton;

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

@@ -0,0 +1,15 @@
+import { Meta } from "@storybook/react";
+import FISCollapse from ".";
+declare const _default: Meta<typeof FISCollapse>;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const MultiplePanels: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const StartIconPosition: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const LargeSize: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const DefaultActiveKey: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const CollapsibleHeader: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const CollapsibleIcon: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const CollapsibleDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const CustomHeader: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const AccordionMode: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;
+export declare const NonAccordionMode: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").CustomCollapseProps>;

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

@@ -0,0 +1,18 @@
+import type { CollapseProps as AntDCollapseProps } from "antd";
+export type CollapseSize = "sm" | "md" | "lg";
+export interface CollapseItem {
+    key: string;
+    title: string;
+    description?: string;
+    badge?: string;
+    leftIcon?: React.ReactNode;
+    customHeader?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export interface CustomCollapseProps extends Omit<AntDCollapseProps, "expandIcon" | "children"> {
+    className?: string | undefined;
+    collapseSize?: CollapseSize;
+    items: CollapseItem[];
+}
+declare const FISCollapse: React.FC<CustomCollapseProps>;
+export default FISCollapse;

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

@@ -0,0 +1,28 @@
+import { CollapseSize } from ".";
+interface CollapseProps {
+    $collapseSize?: CollapseSize;
+}
+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 DivCustomSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivCustomHeaderSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CollapseProps>> & string;
+export declare const DivLeftIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CollapseProps>> & string;
+export declare const DivLeftSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CollapseProps>> & string;
+export declare const DivRightSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CollapseProps>> & 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 PTitleSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, CollapseProps>> & string;
+export declare const SpanDescriptionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DivHeaderSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CollapseProps>> & string;
+export declare const DivTopContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivBodySC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CollapseProps>> & string;
+export declare const DivDividerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CollapseProps>> & string;
+export declare const DivIconWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $collapseSize: CollapseSize;
+}>> & string;
+export declare const StyledCollapse: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("antd").CollapseProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
+}, {
+    $collapseSize: CollapseSize;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("antd").CollapseProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Panel: React.ForwardRefExoticComponent<import("antd").CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
+}, keyof import("react").Component<any, {}, any>>;
+export {};

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

@@ -1,5 +1,21 @@
-import type { Meta } from "@storybook/react";
-import { InputFieldProps } from ".";
-declare const _default: Meta;
-export default _default;
-export declare const Default: (args: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
+import type { Meta, StoryObj } from "@storybook/react";
+import FISInputField from ".";
+/**
+ * InputField là một component input tùy chỉnh với nhiều tính năng:
+ * - Hỗ trợ icon ở đầu và cuối input
+ * - Hỗ trợ dropdown ở đầu và cuối input
+ * - Có thể thêm label ở đầu và cuối input
+ * - Có hai kích thước: md (trung bình) và lg (lớn)
+ * - Có thể đặt ở chế độ chỉ đọc (readOnly)
+ */
+declare const meta: Meta<typeof FISInputField>;
+export default meta;
+type Story = StoryObj<typeof FISInputField>;
+export declare const Default: Story;
+export declare const WithPrefixIcon: Story;
+export declare const WithTypePrefix: Story;
+export declare const WithTypePrefixDropdown: Story;
+export declare const WithSuffixIcon: Story;
+export declare const WithTypeSuffix: Story;
+export declare const WithDropdown: Story;
+export declare const ReadOnly: Story;

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

@@ -19,6 +19,8 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">,
     labelPrefix?: string | JSX.Element;
     /**negative for current field*/
     negative?: boolean;
+    /**actived for current field*/
+    actived?: boolean;
     /**active-dropdown for current field*/
     activeDropdown?: boolean;
     /** onClickSuffix for current field Button */

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

@@ -1,5 +1,77 @@
-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>>;
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./index").InputStepperProps & import("react").RefAttributes<HTMLInputElement>>;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        min: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        max: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        step: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        value: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        onChange: {
+            action: string;
+            description: string;
+        };
+        sizeInput: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        readOnly: {
+            control: "boolean";
+            description: string;
+        };
+        placeholder: {
+            control: "text";
+            description: string;
+        };
+        message: {
+            control: "text";
+            description: string;
+        };
+        textLabel: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const WithNegative: Story;
+export declare const ReadOnly: Story;

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

@@ -1,5 +1,15 @@
 import type { Meta } from "@storybook/react";
-import { InputTextProps } from ".";
-declare const _default: Meta;
+import FISInputText, { InputTextProps } from ".";
+declare const _default: Meta<typeof FISInputText>;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const WithCharacterCount: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const WithHintMessage: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const Required: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const WithIconPrefix: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const WithIconSuffix: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const WithDropdownSuffix: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const WithTypeSuffix: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const PositiveState: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;
+export declare const NegativeState: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTextProps>;

package/dist/esm/types/src/components/Notification/NotificationRender.d.ts

@@ -0,0 +1,3 @@
+import { SystemNotificationProps, InfoNotificationProps } from "./type";
+export declare const renderSystemNotification: ({ title, description, imgUrl, okText, cancelText, moreOption, onMoreClick, onOk, onCancel, onClose, }: SystemNotificationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const renderInfoNotification: ({ title, description, icon, moreOption, okText, cancelText, variant, size, roundedIcon, onMoreClick, onOk, onCancel, onClose, }: InfoNotificationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Notification/context.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const NotificationProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const NotificationContext: React.Context<{
+    api: import("antd/es/notification/interface").NotificationInstance;
+    contextHolder: React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    notificationWithImage: ({ key: keyProp, duration, onClose: onCloseProp, ...rest }: import("./type").SystemNotificationProps) => void;
+    notificationWithFeature: ({ key: keyProp, duration, onClose: onCloseProp, ...rest }: import("./type").InfoNotificationProps) => void;
+} | null>;
+export { NotificationContext };
+export default NotificationProvider;

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

@@ -0,0 +1,9 @@
+import { SystemNotificationProps, InfoNotificationProps } from "./type";
+declare const createNotificationAPI: () => {
+    api: import("antd/es/notification/interface").NotificationInstance;
+    contextHolder: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+    notificationWithImage: ({ key: keyProp, duration, onClose: onCloseProp, ...rest }: SystemNotificationProps) => void;
+    notificationWithFeature: ({ key: keyProp, duration, onClose: onCloseProp, ...rest }: InfoNotificationProps) => void;
+};
+export type FISNotificationAPI = ReturnType<typeof createNotificationAPI>;
+export { createNotificationAPI };

package/dist/esm/types/src/components/Notification/stories/InfoUpdate.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;

package/dist/esm/types/src/components/Notification/stories/InfomationMockIcon.d.ts

@@ -0,0 +1 @@
+export default function InformationMockIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Notification/stories/SystemUpdate.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryFn } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;

package/dist/esm/types/src/components/Notification/style.d.ts

@@ -0,0 +1,21 @@
+import { IconSize, Variant } from "./type";
+export declare const NotificationGlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+    theme: import("../..").ThemeType;
+}>;
+export declare const DivNotificationSystemWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivNotificationWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivNotificationSystemContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivNotificationContentWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ImgNotificationSystemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const DivNotificationContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivNotificationActionsSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivNotificationTitleSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivNotificationDescriptionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivNotificationContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: IconSize;
+    $variant: Variant;
+    $roundedIcon?: boolean;
+}>> & string;
+export declare const DivNotificationHeaderSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivIconActionSC: 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/Notification/type.d.ts

@@ -0,0 +1,25 @@
+export type NotificationBaseProps = {
+    title: string | React.ReactElement;
+    description: string | React.ReactElement;
+    duration?: number;
+    slot?: React.ReactNode;
+    cancelText?: string;
+    okText?: string;
+    moreOption?: boolean;
+    key?: string;
+    onCancel?: () => void;
+    onOk?: () => void;
+    onMoreClick?: () => void;
+    onClose?: () => void;
+};
+export type SystemNotificationProps = NotificationBaseProps & {
+    imgUrl: string;
+};
+export type InfoNotificationProps = NotificationBaseProps & {
+    icon?: string;
+    size?: IconSize;
+    variant?: Variant;
+    roundedIcon?: boolean;
+};
+export type Variant = "neutral" | "info" | "positive" | "caution" | "negative";
+export type IconSize = 24 | 28 | 36 | 44 | 56 | 68 | 84;

package/dist/esm/types/src/components/Notification/useNotification.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const useNotification: () => {
+    api: import("antd/es/notification/interface").NotificationInstance;
+    contextHolder: React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    notificationWithImage: ({ key: keyProp, duration, onClose: onCloseProp, ...rest }: import("./type").SystemNotificationProps) => void;
+    notificationWithFeature: ({ key: keyProp, duration, onClose: onCloseProp, ...rest }: import("./type").InfoNotificationProps) => void;
+};
+export default useNotification;

package/dist/esm/types/src/components/ProgressCircular/Determinate.d.ts

@@ -0,0 +1,3 @@
+import { ProgressCircularProps } from ".";
+declare const ProgressCircularDeterminate: ({ percent: percentProp, size: sizeProp, invert, className, }: Omit<ProgressCircularProps, "variant">) => import("react/jsx-runtime").JSX.Element | null;
+export default ProgressCircularDeterminate;

package/dist/esm/types/src/components/ProgressCircular/Indeterminate.d.ts

@@ -0,0 +1,2 @@
+import { ProgressCircularProps } from ".";
+export default function ProgressCircularIndeterminate({ size, invert, className, }: Omit<ProgressCircularProps, "variant">): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import type { Meta, StoryFn } from "@storybook/react";
+import FISProgressCircular from ".";
+declare const meta: Meta<typeof FISProgressCircular>;
+export default meta;
+export declare const Default: StoryFn;

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

@@ -0,0 +1,14 @@
+export type Variant = "indeterminate" | "determinate";
+export type Size = "xs" | "sm" | "md" | "lg";
+export interface ProgressCircularProps {
+    variant: Variant;
+    percent?: number;
+    size?: Size;
+    invert?: boolean;
+    className?: string;
+}
+declare function FISProgressCircular({ variant, ...rest }: ProgressCircularProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FISProgressCircular {
+    var displayName: string;
+}
+export default FISProgressCircular;