@inntechcorp/it-design 3.1.24 → 4.0.0-beta.2

package/dist/stories/Accordion.d.ts

@@ -1,4 +1,3 @@
-import './button.css';
 import { FC } from 'react';
 /**
  * Primary UI component for user interaction

package/dist/stories/Accordion.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/Alert.stories.d.ts

@@ -6,13 +6,27 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Neutral: Story;
 export declare const Info: Story;
 export declare const InfoWithoutTitle: Story;
 export declare const Warning: Story;

package/dist/stories/AlertComposition.d.ts

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

package/dist/stories/AlertComposition.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CompositionExamples: Story;
+export declare const CustomUsage: Story;

package/dist/stories/Button.d.ts

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

package/dist/stories/Button.stories.d.ts

@@ -6,16 +6,31 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const DefaultWithIcon: Story;
 export declare const Solid: Story;
 export declare const Filled: Story;
+export declare const FilledWithIcon: Story;
 export declare const Outline: Story;
 export declare const Ghost: Story;
 export declare const Link: Story;
@@ -24,3 +39,6 @@ export declare const CircleLoading: Story;
 export declare const Loading: Story;
 export declare const Disabled: Story;
 export declare const Small: Story;
+export declare const IconOnlySmall: Story;
+export declare const IconOnlyDefault: Story;
+export declare const IconOnlyLarge: Story;

package/dist/stories/Card.d.ts

@@ -1,2 +1,9 @@
-import { FC } from 'react';
-export declare const Card: FC<any>;
+import { FC, ReactNode } from 'react';
+export interface StoryCardProps {
+    children?: ReactNode;
+    variant?: string;
+    updating?: boolean;
+    className?: string;
+    width?: number;
+}
+export declare const Card: FC<StoryCardProps>;

package/dist/stories/Card.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").FC<any>;
+    component: import("react").FC<import("./Card").StoryCardProps>;
     parameters: {
         layout: string;
     };
@@ -12,7 +12,10 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const HeaderWithBorder: Story;
+export declare const FooterWithBorder: Story;
 export declare const WithButtons: Story;
-export declare const WithTabsAndButtons: Story;
 export declare const WithTabs: Story;
+export declare const WithTabsAndButtons: Story;
 export declare const WithTable: Story;
+export declare const Login: Story;

package/dist/stories/Checkbox.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/CheckboxGroup.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/CheckboxGroupControl.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/ColorScale.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type ColorDef = {
+    name: string;
+    hex: string;
+};
+export type ColorScaleStoryProps = {
+    colors?: ColorDef[];
+};
+export declare const ColorScaleView: FC<ColorScaleStoryProps>;
+export default ColorScaleView;

package/dist/stories/ColorScale.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./ColorScale").ColorScaleStoryProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        colors: {
+            name: string;
+            hex: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const All: Story;

package/dist/stories/ColorScaleCompare.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type Shade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+export type ColorScaleCompareProps = {
+    baseHex: string;
+    expected?: Partial<Record<Shade, string>>;
+};
+export declare const ColorScaleCompare: FC<ColorScaleCompareProps>;
+export default ColorScaleCompare;

package/dist/stories/ColorScaleCompare.stories.d.ts

@@ -0,0 +1,47 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./ColorScaleCompare").ColorScaleCompareProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        baseHex: string;
+        expected: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Gray: Story;
+export declare const Slate: Story;
+export declare const Red: Story;
+export declare const Orange: Story;
+export declare const Amber: Story;
+export declare const Lime: Story;
+export declare const Green: Story;
+export declare const Emerald: Story;
+export declare const Teal: Story;
+export declare const Cyan: Story;
+export declare const Sky: Story;
+export declare const Blue: Story;
+export declare const Indigo: Story;
+export declare const Violet: Story;
+export declare const Purple: Story;
+export declare const Fuchsia: Story;
+export declare const Pink: Story;
+export declare const Rose: Story;
+export declare const Yellow: Story;

package/dist/stories/DatePicker.d.ts

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

package/dist/stories/DatePicker.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/Form.stories.d.ts

@@ -6,14 +6,25 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+    };
     args: {
         name: string;
         initialValues: {};
         useQueryString: boolean;
+        disabled: boolean;
+        locked: boolean;
+        variant: string;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const PreDefined: Story;
+export declare const PreDefinedFilled: Story;

package/dist/stories/Header.d.ts

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

package/dist/stories/Header.stories.d.ts

@@ -7,9 +7,9 @@ declare const meta: {
         layout: string;
     };
     args: {
-        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onLogin: import("storybook/test").Mock<(...args: any[]) => any>;
+        onLogout: import("storybook/test").Mock<(...args: any[]) => any>;
+        onCreateAccount: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/HoverCard.d.ts

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

package/dist/stories/HoverCard.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ content, placement, showArrow, openDelay }: any) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Top: Story;
+export declare const Bottom: Story;
+export declare const NoArrow: Story;
+export declare const FastOpen: Story;
+export declare const WithLink: Story;
+export declare const WithSpan: Story;
+export declare const WithNested: Story;

package/dist/stories/Input.d.ts

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

package/dist/stories/Input.stories.d.ts

@@ -6,9 +6,91 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        prefix: {
+            control: {
+                type: "text";
+            };
+        };
+        suffix: {
+            control: {
+                type: "text";
+            };
+        };
+        addonBefore: {
+            control: {
+                type: "text";
+            };
+        };
+        addonAfter: {
+            control: {
+                type: "text";
+            };
+        };
+        mask: {
+            control: {
+                type: "text";
+            };
+        };
+        children: {
+            control: false;
+            table: {
+                disable: true;
+            };
+        };
+        locked: {
+            control: {
+                type: "boolean";
+            };
+        };
+        allowEmptyFormatting: {
+            control: {
+                type: "boolean";
+            };
+        };
+        focusRef: {
+            action: string;
+            control: false;
+        };
+        onChange: {
+            action: string;
+            control: false;
+        };
+        onUpdate: {
+            action: string;
+            control: false;
+        };
+        onFocus: {
+            action: string;
+            control: false;
+        };
+        onBlur: {
+            action: string;
+            control: false;
+        };
+        onPressEnter: {
+            action: string;
+            control: false;
+        };
+        onKeyDown: {
+            action: string;
+            control: false;
+        };
+    };
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        size: string;
     };
 };
 export default meta;

package/dist/stories/ModalManager.d.ts

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

package/dist/stories/Page.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-import './page.css';
 export declare const Page: FC;

package/dist/stories/Popover.d.ts

@@ -0,0 +1,2 @@
+export declare const PopoverExample: ({ content, placement, showArrow, offset, maxWidth }: any) => import("react/jsx-runtime").JSX.Element;
+export default PopoverExample;

package/dist/stories/Popover.stories.d.ts

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

package/dist/stories/Progress.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/RadioGroup.stories.d.ts

@@ -11,4 +11,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Disabled: Story;
+export declare const DisabledChildren: Story;

package/dist/stories/Result.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/dist/stories/Select.d.ts

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

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

@@ -6,17 +6,27 @@ declare const meta: {
         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("storybook/test").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

@@ -8,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

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

@@ -6,10 +6,17 @@ declare const meta: {
         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("storybook/test").Mock<(...args: any[]) => any>;
+        onUpdate: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

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

@@ -6,19 +6,13 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {
-        overflow: {
-            control: "boolean";
-            description: string;
-        };
-    };
-    args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
-    };
+    argTypes: {};
+    args: {};
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Bold: Story;
-export declare const WithLink: Story;
-export declare const NoOverflow: Story;
+export declare const Filled: Story;
+export declare const Line: Story;
+export declare const Disabled: Story;
+export declare const Vertical: Story;

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

@@ -6,9 +6,16 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
     args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;