ics-ui-kit 0.1.0-alpha.1

package/dist/components/toast/Toast.stories.d.ts

@@ -0,0 +1,450 @@
+import { StoryObj } from '@storybook/react';
+import { Toast } from './Toast';
+import { ToastAction } from './components/toast-action/ToastAction';
+import { FC } from 'react';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+declare const meta: {
+    component: FC<Required< VariantProps<TVReturnType<{
+        status: {
+            default: {
+                wrapper: string;
+            };
+            success: {
+                wrapper: string;
+            };
+            info: {
+                wrapper: string;
+            };
+            warning: {
+                wrapper: string;
+            };
+            error: {
+                wrapper: string;
+            };
+        };
+        focus: {
+            low: {
+                wrapper: string;
+            };
+            medium: {
+                wrapper: string;
+            };
+            high: {
+                titleText: string;
+                descriptionText: string;
+                separator: string;
+            };
+        };
+        size: {
+            sm: {
+                wrapper: string;
+                titleText: string;
+                contentWrapper: string;
+            };
+            md: {
+                wrapper: string;
+                contentWrapper: string;
+            };
+            lg: {
+                wrapper: string;
+                contentWrapper: string;
+                content: string;
+                actions: string;
+                close: string;
+                titleText: string;
+            };
+        };
+    }, {
+        wrapper: string;
+        text: string;
+        titleText: string;
+        descriptionText: string;
+        contentWrapper: string;
+        content: string;
+        actions: string;
+        close: string;
+        separator: string;
+    }, undefined, TVConfig<{
+        status: {
+            default: {
+                wrapper: string;
+            };
+            success: {
+                wrapper: string;
+            };
+            info: {
+                wrapper: string;
+            };
+            warning: {
+                wrapper: string;
+            };
+            error: {
+                wrapper: string;
+            };
+        };
+        focus: {
+            low: {
+                wrapper: string;
+            };
+            medium: {
+                wrapper: string;
+            };
+            high: {
+                titleText: string;
+                descriptionText: string;
+                separator: string;
+            };
+        };
+        size: {
+            sm: {
+                wrapper: string;
+                titleText: string;
+                contentWrapper: string;
+            };
+            md: {
+                wrapper: string;
+                contentWrapper: string;
+            };
+            lg: {
+                wrapper: string;
+                contentWrapper: string;
+                content: string;
+                actions: string;
+                close: string;
+                titleText: string;
+            };
+        };
+    }, {
+        status: {
+            default: {
+                wrapper: string;
+            };
+            success: {
+                wrapper: string;
+            };
+            info: {
+                wrapper: string;
+            };
+            warning: {
+                wrapper: string;
+            };
+            error: {
+                wrapper: string;
+            };
+        };
+        focus: {
+            low: {
+                wrapper: string;
+            };
+            medium: {
+                wrapper: string;
+            };
+            high: {
+                titleText: string;
+                descriptionText: string;
+                separator: string;
+            };
+        };
+        size: {
+            sm: {
+                wrapper: string;
+                titleText: string;
+                contentWrapper: string;
+            };
+            md: {
+                wrapper: string;
+                contentWrapper: string;
+            };
+            lg: {
+                wrapper: string;
+                contentWrapper: string;
+                content: string;
+                actions: string;
+                close: string;
+                titleText: string;
+            };
+        };
+    }>, {
+        status: {
+            default: {
+                wrapper: string;
+            };
+            success: {
+                wrapper: string;
+            };
+            info: {
+                wrapper: string;
+            };
+            warning: {
+                wrapper: string;
+            };
+            error: {
+                wrapper: string;
+            };
+        };
+        focus: {
+            low: {
+                wrapper: string;
+            };
+            medium: {
+                wrapper: string;
+            };
+            high: {
+                titleText: string;
+                descriptionText: string;
+                separator: string;
+            };
+        };
+        size: {
+            sm: {
+                wrapper: string;
+                titleText: string;
+                contentWrapper: string;
+            };
+            md: {
+                wrapper: string;
+                contentWrapper: string;
+            };
+            lg: {
+                wrapper: string;
+                contentWrapper: string;
+                content: string;
+                actions: string;
+                close: string;
+                titleText: string;
+            };
+        };
+    }, {
+        wrapper: string;
+        text: string;
+        titleText: string;
+        descriptionText: string;
+        contentWrapper: string;
+        content: string;
+        actions: string;
+        close: string;
+        separator: string;
+    }, TVReturnType<{
+        status: {
+            default: {
+                wrapper: string;
+            };
+            success: {
+                wrapper: string;
+            };
+            info: {
+                wrapper: string;
+            };
+            warning: {
+                wrapper: string;
+            };
+            error: {
+                wrapper: string;
+            };
+        };
+        focus: {
+            low: {
+                wrapper: string;
+            };
+            medium: {
+                wrapper: string;
+            };
+            high: {
+                titleText: string;
+                descriptionText: string;
+                separator: string;
+            };
+        };
+        size: {
+            sm: {
+                wrapper: string;
+                titleText: string;
+                contentWrapper: string;
+            };
+            md: {
+                wrapper: string;
+                contentWrapper: string;
+            };
+            lg: {
+                wrapper: string;
+                contentWrapper: string;
+                content: string;
+                actions: string;
+                close: string;
+                titleText: string;
+            };
+        };
+    }, {
+        wrapper: string;
+        text: string;
+        titleText: string;
+        descriptionText: string;
+        contentWrapper: string;
+        content: string;
+        actions: string;
+        close: string;
+        separator: string;
+    }, undefined, TVConfig<{
+        status: {
+            default: {
+                wrapper: string;
+            };
+            success: {
+                wrapper: string;
+            };
+            info: {
+                wrapper: string;
+            };
+            warning: {
+                wrapper: string;
+            };
+            error: {
+                wrapper: string;
+            };
+        };
+        focus: {
+            low: {
+                wrapper: string;
+            };
+            medium: {
+                wrapper: string;
+            };
+            high: {
+                titleText: string;
+                descriptionText: string;
+                separator: string;
+            };
+        };
+        size: {
+            sm: {
+                wrapper: string;
+                titleText: string;
+                contentWrapper: string;
+            };
+            md: {
+                wrapper: string;
+                contentWrapper: string;
+            };
+            lg: {
+                wrapper: string;
+                contentWrapper: string;
+                content: string;
+                actions: string;
+                close: string;
+                titleText: string;
+            };
+        };
+    }, {
+        status: {
+            default: {
+                wrapper: string;
+            };
+            success: {
+                wrapper: string;
+            };
+            info: {
+                wrapper: string;
+            };
+            warning: {
+                wrapper: string;
+            };
+            error: {
+                wrapper: string;
+            };
+        };
+        focus: {
+            low: {
+                wrapper: string;
+            };
+            medium: {
+                wrapper: string;
+            };
+            high: {
+                titleText: string;
+                descriptionText: string;
+                separator: string;
+            };
+        };
+        size: {
+            sm: {
+                wrapper: string;
+                titleText: string;
+                contentWrapper: string;
+            };
+            md: {
+                wrapper: string;
+                contentWrapper: string;
+            };
+            lg: {
+                wrapper: string;
+                contentWrapper: string;
+                content: string;
+                actions: string;
+                close: string;
+                titleText: string;
+            };
+        };
+    }>, unknown, unknown, undefined>>>> & {
+        title: string;
+        description?: string;
+        icon?: React.ReactNode | false;
+        primaryAction?: React.ReactElement<React.ComponentProps<typeof ToastAction>>;
+        secondaryAction?: React.ReactElement<React.ComponentProps<typeof ToastAction>>;
+        closeAction?: boolean;
+        onClose?: () => void;
+    } & {
+        id?: number;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        title: {
+            control: string;
+        };
+        description: {
+            control: string;
+        };
+        icon: {
+            options: string[];
+            control: string;
+            mapping: {
+                default: undefined;
+                custom: import("react/jsx-runtime").JSX.Element;
+                none: boolean;
+            };
+        };
+        primaryAction: {
+            control: string;
+            mapping: {
+                true: import("react/jsx-runtime").JSX.Element;
+                false: undefined;
+            };
+        };
+        secondaryAction: {
+            control: string;
+            mapping: {
+                true: import("react/jsx-runtime").JSX.Element;
+                false: undefined;
+            };
+        };
+        closeAction: {
+            control: string;
+        };
+        status: {
+            control: string;
+            options: string[];
+        };
+        focus: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Toast>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const Usage: Story;

package/dist/components/toast/components/large-toast/LargeToast.d.ts

@@ -0,0 +1,2 @@
+import { ToastViewProps } from '../../Toast';
+export declare const LargeToast: React.FC<ToastViewProps>;

package/dist/components/toast/components/medium-toast/MediumToast.d.ts

@@ -0,0 +1,2 @@
+import { ToastViewProps } from '../../Toast';
+export declare const MediumToast: React.FC<ToastViewProps>;

package/dist/components/toast/components/small-toast/SmallToast.d.ts

@@ -0,0 +1,2 @@
+import { ToastViewProps } from '../../Toast';
+export declare const SmallToast: React.FC<ToastViewProps>;

package/dist/components/toast/components/toast-action/ToastAction.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ToastAction: React.FC<React.PropsWithChildren>;

package/dist/components/toast/components/toast-action/ToastAction.stories.d.ts

@@ -0,0 +1,42 @@
+import { StoryObj } from '@storybook/react';
+import { ToastProps } from '../../Toast';
+import { FC, ReactNode } from 'react';
+type StoryProps = {
+    actionType: "primary" | "secondary";
+    status: ToastProps["status"];
+    focus: ToastProps["focus"];
+    size: ToastProps["size"];
+    title: string;
+};
+declare const meta: {
+    component: FC<{
+        children?: ReactNode | undefined;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        actionType: {
+            control: string;
+            options: string[];
+        };
+        status: {
+            control: string;
+            options: string[];
+        };
+        focus: {
+            control: string;
+            options: string[];
+        };
+        size: {
+            control: string;
+            options: string[];
+        };
+        title: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Primary: Story;

package/dist/components/toast/components/toast-close-action/ToastCloseButton.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare const ToastCloseButton: React.FC<{
+    className?: string;
+}>;

package/dist/components/toast/components/toast-close-action/ToastCloseButton.stories.d.ts

@@ -0,0 +1,41 @@
+import { StoryObj } from '@storybook/react';
+import { ToastProps } from '../../Toast';
+import { FC } from 'react';
+type StoryProps = {
+    status: ToastProps["status"];
+    focus: ToastProps["focus"];
+    size: ToastProps["size"];
+    title: string;
+    description: string;
+};
+declare const meta: {
+    component: FC<{
+        className?: string;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        status: {
+            control: string;
+            options: string[];
+        };
+        focus: {
+            control: string;
+            options: string[];
+        };
+        size: {
+            control: string;
+            options: string[];
+        };
+        title: {
+            control: string;
+        };
+        description: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;

package/dist/components/toast/components/toast-container/ToastContainer.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare const ToastContainer: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist/components/toast/components/toast-icon/ToastIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export type ToastIconProps = {
+    icon?: React.ReactNode;
+};
+export declare const ToastIcon: React.FC<ToastIconProps>;

package/dist/components/toast/components/toast-icon/ToastIcon.stories.d.ts

@@ -0,0 +1,41 @@
+import { StoryObj } from '@storybook/react';
+import { ToastProps } from '../../Toast';
+import { FC } from 'react';
+import { ToastIconProps } from './ToastIcon';
+type StoryProps = {
+    status: ToastProps["status"];
+    focus: ToastProps["focus"];
+    size: ToastProps["size"];
+    title: string;
+    customIcon: boolean;
+};
+declare const meta: {
+    component: FC<ToastIconProps>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        status: {
+            control: string;
+            options: string[];
+        };
+        focus: {
+            control: string;
+            options: string[];
+        };
+        size: {
+            control: string;
+            options: string[];
+        };
+        title: {
+            control: string;
+        };
+        customIcon: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;
+export declare const WithCustomIcon: Story;

package/dist/components/toast/context/ToastContext.d.ts

@@ -0,0 +1,9 @@
+import { ToastProps } from '../Toast';
+type ToastContextType = ToastProps & {
+    id?: number;
+};
+export declare const ToastProvider: React.FC<{
+    children: React.ReactNode;
+    value: ToastContextType;
+}>;
+export {};

package/dist/components/toast/hooks/useToast.d.ts

@@ -0,0 +1,6 @@
+import { ToastProps } from '../Toast';
+type ToastOptions = Omit<ToastProps, "closeAction" | "onClose">;
+export declare const useToast: () => {
+    toast: (options: ToastOptions) => number;
+};
+export {};

package/dist/components/toast/hooks/useToastContainer.d.ts

@@ -0,0 +1,9 @@
+import { ToastProps } from '../Toast';
+import { Context } from 'react';
+type ToastContainerContextType = {
+    addToast: (toast: Omit<ToastProps, "closeAction" | "onClose">) => number;
+    removeToast: (id: number) => void;
+};
+export declare const ToastContainerContext: Context<ToastContainerContextType | null>;
+export declare const useToastContainer: () => ToastContainerContextType;
+export {};

package/dist/components/toast/hooks/useToastContext.d.ts

@@ -0,0 +1,12 @@
+import { ToastProps } from '../Toast';
+import { Context } from 'react';
+type ToastContextType = ToastProps & {
+    id?: number;
+};
+export declare const ToastContext: Context<ToastContextType | null>;
+export declare const ToastProvider: React.FC<{
+    children: React.ReactNode;
+    value: ToastContextType;
+}>;
+export declare const useToastContext: () => ToastContextType;
+export {};

package/dist/components/toast/utils/ToastUtils.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from '../../button/Button';
+import { ToastProps } from '../Toast';
+type ActionType = "primary" | "secondary" | "close";
+export declare function getButtonProps(toastProps: ToastProps, actionType: ActionType): ButtonProps;
+export {};

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };