@inntechcorp/it-design 3.1.23 → 4.0.0-beta.1

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

@@ -1,22 +1,32 @@
-import type { StoryObj } from "@storybook/react-vite";
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import("react").FC<any>;
+    component: import('react').FC<any>;
     parameters: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        prefix: {
+            control: {
+                type: "text";
+            };
+        };
+    };
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Solid: Story;
 export declare const Filled: Story;
-export declare const Outline: Story;
 export declare const Custom: Story;
 export declare const Multiple: Story;
 export declare const ShowSearch: Story;

package/dist/stories/Status.stories.d.ts

@@ -1,14 +1,14 @@
-import type { StoryObj } from "@storybook/react-vite";
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import("react").FC<any>;
+    component: import('react').FC<any>;
     parameters: {
         layout: string;
     };
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/Switch.stories.d.ts

@@ -1,15 +1,22 @@
-import type { StoryObj } from '@storybook/react-vite';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./index").SwitchProps & import("react").RefAttributes<import("./index").ITDImperativeFuncProps>>;
+    component: import('react').ForwardRefExoticComponent<import('../index').SwitchProps & import('react').RefAttributes<import('../index').ITDImperativeFuncProps>>;
     parameters: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+    };
     args: {
-        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onUpdate: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onUpdate: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

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

@@ -1,7 +1,7 @@
-import type { StoryObj } from "@storybook/react-vite";
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import("react").FC<any>;
+    component: import('react').FC<any>;
     parameters: {
         layout: string;
     };

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

@@ -1,14 +1,14 @@
-import type { StoryObj } from "@storybook/react-vite";
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import("react").FC<any>;
+    component: import('react').FC<any>;
     parameters: {
         layout: string;
     };
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/TextArea.d.ts

@@ -1,3 +1,2 @@
-import './button.css';
 import { FC } from 'react';
 export declare const TextArea: FC<any>;

package/dist/stories/TextArea.stories.d.ts

@@ -1,14 +1,21 @@
-import type { StoryObj } from "@storybook/react-vite";
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import("react").FC<any>;
+    component: import('react').FC<any>;
     parameters: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/Tooltip.d.ts

@@ -0,0 +1 @@
+export declare const TooltipExample: ({ content, placement, openDelay, variant }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/Tooltip.stories.d.ts

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/react';
+import { ComponentXPositions, ComponentYPositions } from '../enums/enum';
+declare const meta: {
+    title: string;
+    component: ({ content, placement, openDelay, variant }: any) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        placement: {
+            control: "select";
+            options: (ComponentXPositions | ComponentYPositions)[];
+        };
+        content: {
+            control: "text";
+        };
+        openDelay: {
+            control: "number";
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Top: Story;
+export declare const Bottom: Story;
+export declare const FastOpen: Story;
+export declare const WithoutSolidColor: Story;
+export declare const WithCustomSolidColor: Story;

package/dist/stories/Upload.stories.d.ts

@@ -1,14 +1,14 @@
-import type { StoryObj } from "@storybook/react-vite";
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import("react").FC<any>;
+    component: import('react').FC<any>;
     parameters: {
         layout: string;
     };
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
 };
 export default meta;
@@ -16,9 +16,4 @@ type Story = StoryObj<typeof meta>;
 export declare const PreDefined: Story;
 export declare const Disabled: Story;
 export declare const NoDefinedFile: Story;
-export declare const MinImageSize: Story;
-export declare const CropEnabled: Story;
-export declare const CropEnabled16x9: Story;
-export declare const CropEnabledRetina: Story;
-export declare const CropExactOutput: Story;
 export declare const Error: Story;

package/dist/stories/root/index.d.ts

@@ -1,5 +1,4 @@
-import { ChildrenProps } from "types/ChildrenProps";
-import "./index.scss";
+import { ChildrenProps } from '../../types/ChildrenProps';
 declare const StoryRoot: ({ children }: {
     children: ChildrenProps;
 }) => ChildrenProps;

package/dist/stories/select.styled.d.ts

@@ -1,2 +1,2 @@
-declare const Code: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Code: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { Code };

package/dist/switch/index.d.ts

@@ -1,3 +1,3 @@
 import { ITDImperativeFuncProps, SwitchProps } from '../index';
-declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<ITDImperativeFuncProps>>;
+declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<ITDImperativeFuncProps>>;
 export default Switch;

package/dist/switch/styled.d.ts

@@ -1,5 +1,5 @@
-declare const Thumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+import { ErrorTooltip } from '../utils/CommonStyledComponents';
+declare const Thumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const Body: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { Wrapper, ErrorTooltip, Body, Thumb };

package/dist/table/index.d.ts

@@ -1,5 +1,5 @@
-import React, { Ref } from "react";
-import { TableProps, TableRefProps, TableRow } from "../index";
+import { default as React, Ref } from 'react';
+import { TableProps, TableRefProps, TableRow } from '../index';
 declare const Table: <T extends TableRow>(props: TableProps<T> & {
     ref?: Ref<TableRefProps>;
 }) => React.ReactElement;

package/dist/table/styled.d.ts

@@ -1,13 +1,13 @@
-import { ITDSize } from "../index";
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+import { ITDSize } from '../index';
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $size: ITDSize;
     $noGaps: boolean;
 }>> & string;
-declare const EmptyBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const RowTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+declare const EmptyBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const RowTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $overflow?: boolean;
 }>> & string;
-declare const Cell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+declare const Cell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $overflow?: boolean;
 }>> & string;
 export { Wrapper, EmptyBody, RowTitle, Cell };

package/dist/tabs/index.d.ts

@@ -1,3 +1,3 @@
-import { TabsProps } from "../index";
+import { TabsProps } from '../index';
 declare const Tabs: ({ tabs, activeTabKey, className, variant, height, onTabChange }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/dist/tabs/styles.d.ts

@@ -1,13 +1,8 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $height?: number;
 }>> & string;
-declare const TabMenuNavigation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const TabMenuNavigation: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isBold?: boolean;
 }>> & string;
-declare const TabContentBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const MoreMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-declare const MoreButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isBold?: boolean;
-}>> & string;
-declare const MoreDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper, TabMenuNavigation, TabContentBody, MoreMenuWrapper, MoreButton, MoreDropdown };
+declare const TabContentBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { Wrapper, TabMenuNavigation, TabContentBody };

package/dist/textarea/index.d.ts

@@ -1,3 +1,3 @@
 import { TextAreaProps, ITDImperativeFuncProps } from '../index';
-declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<ITDImperativeFuncProps>>;
+declare const TextArea: import('react').ForwardRefExoticComponent<TextAreaProps & import('react').RefAttributes<ITDImperativeFuncProps>>;
 export default TextArea;

package/dist/textarea/styled.d.ts

@@ -1,8 +1,6 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const Middle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const Success: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-declare const Warning: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-declare const Failed: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export { Wrapper, Middle, Content, ErrorBorder, Success, Warning, Failed };
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Success: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+declare const Warning: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+declare const Failed: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+declare const ErrorWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { Wrapper, ErrorWrapper, Success, Warning, Failed };

package/dist/tinyscrollbar/index.d.ts

@@ -1,5 +1,4 @@
-import 'overlayscrollbars/styles/overlayscrollbars.css';
-import { ChildrenProps } from 'types/ChildrenProps';
+import { ChildrenProps } from '../types/ChildrenProps';
 type TinyScrollbarProps = {
     className: string;
     children: ChildrenProps;

package/dist/tinyscrollbar/scroll.styled.d.ts

@@ -1,2 +1,2 @@
-declare const ScrollWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ScrollWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { ScrollWrapper };

package/dist/tinyscrollbar/styled.d.ts

@@ -1,4 +1,4 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $scrollbar?: string;
     $track?: string;
     $vertical?: string;

package/dist/tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type TooltipProps = {
+    children: ReactNode;
+    /** Açılma gecikmesi (ms) */
+    openDelay?: number;
+    /** Kapanma gecikmesi (ms) */
+    closeDelay?: number;
+};
+export declare const Tooltip: {
+    ({ children, openDelay, closeDelay, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/tooltip/TooltipContent.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ComponentVariants, ComponentYPositions } from '../enums/enum';
+export declare const TooltipContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    'data-variant'?: string;
+}>> & string;
+export type TooltipContentProps = {
+    children: ReactNode;
+    placement?: ComponentYPositions;
+    variant?: `${ComponentVariants}`;
+    offset?: number;
+};
+export declare const TooltipContent: {
+    ({ children, placement, variant, offset, }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+/**
+ * TooltipTrigger props
+ */
+export type TooltipTriggerProps = {
+    /**
+     * The children to be used as the trigger element
+     */
+    children: ReactNode;
+    /**
+     * - When `asChild` is true, children are wrapped with Slot and used as the trigger element
+     * - When `asChild` is false, a native `<span>` is used as the trigger element
+     */
+    asChild?: boolean;
+};
+export declare const TooltipTrigger: {
+    ({ children, asChild, }: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import { Tooltip } from '../Tooltip';
+import { TooltipTrigger } from '../TooltipTrigger';
+import { TooltipContent } from '../TooltipContent';
+export { Tooltip, TooltipTrigger, TooltipContent };

package/dist/tooltip/tooltipContext.d.ts

@@ -0,0 +1,7 @@
+import { useFloatingTrigger } from '../hooks/useFloatingTrigger';
+export type TooltipContextValue = {
+    id: string;
+    trigger: ReturnType<typeof useFloatingTrigger>;
+};
+export declare const TooltipContext: import('react').Context<TooltipContextValue | null>;
+export declare function useTooltipContext(componentName: string): TooltipContextValue;

package/dist/types/AccordionItemProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from "./ChildrenProps";
+import { ChildrenProps } from '../ChildrenProps';
 export type AccordionItemProps = {
     link?: string;
     itemHeight?: number;

package/dist/types/AccordionProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from "./ChildrenProps";
+import { ChildrenProps } from '../ChildrenProps';
 export type AccordionProps = {
     useLink?: boolean;
     onlyOne?: boolean;

package/dist/types/AccordionSubMenuProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from "./ChildrenProps";
+import { ChildrenProps } from '../ChildrenProps';
 export type AccordionSubMenuProps = {
     id: string;
     link: string;

package/dist/types/AlertProps.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-import { ChildrenProps } from "./ChildrenProps";
-import { ComponentSizes } from "enums/enum";
+import { default as React } from 'react';
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDSize, ITDVariant } from '../ITDProps';
 export type AlertProps = {
     type?: AlertType;
-    size?: AlertSize;
+    size?: ITDSize;
     icon?: string | React.ReactNode;
     title?: string;
+    variant?: ITDVariant;
     className?: string;
     children?: ChildrenProps;
 };
-export type AlertType = "success" | "info" | "warning" | "error";
-export type AlertSize = ComponentSizes.X_SMALL | ComponentSizes.SMALL | ComponentSizes.MEDIUM | ComponentSizes.DEFAULT | ComponentSizes.LARGE | ComponentSizes.X_LARGE;
+export type AlertType = "neutral" | "success" | "info" | "warning" | "error";

package/dist/types/ButtonProps.d.ts

@@ -1,44 +1,26 @@
-import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from "react";
-import { ChildrenProps } from "./ChildrenProps";
-import { IStyledComponent } from "styled-components";
-import { Substitute } from "styled-components/dist/types";
-import { ITDSize, ITDPosition } from "./ITDProps";
+import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from 'react';
+import { ChildrenProps } from '../ChildrenProps';
+import { IStyledComponent } from 'styled-components';
+import { Substitute } from 'styled-components/dist/types';
+import { ButtonTypes, ComponentVariants, ButtonSizes } from '../enums/enum';
 export type ButtonProps = {
     id?: string;
+    form?: string;
     disabled?: boolean;
     loading?: boolean;
     selected?: boolean;
-    strecth?: boolean;
-    circle?: boolean;
-    justify?: string;
-    contentPosition?: ITDPosition;
     type?: ButtonType;
-    variant?: ButtonVariant;
-    state?: ButtonState;
-    size?: ITDSize;
-    icon?: string | ChildrenProps | SVGElement;
+    variant?: ButtonVariants;
+    state?: ButtonStates;
+    size?: ButtonSize;
     href?: string;
     target?: string;
     className?: string;
     children?: ChildrenProps;
     onClick?: null | ((event: MouseEvent<any>) => void);
 };
-export type ButtonType = "button" | "submit" | "reset";
-export type ButtonVariant = "default" | "solid" | "filled" | "outline" | "ghost" | "link" | "statable" | "custom";
-export type ButtonState = "primary" | "secondary" | "request" | "approve" | "reject" | "pending" | "requested" | string | null;
+export type ButtonType = `${ButtonTypes}`;
+export type ButtonSize = `${ButtonSizes}`;
+export type ButtonVariants = `${ComponentVariants}` | "solid" | "outline" | "ghost" | "link" | "statable";
+export type ButtonStates = "primary" | "secondary" | "request" | "approve" | "reject" | "pending" | "requested" | string | null;
 export type StyledElementProps = IStyledComponent<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any>>;
-export interface IIcon {
-    $useIconPadding?: boolean;
-    $contentPosition?: string;
-    $justify?: string;
-    children?: ChildrenProps;
-}
-export interface ISVG {
-    $singleIcon: boolean;
-    $contentPosition: string | undefined;
-    $justify: string | undefined;
-}
-export interface IImage {
-    $contentPosition: string | undefined;
-    $justify: string | undefined;
-}

package/dist/types/CalendarProps.d.ts

@@ -1,7 +1,7 @@
-import type dayjs from "dayjs";
-import { ChildrenProps } from "./ChildrenProps";
-import { InputVariant } from "./InputProps";
-import { ITDSize } from "./ITDProps";
+import { default as dayjs } from 'dayjs';
+import { ChildrenProps } from '../ChildrenProps';
+import { InputVariant } from '../InputProps';
+import { ITDSize } from '../ITDProps';
 export type CalendarProps = {
     id?: string;
     placeholder?: string;
@@ -11,7 +11,6 @@ export type CalendarProps = {
     size?: ITDSize;
     variant?: InputVariant;
     disabled?: boolean;
-    floating?: boolean;
     suffix?: ChildrenProps;
     onChange?: ((value: CalendarValueProps) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;

package/dist/types/CardProps.d.ts

@@ -1,6 +1,9 @@
-import { ChildrenProps } from "./ChildrenProps";
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDVariant } from '../ITDProps';
 export type CardProps = {
     title?: ChildrenProps;
+    variant?: ITDVariant;
+    description?: ChildrenProps;
     titleSeparator?: boolean;
     extra?: ChildrenProps;
     tabs?: {
@@ -10,8 +13,9 @@ export type CardProps = {
     activeTabKey?: string;
     onTabChange?: (key: string) => void;
     updating?: boolean;
-    minWidth?: number | string;
-    minHeight?: number | string;
+    minWidth?: string;
+    minHeight?: string;
     contentPadding?: string;
     children: ChildrenProps;
+    className?: string;
 };

package/dist/types/CheckboxProps.d.ts

@@ -1,12 +1,15 @@
-import { ReactElement, RefObject } from "react";
-import { ChildrenProps } from "./ChildrenProps";
+import { ReactElement, RefObject } from 'react';
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDVariant } from '../ITDProps';
 export type CheckboxProps = {
     id?: string;
     value?: string | number | boolean;
     checked?: boolean;
     disabled?: boolean;
-    variant?: CheckboxVariant;
+    readOnly?: boolean;
+    variant?: ITDVariant;
     indeterminate?: boolean;
+    animated?: boolean;
     className?: string;
     children?: ChildrenProps;
     onChange?: ((event: CheckboxEvent) => void);
@@ -18,6 +21,7 @@ export type CheckboxGroupProps = {
     defaultValue?: (string | number | boolean)[];
     options?: GroupCheckboxOptionType[];
     disabled?: boolean;
+    variant?: ITDVariant;
     className?: string;
     children?: ChildrenProps | ReactElement<CheckboxProps> | Array<ReactElement<CheckboxProps>>;
     selectAll?: (value: boolean) => void;