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

package/README.md

@@ -1,22 +1,22 @@
-# @zto/react-kit
+# @ztolabs/react-kit
 
 A modern React component library built with TypeScript, Tailwind CSS, and Radix UI primitives.
 
 ## Installation
 
 ```bash
-npm install @zto/react-kit
+npm install @ztolabs/react-kit
 # or
-yarn add @zto/react-kit
+yarn add @ztolabs/react-kit
 # or
-pnpm add @zto/react-kit
+pnpm add @ztolabs/react-kit
 ```
 
 ## Usage
 
 ```tsx
-import { Badge, Breadcrumb, Button } from '@zto/react-kit';
-import '@zto/react-kit/styles';
+import { Badge, Breadcrumb, Button } from '@ztolabs/react-kit';
+import '@ztolabs/react-kit/styles';
 
 function App() {
   return (
@@ -42,7 +42,7 @@ function App() {
 This library uses Tailwind CSS. Make sure to include the styles:
 
 ```tsx
-import '@zto/react-kit/styles';
+import '@ztolabs/react-kit/styles';
 ```
 
 ## TypeScript

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyle-test/zto-react-kit",
-  "version": "0.0.0-alpha.1",
+  "version": "0.0.0-alpha.3",
   "type": "module",
   "description": "A React component library with modern UI components",
   "main": "./dist/index.js",
@@ -9,6 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -29,6 +30,5 @@
     "react-kit"
   ],
   "author": "ZTO",
-  "license": "Apache-2.0",
-  "packageManager": "pnpm@9"
+  "license": "Apache-2.0"
 }

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

@@ -1,66 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Badge } from '.';
-type BadgeProps = Parameters<typeof Badge>[0];
-interface CssVariablesProps {
-    cssGap?: string;
-    cssPaddingSm?: string;
-    cssPaddingMd?: string;
-}
-declare const meta: {
-    title: string;
-    component: typeof Badge;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        variant: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        type: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        includeDot: {
-            control: {
-                type: "boolean";
-            };
-            description: string;
-        };
-        children: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        className: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-    };
-    render: ({ cssGap, cssPaddingSm, cssPaddingMd, ...args }: BadgeProps & 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/Breadcrumb/stories.d.ts

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

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

@@ -1,69 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Button } from '.';
-type ButtonProps = Parameters<typeof Button>[0];
-interface CssVariablesProps {
-    cssButtonGap?: string;
-    cssButtonBorderRadius?: string;
-    cssButtonPaddingXs?: string;
-    cssButtonPaddingSm?: string;
-    cssButtonPaddingMd?: string;
-    cssButtonPaddingLg?: string;
-}
-declare const meta: {
-    title: string;
-    component: typeof Button;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        variant: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        width: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        disabled: {
-            control: {
-                type: "boolean";
-            };
-            description: string;
-        };
-        tooltip: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        children: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-    };
-    render: ({ cssButtonGap, cssButtonBorderRadius, cssButtonPaddingXs, cssButtonPaddingSm, cssButtonPaddingMd, cssButtonPaddingLg, ...args }: ButtonProps & 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/CenterLoading/stories.d.ts

@@ -1,62 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { CenterLoading } from '.';
-type CenterLoadingProps = Parameters<typeof CenterLoading>[0];
-interface CssVariablesProps {
-    cssLoadingColorRgb?: string;
-}
-declare const meta: {
-    title: string;
-    component: ({ isFullPage, loaderSize, dataTestId, description, className, descriptionClassName, ...rest }: import(".").CenterLoadingProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        isFullPage: {
-            control: {
-                type: "boolean";
-            };
-            description: string;
-        };
-        loaderSize: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        description: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        dataTestId: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        className: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        descriptionClassName: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-    };
-    render: ({ cssLoadingColorRgb, ...args }: CenterLoadingProps & 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/Group/stories.d.ts

@@ -1,36 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { FormGroup } from '.';
-declare const meta: {
-    title: string;
-    component: typeof FormGroup;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        required: {
-            control: {
-                type: "boolean";
-            };
-            description: string;
-        };
-        children: {
-            description: string;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,81 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import React from 'react';
-import { Input } from '.';
-type InputProps = Parameters<typeof Input>[0];
-interface CssVariablesProps {
-    cssInputPaddingSm?: string;
-    cssInputPaddingMd?: string;
-    cssInputPaddingLg?: string;
-    cssInputPlaceholderColor?: string;
-}
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import(".").InputProps & React.RefAttributes<HTMLInputElement>>;
-    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;
-        };
-        addonStart: {
-            control: {
-                type: "object";
-            };
-            description: string;
-        };
-        addonEnd: {
-            control: {
-                type: "object";
-            };
-            description: string;
-        };
-        className: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        containerClassName: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-    };
-    render: ({ cssInputPaddingSm, cssInputPaddingMd, cssInputPaddingLg, cssInputPlaceholderColor, ...args }: InputProps & CssVariablesProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithAddonStart: Story;
-export declare const WithAddonEnd: Story;
-export declare const WithBothAddons: Story;

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

@@ -1,39 +0,0 @@
-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/stories.d.ts

@@ -1,98 +0,0 @@
-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/stories.d.ts

@@ -1,69 +0,0 @@
-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/stories.d.ts

@@ -1,68 +0,0 @@
-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/IconButton/stories.d.ts

@@ -1,6 +0,0 @@
-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/stories.d.ts

@@ -1,53 +0,0 @@
-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/stories.d.ts

@@ -1,39 +0,0 @@
-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/stories.d.ts

@@ -1,49 +0,0 @@
-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/stories.d.ts

@@ -1,56 +0,0 @@
-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/stories.d.ts

@@ -1,60 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{
-        children: React.ReactNode;
-        content: React.ReactNode;
-        tooltipContentClassName?: string;
-        textContentClassName?: string;
-        triggerClassName?: string;
-        disabled?: boolean;
-        portalProps?: React.ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/react-tooltip").TooltipPortalProps>>;
-        contentProps?: React.ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
-            variant?: "default" | "light" | null | undefined;
-        } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>>;
-    }>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        content: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        disabled: {
-            control: {
-                type: "boolean";
-            };
-            description: string;
-        };
-        tooltipContentClassName: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        textContentClassName: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-        triggerClassName: {
-            control: {
-                type: "text";
-            };
-            description: string;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;