ics-ui-kit 0.1.0-alpha.1

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,126 @@
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+declare const badgeVariants: TVReturnType<{
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    focus: {
+        low: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center justify-center overflow-hidden rounded-sm border px-2 font-medium leading-none", TVConfig<{
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    focus: {
+        low: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    focus: {
+        low: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    focus: {
+        low: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, TVReturnType<{
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    focus: {
+        low: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center justify-center overflow-hidden rounded-sm border px-2 font-medium leading-none", TVConfig<{
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    focus: {
+        low: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    focus: {
+        low: string;
+        high: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type BadgeProps = Omit<HTMLAttributes<HTMLDivElement>, "status" | "focus"> & VariantProps<typeof badgeVariants>;
+export declare const Badge: FC<PropsWithChildren<BadgeProps>>;
+export {};

package/dist/components/badge/Badge.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Badge } from './Badge';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Default: Story;
+export declare const SmallWithIcon: Story;
+export declare const MediumWithIcon: Story;
+export declare const LargeWithIcon: Story;
+export declare const Actions: Story;

package/dist/components/button/Button.d.ts

@@ -0,0 +1,227 @@
+import { FC, PropsWithChildren } from 'react';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+declare const buttonVariants: TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    state: {
+        default: string;
+        disabled: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+}, undefined, "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg", TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    state: {
+        default: string;
+        disabled: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    state: {
+        default: string;
+        disabled: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+}>, {
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    state: {
+        default: string;
+        disabled: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+}, undefined, TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    state: {
+        default: string;
+        disabled: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+}, undefined, "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg", TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    state: {
+        default: string;
+        disabled: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    state: {
+        default: string;
+        disabled: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
+    className?: string;
+    asChild?: boolean;
+};
+export declare const Button: FC<PropsWithChildren<ButtonProps>>;
+export {};

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { Button, ButtonProps } from './Button';
+import { FC, PropsWithChildren } from 'react';
+declare const meta: {
+    component: FC<PropsWithChildren<ButtonProps>>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const WithSmallIcons: Story;
+export declare const WithMediumIcons: Story;
+export declare const IconOnly: Story;
+export declare const Loading: Story;

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { LucideIcon } from 'lucide-react';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+declare const iconVariants: TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, "h-4 w-4", TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, "h-4 w-4", TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type IconProps = VariantProps<typeof iconVariants> & {
+    icon: LucideIcon;
+    className?: string;
+};
+export declare const Icon: React.FC<IconProps>;
+export {};

package/dist/components/icon/Icon.stories.d.ts

@@ -0,0 +1,36 @@
+import { StoryObj } from '@storybook/react';
+import { FC, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { IconProps } from './Icon';
+import { LucideProps } from 'lucide-react';
+declare const meta: {
+    component: FC<IconProps>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
+        icon: {
+            control: {
+                variant: string;
+            };
+            options: string[];
+            mapping: {
+                Factory: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+                Heart: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+                Check: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+                Star: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+                Settings: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+                User: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+                Bell: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+                Calendar: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+                undefined: undefined;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;

package/dist/components/input/input/Input.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    className?: string;
+    icon?: React.ReactElement;
+    isValid?: (value: string) => boolean;
+    defaultType?: string;
+};
+export declare const Input: FC<PropsWithChildren<InputProps>>;

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

@@ -0,0 +1,29 @@
+import { StoryObj, StoryFn } from '@storybook/react';
+import { Input, InputProps } from './Input';
+import { FC, PropsWithChildren } from 'react';
+declare const meta: {
+    component: FC<PropsWithChildren<InputProps>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        placeholder: string;
+        readOnly: boolean;
+        icon: boolean;
+    };
+    argTypes: {
+        icon: {
+            control: string;
+            mapping: {
+                true: import("react/jsx-runtime").JSX.Element;
+                false: undefined;
+            };
+        };
+    };
+    decorators: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const WithValidation: Story;

package/dist/components/input/input/context/InputContext.d.ts

@@ -0,0 +1,14 @@
+interface InputContextType {
+    value: string;
+    isFocused: boolean;
+    isHovered: boolean;
+    readOnly?: boolean;
+    type: string;
+    setType: (type: string) => void;
+}
+export declare const InputProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value: InputContextType;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useInputContext: () => InputContextType;
+export {};

package/dist/components/input/secret-input/SecretInput.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { InputProps } from '../input/Input';
+export declare const SecretInput: FC<InputProps>;

package/dist/components/input/secret-input/SecretInput.stories.d.ts

@@ -0,0 +1,29 @@
+import { StoryObj, StoryFn } from '@storybook/react';
+import { SecretInput } from './SecretInput';
+import { FC } from 'react';
+import { InputProps } from '../input/Input';
+declare const meta: {
+    component: FC<InputProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        placeholder: string;
+        readOnly: boolean;
+        icon: boolean;
+    };
+    argTypes: {
+        icon: {
+            control: string;
+            mapping: {
+                true: import("react/jsx-runtime").JSX.Element;
+                false: undefined;
+            };
+        };
+    };
+    decorators: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof SecretInput>;
+export declare const Default: Story;

package/dist/components/input/secret-input/components/ShowValueToggler.d.ts

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

package/dist/components/input/text-input/TextInput.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { InputProps } from '../input/Input';
+export declare const TextInput: FC<InputProps>;

package/dist/components/input/text-input/TextInput.stories.d.ts

@@ -0,0 +1,29 @@
+import { StoryObj, StoryFn } from '@storybook/react';
+import { TextInput } from './TextInput';
+import { FC } from 'react';
+import { InputProps } from '../input/Input';
+declare const meta: {
+    component: FC<InputProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        placeholder: string;
+        readOnly: boolean;
+        icon: boolean;
+    };
+    argTypes: {
+        icon: {
+            control: string;
+            mapping: {
+                true: import("react/jsx-runtime").JSX.Element;
+                false: undefined;
+            };
+        };
+    };
+    decorators: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof TextInput>;
+export declare const Default: Story;

package/dist/components/input/text-input/components/CopyButton.d.ts

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

package/dist/components/label/Label.d.ts

@@ -0,0 +1,4 @@
+export type LabelProps = {
+    className?: string;
+};
+export declare const Label: React.FC<React.PropsWithChildren<LabelProps>>;

package/dist/components/label/Label.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { FC, PropsWithChildren } from 'react';
+import { LabelProps } from './Label';
+declare const meta: {
+    component: FC<PropsWithChildren<LabelProps>>;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+export declare const WithIcon: Story;
+export declare const RequiredWithIcon: Story;

package/dist/components/scheduler/Scheduler.d.ts

@@ -0,0 +1,73 @@
+import { IScheduledEvent } from './types';
+interface EventComponentProps {
+    event: IScheduledEvent;
+    baseEventComponent: React.ReactNode;
+}
+export interface EventDateChange {
+    startDate: Date;
+    endDate: Date;
+}
+export interface SchedulerBaseSettings {
+    /**
+     * Высота строки часа, в px
+     * @default 40
+     */
+    hourHeight?: number;
+    /**
+     * Интервал округления времени в минутах
+     * @default 15
+     */
+    timeSnap?: number;
+    /**
+     * Событие, которое срабатывает при клике на день.
+     * Время задается в зависимости от позиции клика.
+     */
+    onDayClick?: (data: {
+        date: Date;
+    }) => void;
+    /**
+     * Событие, которое срабатывает при клике на событие
+     */
+    onEventClick?: (event: IScheduledEvent) => void;
+    /**
+     * Событие, которое срабатывает при перетаскивании события
+     */
+    onEventDrop?: (event: IScheduledEvent, change: EventDateChange) => void;
+    /**
+     * Событие, которое срабатывает при изменении времени события с помощью ресайзера
+     */
+    onEventResize?: (event: IScheduledEvent, change: EventDateChange) => void;
+    /**
+     * Компонент, который будет использоваться для отображения события
+     */
+    eventComponent?: React.ComponentType<EventComponentProps>;
+    /**
+     * Функция, определяющая, можно ли перетаскивать событие
+     */
+    isDraggable?: (event: IScheduledEvent) => boolean;
+    /**
+     * Функция, определяющая, можно ли изменять размер события
+     */
+    isResizable?: (event: IScheduledEvent) => boolean;
+}
+export interface SchedulerProps extends SchedulerBaseSettings {
+    /**
+     * Список отображаемых событий
+     */
+    events: IScheduledEvent[];
+    /**
+     * Дата с которой начинается отображение
+     */
+    startDate?: Date;
+    /**
+     * Дата с которой заканчивается отображение
+     */
+    endDate?: Date;
+    /**
+     * Показывать дни в заголовке. По умолчанию оторажаются.
+     * @default true
+     */
+    showDates?: boolean;
+}
+export declare const Scheduler: React.FC<SchedulerProps>;
+export {};