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

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

@@ -1,18 +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[];
+        };
+        variant: {
+            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;
 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,2 @@
+export declare const AlertCompositionExample: () => import("react/jsx-runtime").JSX.Element;
+export default AlertCompositionExample;

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

@@ -0,0 +1,17 @@
+import { 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;

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

@@ -1,21 +1,30 @@
-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;
 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 +33,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.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;
     };
@@ -12,6 +12,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const DefaultOnlyTitle: Story;
 export declare const WithButtons: Story;
 export declare const WithTabsAndButtons: Story;
 export declare const WithTabs: Story;

package/dist/stories/Checkbox.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/CheckboxGroup.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/CheckboxGroupControl.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/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 { 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 { 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

@@ -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/Form.d.ts

@@ -1,2 +1,2 @@
-import { FC } from "react";
+import { FC } from 'react';
 export declare const Form: FC<any>;

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

@@ -1,19 +1,29 @@
-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: {
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+    };
     args: {
         name: string;
         initialValues: {};
         useQueryString: boolean;
+        disabled: 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

@@ -1,15 +1,15 @@
-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>;
     tags: string[];
     parameters: {
         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('@vitest/spy').Mock<(...args: any[]) => any>;
+        onLogout: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onCreateAccount: import('@vitest/spy').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 { 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

@@ -1,14 +1,96 @@
-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[];
+        };
+        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/ModalManager.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/Page.d.ts

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

package/dist/stories/Page.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;
+    component: import('react').FC;
     parameters: {
         layout: string;
     };

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 { 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: (ComponentXPositions | ComponentYPositions)[];
+            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

@@ -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/RadioGroup.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;
     };
@@ -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

@@ -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/Select.d.ts

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