@chain-ui/core 0.1.1

package/dist/src/components/alert/alert.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    color?: 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md' | 'lg';
+    message: ReactNode;
+    description?: ReactNode;
+    showIcon?: boolean;
+    closable?: boolean;
+    closeAriaLabel?: string;
+    onClose?: () => void;
+    open?: boolean;
+    action?: ReactNode;
+    children?: ReactNode;
+}
+export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/alert/alert.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Alert } from './alert';
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof Alert>;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const Info: Story;
+export declare const WithDescription: Story;
+export declare const Closable: Story;
+export declare const Small: Story;
+export declare const Large: Story;

package/dist/src/components/alert/alert.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert } from './alert';
+export type { AlertProps } from './alert';

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    count?: number | string;
+    dot?: boolean;
+    color?: 'primary' | 'brand' | 'success' | 'warning' | 'error' | 'info' | 'default';
+    size?: 'sm' | 'md' | 'lg';
+    overflowCount?: number;
+    showZero?: boolean;
+    offset?: [number, number];
+    children?: ReactNode;
+}
+export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,13 @@
+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 Number: Story;
+export declare const Overflow: Story;
+export declare const Dot: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const WithChildren: Story;
+export declare const DotWithChildren: Story;
+export declare const Colors: Story;

package/dist/src/components/badge/badge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './badge';

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

@@ -0,0 +1,13 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    variant?: 'solid' | 'outline' | 'ghost' | 'link';
+    color?: 'primary' | 'brand' | 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md' | 'lg';
+    shape?: 'default' | 'circle' | 'round';
+    loading?: boolean;
+    icon?: ReactNode;
+    iconRight?: ReactNode;
+    htmlType?: 'button' | 'submit' | 'reset';
+    ariaLabel?: string;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from './button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Solid: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Link: Story;
+export declare const Small: Story;
+export declare const Large: Story;

package/dist/src/components/button/button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './button';
+export type { ButtonProps } from './button';

package/dist/src/components/divider/divider.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface DividerProps extends Omit<HTMLAttributes<HTMLHRElement>, 'children'> {
+    orientation?: 'horizontal' | 'vertical';
+    type?: 'solid' | 'dashed';
+    size?: 'sm' | 'md' | 'lg';
+    children?: ReactNode;
+}
+export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLHRElement>>;

package/dist/src/components/divider/divider.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Divider } from './divider';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const Horizontal: Story;
+export declare const Dashed: Story;
+export declare const Vertical: Story;
+export declare const WithText: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const DashedWithText: Story;

package/dist/src/components/divider/divider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider } from './divider';
+export type { DividerProps } from './divider';

package/dist/src/components/form-item/form-item.d.ts

@@ -0,0 +1,15 @@
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+export interface FormItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    label?: ReactNode;
+    labelWidth?: number | string;
+    labelAlign?: 'left' | 'right';
+    required?: boolean;
+    requiredMark?: ReactNode;
+    colon?: boolean;
+    colonText?: string;
+    status?: 'default' | 'error' | 'warning';
+    help?: ReactNode;
+    layout?: 'horizontal' | 'vertical';
+    children: ReactNode;
+}
+export declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/form-item/form-item.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FormItem } from './form-item';
+declare const meta: Meta<typeof FormItem>;
+export default meta;
+type Story = StoryObj<typeof FormItem>;
+export declare const Default: Story;
+export declare const Required: Story;
+export declare const CustomRequiredMark: Story;
+export declare const Vertical: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const NoLabel: Story;
+export declare const LeftAlign: Story;
+export declare const WithoutColon: Story;
+export declare const LongLabel: Story;
+export declare const CustomLabelWidth: Story;

package/dist/src/components/form-item/form-item.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/form-item/index.d.ts

@@ -0,0 +1,2 @@
+export { FormItem } from './form-item';
+export type { FormItemProps } from './form-item';

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

@@ -0,0 +1,12 @@
+export * from './button';
+export * from './input';
+export * from './form-item';
+export * from './select';
+export * from './modal';
+export * from './table';
+export * from './tag';
+export * from './badge';
+export * from './pagination';
+export * from './alert';
+export * from './space';
+export * from './divider';

package/dist/src/components/input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './input';
+export type { InputProps } from './input';

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

@@ -0,0 +1,18 @@
+import { default as React, InputHTMLAttributes, ReactNode } from 'react';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'value' | 'defaultValue' | 'prefix'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    variant?: 'outline' | 'filled' | 'borderless';
+    size?: 'sm' | 'md' | 'lg';
+    status?: 'default' | 'error' | 'warning';
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    allowClear?: boolean;
+    clearAriaLabel?: string;
+    showCount?: boolean;
+    maxLength?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from './input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const Outline: Story;
+export declare const Filled: Story;
+export declare const Borderless: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const WithPrefix: Story;
+export declare const WithSuffix: Story;
+export declare const AllowClear: Story;
+export declare const ShowCount: Story;
+export declare const Password: Story;

package/dist/src/components/input/input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './modal';
+export type { ModalProps } from './modal';

package/dist/src/components/modal/modal.d.ts

@@ -0,0 +1,25 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ButtonProps } from '../button';
+export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    open?: boolean;
+    onCancel?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode | null;
+    onOk?: () => void | Promise<void>;
+    okText?: string;
+    okButtonProps?: ButtonProps;
+    cancelText?: string;
+    cancelButtonProps?: ButtonProps;
+    confirmLoading?: boolean;
+    closable?: boolean;
+    closeAriaLabel?: string;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    destroyOnClose?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    width?: number | string;
+    centered?: boolean;
+    getContainer?: () => HTMLElement;
+}
+export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/modal/modal.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Modal } from './modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Centered: Story;
+export declare const NoFooter: Story;
+export declare const CustomFooter: Story;
+export declare const AsyncOnOk: Story;

package/dist/src/components/modal/modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from './pagination';
+export type { PaginationProps, PaginationLocale } from './pagination';

package/dist/src/components/pagination/pagination.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'react';
+export interface PaginationLocale {
+    total?: string;
+    items?: string;
+    prevPage?: string;
+    nextPage?: string;
+    jumpTo?: string;
+}
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: number;
+    defaultValue?: number;
+    pageSize?: number;
+    total?: number;
+    onChange?: (page: number, pageSize: number) => void;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: number[];
+    showQuickJumper?: boolean;
+    showTotal?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    locale?: PaginationLocale;
+}
+export declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/pagination/pagination.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pagination } from './pagination';
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const ManyPages: Story;
+export declare const WithLocale: Story;
+export declare const Controlled: Story;

package/dist/src/components/pagination/pagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './select';
+export type { SelectProps, SelectOption } from './select';

package/dist/src/components/select/select.d.ts

@@ -0,0 +1,35 @@
+import { default as React, HTMLAttributes, ReactNode, MouseEvent, KeyboardEvent } from 'react';
+export interface SelectOption {
+    label: ReactNode;
+    value: string | number;
+    disabled?: boolean;
+}
+type SelectValue = string | number | (string | number)[];
+export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children' | 'value' | 'defaultValue' | 'prefix'> {
+    value?: SelectValue;
+    defaultValue?: SelectValue;
+    onChange?: (value: SelectValue, event?: MouseEvent | KeyboardEvent) => void;
+    options?: SelectOption[];
+    variant?: 'outline' | 'filled' | 'borderless';
+    size?: 'sm' | 'md' | 'lg';
+    status?: 'default' | 'error' | 'warning';
+    disabled?: boolean;
+    loading?: boolean;
+    allowClear?: boolean;
+    placeholder?: string;
+    mode?: 'single' | 'multiple';
+    showSearch?: boolean;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    emptyText?: ReactNode;
+    clearAriaLabel?: string;
+    searchPlaceholder?: string;
+    expandAriaLabel?: string;
+    collapseAriaLabel?: string;
+    removeAriaLabel?: string;
+    dropdownClassName?: string;
+    dropdownStyle?: React.CSSProperties;
+    getPopupContainer?: () => HTMLElement;
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/select/select.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from './select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Default: Story;
+export declare const Outline: Story;
+export declare const Filled: Story;
+export declare const Borderless: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const AllowClear: Story;
+export declare const Multiple: Story;
+export declare const WithSearch: Story;
+export declare const WithPrefix: Story;
+export declare const WithSuffix: Story;
+export declare const Empty: Story;

package/dist/src/components/select/select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/space/index.d.ts

@@ -0,0 +1,2 @@
+export { Space } from './space';
+export type { SpaceProps } from './space';

package/dist/src/components/space/space.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface SpaceProps extends HTMLAttributes<HTMLDivElement> {
+    size?: 'sm' | 'md' | 'lg' | number;
+    direction?: 'horizontal' | 'vertical';
+    align?: 'start' | 'end' | 'center' | 'baseline';
+    wrap?: boolean;
+    children: ReactNode;
+}
+export declare const Space: import('react').ForwardRefExoticComponent<SpaceProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/space/space.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Space } from './space';
+declare const meta: Meta<typeof Space>;
+export default meta;
+type Story = StoryObj<typeof Space>;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Wrap: Story;

package/dist/src/components/space/space.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/table/index.d.ts

@@ -0,0 +1,2 @@
+export { Table } from './table';
+export type { TableProps, TableColumn, TableRowSelection, TablePagination, TableLocale } from './table';

package/dist/src/components/table/table.d.ts

@@ -0,0 +1,54 @@
+import { HTMLAttributes, ReactNode, MouseEvent } from 'react';
+export interface TableColumn {
+    key: string;
+    title?: ReactNode;
+    dataIndex?: string | string[];
+    width?: number | string;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: unknown, record: Record<string, unknown>, index: number) => ReactNode;
+    ellipsis?: boolean;
+}
+export interface TableRowSelection {
+    type?: 'checkbox' | 'radio';
+    selectedRowKeys?: string[];
+    onChange?: (selectedRowKeys: string[], selectedRows: Record<string, unknown>[]) => void;
+    onSelect?: (record: Record<string, unknown>, selected: boolean, selectedRows: Record<string, unknown>[]) => void;
+    getCheckboxProps?: (record: Record<string, unknown>) => {
+        disabled?: boolean;
+    };
+    selectAriaLabel?: string;
+}
+export interface TablePagination {
+    current?: number;
+    pageSize?: number;
+    total?: number;
+    onChange?: (page: number, pageSize: number) => void;
+}
+export interface TableLocale {
+    total?: string;
+    items?: string;
+    prevPage?: string;
+    nextPage?: string;
+}
+export interface TableProps extends HTMLAttributes<HTMLDivElement> {
+    dataSource: Record<string, unknown>[];
+    columns: TableColumn[];
+    rowKey?: string | ((record: Record<string, unknown>) => string);
+    rowSelection?: TableRowSelection;
+    loading?: boolean;
+    emptyText?: ReactNode;
+    pagination?: false | TablePagination;
+    bordered?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    locale?: TableLocale;
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+    };
+    onRow?: (record: Record<string, unknown>, index: number) => {
+        onClick?: (e: MouseEvent) => void;
+        onDoubleClick?: (e: MouseEvent) => void;
+        className?: string;
+    };
+}
+export declare const Table: import('react').ForwardRefExoticComponent<TableProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/table/table.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Borderless: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const WithPagination: Story;
+export declare const WithRowSelection: Story;

package/dist/src/components/table/table.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/tag/index.d.ts

@@ -0,0 +1,2 @@
+export { Tag } from './tag';
+export type { TagProps } from './tag';

package/dist/src/components/tag/tag.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode, MouseEvent } from 'react';
+export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    color?: 'primary' | 'brand' | 'success' | 'warning' | 'error' | 'info' | 'default';
+    variant?: 'solid' | 'outline' | 'light';
+    size?: 'sm' | 'md' | 'lg';
+    closable?: boolean;
+    onClose?: (e: MouseEvent) => void;
+    children: ReactNode;
+}
+export declare const Tag: import('react').ForwardRefExoticComponent<TagProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/src/components/tag/tag.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tag } from './tag';
+declare const meta: Meta<typeof Tag>;
+export default meta;
+type Story = StoryObj<typeof Tag>;
+export declare const Light: Story;
+export declare const Outline: Story;
+export declare const Solid: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Closable: Story;
+export declare const Colors: Story;

package/dist/src/components/tag/tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/src/theme/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/utils/index.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@chain-ui/core",
+  "version": "0.1.1",
+  "type": "module",
+  "description": "Core UI components for Chain UI design system",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./*": {
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs",
+      "types": "./dist/*.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "build": "vite build && node -e \"require('fs').writeFileSync('dist/index.d.ts', 'export * from \\'./src/index\\';\\n')\"",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "lint": "eslint src/"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@storybook/react": "^10.4.1",
+    "@testing-library/jest-dom": "latest",
+    "@testing-library/react": "latest",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "@vitejs/plugin-react": "latest",
+    "eslint": "latest",
+    "jsdom": "latest",
+    "react": "^18",
+    "react-dom": "^18",
+    "storybook": "^8.6.18",
+    "typescript": "latest",
+    "vite": "latest",
+    "vite-plugin-dts": "latest",
+    "vitest": "latest"
+  }
+}