@kyle-test/zto-react-kit 0.0.0-alpha.1

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

@@ -0,0 +1,39 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Label } from '.';
+type LabelProps = Parameters<typeof Label>[0];
+interface CssVariablesProps {
+    cssLabelFontSize?: string;
+    cssLabelFontWeight?: string;
+    cssLabelFontColor?: string;
+}
+declare const meta: {
+    title: string;
+    component: typeof Label;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        children: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    render: ({ cssLabelFontSize, cssLabelFontWeight, cssLabelFontColor, ...args }: LabelProps & CssVariablesProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Form/NumberInput/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { InputProps } from 'components/Form/Input';
+export interface NumberInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+    min?: number;
+    max?: number;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    notAllowedKeys?: string[];
+    className?: string;
+    inputClassName?: string;
+    numberOnly?: boolean;
+    name?: string;
+    isInvalid?: boolean;
+    size?: InputProps['size'];
+    style?: React.CSSProperties;
+    inputStyle?: React.CSSProperties;
+    disabled?: boolean;
+    step?: number;
+    readOnly?: boolean;
+    testId?: string;
+    decimalScale?: number;
+    ['data-type']?: string;
+    clearable?: boolean;
+    hasError?: boolean;
+}
+declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInput };

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

@@ -0,0 +1,98 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { NumberInput } from './index';
+type NumberInputProps = Parameters<typeof NumberInput>[0];
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./index").NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        onChange: {
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        min: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        max: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        step: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        decimalScale: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        readOnly: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        hasError: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        isInvalid: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        numberOnly: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        placeholder: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    render: (args: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Form/Select/index.d.ts

@@ -0,0 +1,11 @@
+import { Option as RCSelectOption, SelectProps as RCSelectProps } from 'rc-select';
+import { DefaultOptionType } from 'rc-select/lib/Select';
+import { BaseOptionType } from 'rc-select/lib/Select';
+export type SelectProps = Omit<RCSelectProps, 'prefixCls'> & {
+    optionRenderType?: 'normal' | 'checkbox';
+    size?: 'sm' | 'md' | 'lg';
+    hasError?: boolean;
+};
+export type SelectOptionType = BaseOptionType | DefaultOptionType;
+export declare function FormSelect({ options, labelInValue, size, showSearch, optionRenderType, getPopupContainer, filterOption, allowClear, suffixIcon, tagRender, hasError, className, placeholder, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export { RCSelectOption as FormSelectOption };

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

@@ -0,0 +1,69 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { FormSelect } from '.';
+type SelectProps = Parameters<typeof FormSelect>[0];
+interface CssVariablesProps {
+    cssSelectPlaceholderColor?: string;
+}
+declare const meta: {
+    title: string;
+    component: typeof FormSelect;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        hasError: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        placeholder: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        showSearch: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        optionRenderType: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    render: ({ cssSelectPlaceholderColor, ...args }: SelectProps & CssVariablesProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Form/Textarea/index.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from 'class-variance-authority';
+import React from 'react';
+import { TextareaAutosize as ShadcnTextareaAutosize } from 'components/shadcn/textarea';
+declare const inputVariants: (props?: ({
+    style?: "default" | "error" | null | undefined;
+    size?: "default" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TextareaAutosizeProps extends Omit<React.ComponentProps<typeof ShadcnTextareaAutosize>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'style'> {
+    error?: boolean;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaAutosizeProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

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

@@ -0,0 +1,68 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import(".").TextareaAutosizeProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        error: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        placeholder: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        rows: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        minRows: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        maxRows: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Form/index.d.ts

@@ -0,0 +1,7 @@
+export * from '../shadcn/form';
+export * from './Input';
+export * from './NumberInput';
+export * from './Label';
+export * from './Group';
+export * from './Select';
+export * from './Textarea';

package/dist/components/IconButton/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '../Button';
+export interface IconButtonProps extends Omit<ButtonProps, 'size' | 'tooltip'> {
+    tooltip?: ButtonProps['tooltip'];
+    icon: React.ReactNode;
+    isEnabling?: boolean;
+}
+export declare const IconButton: ({ tooltip, icon, variant, isEnabling, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/IconButton/stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { IconButton } from '.';
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Loader/index.d.ts

@@ -0,0 +1,8 @@
+export type LoaderSize = 'tiny' | 'small' | 'medium' | 'large' | 'extraLarge';
+interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    color?: string;
+    size?: LoaderSize;
+    duration?: number;
+}
+export declare function Loader({ color, size, duration, ...props }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Loader/stories.d.ts

@@ -0,0 +1,53 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Loader } from '.';
+type LoaderProps = Parameters<typeof Loader>[0];
+interface CssVariablesProps {
+    cssLoadingColorRgb?: string;
+}
+declare const meta: {
+    title: string;
+    component: typeof Loader;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+            description: string;
+        };
+        duration: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    render: ({ cssLoadingColorRgb, ...args }: LoaderProps & CssVariablesProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/TruncateText/index.d.ts

@@ -0,0 +1,7 @@
+import { TooltipContent, TooltipPortal } from '../shadcn/tooltip';
+export interface TruncateTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    lineClamp?: number;
+    tooltipContentProps?: React.ComponentPropsWithoutRef<typeof TooltipContent>;
+    portalProps?: React.ComponentPropsWithoutRef<typeof TooltipPortal>;
+}
+export declare const TruncateText: ({ children, lineClamp, tooltipContentProps, portalProps, ...rest }: TruncateTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TruncateText/stories.d.ts

@@ -0,0 +1,39 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, lineClamp, tooltipContentProps, portalProps, ...rest }: import(".").TruncateTextProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        lineClamp: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+            description: string;
+        };
+        children: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/WithIcon/index.d.ts

@@ -0,0 +1,7 @@
+export declare function WithIcon({ children, icon, className, iconClassName, contentClassName, ...props }: {
+    children: React.ReactNode;
+    icon: React.ReactNode;
+    className?: string;
+    iconClassName?: string;
+    contentClassName?: string;
+} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/WithIcon/stories.d.ts

@@ -0,0 +1,49 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { WithIcon } from '.';
+type WithIconProps = Parameters<typeof WithIcon>[0];
+interface CssVariablesProps {
+    cssWithIconGap?: string;
+}
+declare const meta: {
+    title: string;
+    component: typeof WithIcon;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        children: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        iconClassName: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        contentClassName: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+    render: ({ cssWithIconGap, ...args }: WithIconProps & CssVariablesProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/WithLabel/index.d.ts

@@ -0,0 +1,7 @@
+export declare function WithLabel({ children, label, labelClassName, labelProps, className, direction, ...props }: {
+    children: React.ReactNode;
+    label: React.ReactNode;
+    labelClassName?: string;
+    labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
+    direction?: 'vertical' | 'horizontal';
+} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/WithLabel/stories.d.ts

@@ -0,0 +1,56 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { WithLabel } from '.';
+type WithLabelProps = Parameters<typeof WithLabel>[0];
+interface CssVariablesProps {
+    cssWithLabelGap?: string;
+}
+declare const meta: {
+    title: string;
+    component: typeof WithLabel;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        direction: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        labelClassName: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        labelProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+        };
+    };
+    render: ({ cssWithLabelGap, ...args }: WithLabelProps & CssVariablesProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/WithTooltip/index.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { TooltipContent, TooltipPortal } from '../shadcn/tooltip';
+type Props = {
+    /**
+     * The element that triggers the tooltip on hover
+     */
+    children: React.ReactNode;
+    /**
+     * The content to display in the tooltip
+     */
+    content: React.ReactNode;
+    /**
+     * Optional CSS class to apply to the content
+     */
+    tooltipContentClassName?: string;
+    /**
+     * Optional CSS class to apply to the text content
+     */
+    textContentClassName?: string;
+    /**
+     * Optional CSS class to apply to the trigger wrapper
+     */
+    triggerClassName?: string;
+    /**
+     * Whether the tooltip is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Optional props for the tooltip portal
+     */
+    portalProps?: React.ComponentPropsWithoutRef<typeof TooltipPortal>;
+    /**
+     * Optional props for the tooltip content
+     */
+    contentProps?: React.ComponentPropsWithoutRef<typeof TooltipContent>;
+};
+/**
+ * A reusable tooltip component that simplifies the tooltip implementation
+ * Just pass a trigger element and tooltip content
+ */
+export declare const WithTooltip: React.FC<Props>;
+export {};