aha-components 1.7.12 → 1.8.2

package/dist/components/Table/index 2.d.ts

@@ -0,0 +1,167 @@
+import React from 'react';
+export type SortOrder = 'ascend' | 'descend' | null;
+export type TableSize = 'small' | 'middle' | 'large';
+export type TableLayout = 'auto' | 'fixed';
+export interface SorterResult<T = any> {
+    column?: ColumnType<T>;
+    order?: SortOrder;
+    field?: string | string[];
+    columnKey?: string | string[];
+}
+export interface TableCurrentDataSource<T = any> {
+    currentDataSource: T[];
+    action: 'paginate' | 'sort';
+}
+export interface SelectionItem {
+    key: string | number;
+    text: React.ReactNode;
+    onSelect?: (changeableRowKeys: (string | number)[]) => void;
+}
+export interface TableRowSelection<T = any> {
+    type?: 'checkbox' | 'radio';
+    selectedRowKeys?: (string | number)[];
+    defaultSelectedRowKeys?: (string | number)[];
+    onChange?: (selectedRowKeys: (string | number)[], selectedRows: T[]) => void;
+    onSelect?: (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+    onSelectInvert?: (selectedRowKeys: (string | number)[]) => void;
+    onSelectNone?: () => void;
+    getCheckboxProps?: (record: T) => {
+        disabled?: boolean;
+        name?: string;
+    };
+    hideSelectAll?: boolean;
+    fixed?: boolean | 'left' | 'right';
+    columnWidth?: string | number;
+    columnTitle?: string | React.ReactNode;
+    checkStrictly?: boolean;
+    preserveSelectedRowKeys?: boolean;
+    renderCell?: (checked: boolean, record: T, index: number, node: React.ReactNode) => React.ReactNode;
+}
+export interface ColumnType<T = any> {
+    title?: React.ReactNode | ((props: {
+        sortOrder?: SortOrder;
+        sortColumn?: ColumnType<T>;
+    }) => React.ReactNode);
+    key?: string;
+    dataIndex?: string | string[];
+    align?: 'left' | 'right' | 'center';
+    ellipsis?: boolean | {
+        showTitle?: boolean;
+    };
+    colSpan?: number;
+    width?: string | number;
+    minWidth?: string | number;
+    fixed?: boolean | 'left' | 'right';
+    render?: (value: any, record: T, index: number) => React.ReactNode;
+    sorter?: boolean | ((a: T, b: T) => number) | {
+        compare?: (a: T, b: T) => number;
+        multiple?: number;
+    };
+    sortOrder?: SortOrder | SortOrder[];
+    defaultSortOrder?: SortOrder;
+    onCell?: (record: T, index?: number) => React.HTMLAttributes<HTMLTableCellElement>;
+    onHeaderCell?: (column: ColumnType<T>) => React.HTMLAttributes<HTMLTableCellElement>;
+    className?: string;
+    children?: ColumnType<T>[];
+    onSorterChange?: (sorter: SorterResult<T>) => void;
+    rowSpan?: number;
+    rowScope?: 'row' | 'col' | 'rowgroup' | 'colgroup';
+}
+export interface TableProps<T = any> {
+    columns?: ColumnType<T>[];
+    dataSource?: T[];
+    rowKey?: string | ((record: T) => string | number);
+    rowSelection?: TableRowSelection<T>;
+    pagination?: false | {
+        current?: number;
+        pageSize?: number;
+        total?: number;
+        defaultCurrent?: number;
+        defaultPageSize?: number;
+        showSizeChanger?: boolean;
+        pageSizeOptions?: string[];
+        showQuickJumper?: boolean | {
+            goButton?: React.ReactNode;
+        };
+        showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+        onChange?: (page: number, pageSize?: number) => void;
+        onShowSizeChange?: (current: number, size: number) => void;
+        position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+        simple?: boolean;
+        responsive?: boolean;
+    };
+    size?: TableSize;
+    bordered?: boolean;
+    loading?: boolean | React.ReactNode;
+    locale?: {
+        emptyText?: React.ReactNode | (() => React.ReactNode);
+        selectAll?: React.ReactNode;
+        selectInvert?: React.ReactNode;
+        selectNone?: React.ReactNode;
+        selectionAll?: React.ReactNode;
+        sortTitle?: string;
+        expand?: string;
+        collapse?: string;
+        triggerDesc?: string;
+        triggerAsc?: string;
+        cancelSort?: string;
+    };
+    showHeader?: boolean;
+    title?: (currentData: T[]) => React.ReactNode;
+    footer?: (currentData: T[]) => React.ReactNode;
+    summary?: (currentData: T[]) => React.ReactNode;
+    scroll?: {
+        x?: number | string | true;
+        y?: number | string;
+        scrollToFirstRowOnChange?: boolean;
+    };
+    tableLayout?: TableLayout;
+    onChange?: (pagination: any, filters: Record<string, any>, sorter: SorterResult<T> | SorterResult<T>[], extra: TableCurrentDataSource<T>) => void;
+    onSorterChange?: (sorter: SorterResult<T> | SorterResult<T>[]) => void;
+    onPaginationChange?: (page: number, pageSize: number) => void;
+    onRow?: (record: T, index?: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    className?: string;
+    innerClassName?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    expandable?: {
+        expandedRowKeys?: (string | number)[];
+        defaultExpandedRowKeys?: (string | number)[];
+        expandedRowRender?: (record: T, index: number, indent: number, expanded: boolean) => React.ReactNode;
+        expandRowByClick?: boolean;
+        onExpand?: (expanded: boolean, record: T) => void;
+        onExpandedRowsChange?: (expandedKeys: (string | number)[]) => void;
+        defaultExpandAllRows?: boolean;
+        indentSize?: number;
+        expandIcon?: (props: {
+            expanded: boolean;
+            onExpand: (record: T, e: React.MouseEvent<HTMLElement>) => void;
+            record: T;
+        }) => React.ReactNode;
+        rowExpandable?: (record: T) => boolean;
+    };
+    indentSize?: number;
+    rowClassName?: string | ((record: T, index: number) => string);
+    onHeaderRow?: (columns: ColumnType<T>[], index?: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    components?: {
+        header?: {
+            cell?: React.ComponentType<any>;
+            row?: React.ComponentType<any>;
+            wrapper?: React.ComponentType<any>;
+        };
+        body?: {
+            cell?: React.ComponentType<any>;
+            row?: React.ComponentType<any>;
+            wrapper?: React.ComponentType<any>;
+        };
+    };
+    sticky?: boolean | {
+        offsetHeader?: number;
+        offsetScroll?: number;
+        getContainer?: () => HTMLElement;
+    };
+}
+declare const Table: <T extends Record<string, any> = any>({ columns, dataSource, rowKey, rowSelection, pagination, size, bordered, loading, locale, showHeader, title, footer, summary, scroll, tableLayout, onChange, onSorterChange, onPaginationChange, onRow, className, innerClassName, style, expandable, rowClassName, onHeaderRow, sticky, ...rest }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Table;

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

@@ -4,11 +4,8 @@ declare const meta: Meta<typeof Tag>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const AllColors: Story;
-export declare const Variants: Story;
-export declare const WithStroke: Story;
-export declare const Sizes: Story;
-export declare const WithIcons: Story;
-export declare const Clickable: Story;
-export declare const CustomColors: Story;
-export declare const ComplexExample: Story;
+export declare const Overview: Story;
+export declare const Size: Story;
+export declare const Icons: Story;
+export declare const Actions: Story;
+export declare const Checkbox: Story;

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

@@ -1,19 +1,41 @@
 import React from 'react';
 export type TagColor = 'Green' | 'Red' | 'Orange' | 'Cyan' | 'Violet' | 'Pink' | 'Gray' | 'Yellow' | 'Blue' | string;
 export type TagVariant = 'light' | 'fill';
-export type TagSize = 'large' | 'small';
+/** sm/md/lg are the canonical sizes; large/small are legacy aliases */
+export type TagSize = 'sm' | 'md' | 'lg' | 'large' | 'small';
+/** Leading icon variant */
+export type TagIconType = 'none' | 'dot' | 'avatar' | 'icon';
+/** Right-side action */
+export type TagAction = 'none' | 'x-close' | 'count';
+/** @deprecated Use iconType instead */
 export type IconPosition = 'leading' | 'after' | 'none';
 export interface TagProps {
     children: React.ReactNode;
-    color: TagColor;
+    color?: TagColor;
     variant?: TagVariant;
     size?: TagSize;
     stroke?: boolean;
+    iconType?: TagIconType;
     icon?: React.ReactElement;
+    avatarSrc?: string;
+    dotColor?: string;
+    action?: TagAction;
+    count?: number;
+    onClose?: () => void;
+    checkbox?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    /** @deprecated use iconType='icon' */
     iconPosition?: IconPosition;
     className?: string;
     onClick?: () => void;
     [key: string]: any;
 }
+export interface TagAvatarProps {
+    src?: string;
+    alt?: string;
+    size?: number;
+}
+export declare const TagAvatar: React.FC<TagAvatarProps>;
 declare const Tag: React.FC<TagProps>;
 export default Tag;

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Textarea from './index';
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof Textarea>;
+export declare const Basic: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+export declare const Error: Story;
+export declare const ReadOnly: Story;
+export declare const WithCount: Story;
+export declare const WithMaxLength: Story;
+export declare const AutoSize: Story;
+export declare const Controlled: Story;
+export declare const AllStates: Story;

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

@@ -4,14 +4,11 @@ declare const meta: Meta<typeof Textarea>;
 export default meta;
 type Story = StoryObj<typeof Textarea>;
 export declare const Basic: Story;
-export declare const Sizes: Story;
 export declare const Disabled: Story;
 export declare const Error: Story;
 export declare const ReadOnly: Story;
 export declare const WithCount: Story;
-export declare const WithMaxLength: Story;
 export declare const AutoSize: Story;
-export declare const Controlled: Story;
-export declare const AllStates: Story;
-export declare const LinkifyUncontrolled: Story;
-export declare const LinkifyControlled: Story;
+export declare const Tags: Story;
+export declare const Linkify: Story;
+export declare const AllVariants: Story;

package/dist/components/Textarea/TextareaTags.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InputTagsProps } from '../Input/InputTags';
+export interface TextareaTagsProps extends Omit<InputTagsProps, 'size'> {
+    minHeight?: number;
+    helpIcon?: React.ReactNode;
+}
+declare const TextareaTags: React.FC<TextareaTagsProps>;
+export default TextareaTags;

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

@@ -0,0 +1,38 @@
+import React from 'react';
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示错误状态 */
+    error?: boolean;
+    /** 是否只读 */
+    readOnly?: boolean;
+    /** 是否显示字符计数 */
+    showCount?: boolean;
+    /** 最大字符数 */
+    maxLength?: number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 占位符 */
+    placeholder?: string;
+    /** 值 */
+    value?: string;
+    /** 默认值 */
+    defaultValue?: string;
+    /** 行数 */
+    rows?: number;
+    /** 是否自动调整高度 */
+    autoSize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    /** 变化回调 */
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    /** 聚焦回调 */
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    /** 失焦回调 */
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

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

@@ -7,44 +7,33 @@ interface LinkifyOptions {
     allowedTlds?: string[];
 }
 export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
-    /** 是否禁用 */
     disabled?: boolean;
-    /** 是否显示错误状态 */
     error?: boolean;
-    /** 是否只读 */
     readOnly?: boolean;
-    /** 是否显示字符计数 */
     showCount?: boolean;
-    /** 最大字符数 */
     maxLength?: number;
-    /** 自定义类名 */
     className?: string;
-    /** 自定义样式 */
     style?: React.CSSProperties;
-    /** 占位符 */
     placeholder?: string;
-    /** 值 */
     value?: string;
-    /** 默认值 */
     defaultValue?: string;
-    /** 行数 */
     rows?: number;
-    /** 是否自动调整高度 */
     autoSize?: boolean | {
         minRows?: number;
         maxRows?: number;
     };
-    /** 变化回调 */
     onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    /** 聚焦回调 */
     onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
-    /** 失焦回调 */
     onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
-    /** 是否启用实时链接识别 */
     linkify?: boolean;
-    /** 链接识别配置 */
     linkifyOptions?: LinkifyOptions;
+    label?: string;
+    required?: boolean;
+    hintText?: string;
+    helpIcon?: React.ReactNode;
 }
 export declare const websiteValidator: (url: string, needProtocol?: boolean, needHost?: boolean, allowedTlds?: string[]) => boolean;
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;
+export { default as TextareaTags } from './TextareaTags';
+export type { TextareaTagsProps } from './TextareaTags';

package/dist/components/Tooltip/Tooltip.stories 2.d.ts

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Tooltip from './index';
+import '../../index.css';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const Default: Story;
+export declare const Positions: Story;
+export declare const LongText: Story;
+export declare const MultiLine: Story;
+export declare const CustomContent: Story;
+export declare const DifferentTriggers: Story;
+export declare const Disabled: Story;
+export declare const Delayed: Story;
+export declare const NoDelay: Story;
+export declare const TriggerComparison: Story;
+export declare const ClickPositions: Story;
+export declare const ClickWithCustomContent: Story;
+export declare const DefaultVisible: Story;
+export declare const Controlled: Story;

package/dist/components/Tooltip/index 2.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+export type TooltipPosition = "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+export type TooltipTrigger = "hover" | "click";
+export interface TooltipProps {
+    /** Tooltip 内容 */
+    content: React.ReactNode;
+    /** 触发元素 */
+    children: React.ReactNode;
+    /** 显示位置 */
+    position?: TooltipPosition;
+    /** 触发方式 */
+    trigger?: TooltipTrigger;
+    /** 延迟显示时间（毫秒） */
+    delay?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义样式类名 */
+    className?: string;
+    /** 自定义 tooltip 样式类名 */
+    tooltipClassName?: string;
+    /** Tooltip 与触发元素的间距（像素） */
+    gap?: number;
+    /** 是否显示箭头 */
+    showArrow?: boolean;
+    /** Tooltip 内容宽度（如 "200px"、"50%" 等），不设置则使用自动计算 */
+    width?: string | number;
+    /** 是否默认显示（非受控） */
+    defaultVisible?: boolean;
+    /** 是否显示（受控） */
+    visible?: boolean;
+    /** 显示/隐藏时的回调 */
+    onVisibleChange?: (visible: boolean) => void;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/design-tokens/theme.css

@@ -85,6 +85,20 @@
   --color-gray-900: #1c1917;
   --color-gray-950: #171412;
 
+  /* gray-blue */
+  --color-gray-blue-25: #fcfcfd;
+  --color-gray-blue-50: #f8f9fc;
+  --color-gray-blue-100: #eaecf5;
+  --color-gray-blue-200: #d5d9eb;
+  --color-gray-blue-300: #b3b8db;
+  --color-gray-blue-400: #717bbc;
+  --color-gray-blue-500: #4e5ba6;
+  --color-gray-blue-600: #3e4784;
+  --color-gray-blue-700: #363f72;
+  --color-gray-blue-800: #293056;
+  --color-gray-blue-900: #101323;
+  --color-gray-blue-950: #0d0f1c;
+
   /* moss */
   --color-moss-25: #fafdf7;
   --color-moss-50: #f5fbee;
@@ -580,6 +594,18 @@
   --color-gray-800: var(--color-gray-800);
   --color-gray-900: var(--color-gray-900);
   --color-gray-950: var(--color-gray-950);
+  --color-gray-blue-25: var(--color-gray-blue-25);
+  --color-gray-blue-50: var(--color-gray-blue-50);
+  --color-gray-blue-100: var(--color-gray-blue-100);
+  --color-gray-blue-200: var(--color-gray-blue-200);
+  --color-gray-blue-300: var(--color-gray-blue-300);
+  --color-gray-blue-400: var(--color-gray-blue-400);
+  --color-gray-blue-500: var(--color-gray-blue-500);
+  --color-gray-blue-600: var(--color-gray-blue-600);
+  --color-gray-blue-700: var(--color-gray-blue-700);
+  --color-gray-blue-800: var(--color-gray-blue-800);
+  --color-gray-blue-900: var(--color-gray-blue-900);
+  --color-gray-blue-950: var(--color-gray-blue-950);
   --color-moss-25: var(--color-moss-25);
   --color-moss-50: var(--color-moss-50);
   --color-moss-100: var(--color-moss-100);

package/dist/design-tokens/theme.tailwind4.css

@@ -85,6 +85,20 @@
   --color-gray-900: #1c1917;
   --color-gray-950: #171412;
 
+  /* gray-blue */
+  --color-gray-blue-25: #fcfcfd;
+  --color-gray-blue-50: #f8f9fc;
+  --color-gray-blue-100: #eaecf5;
+  --color-gray-blue-200: #d5d9eb;
+  --color-gray-blue-300: #b3b8db;
+  --color-gray-blue-400: #717bbc;
+  --color-gray-blue-500: #4e5ba6;
+  --color-gray-blue-600: #3e4784;
+  --color-gray-blue-700: #363f72;
+  --color-gray-blue-800: #293056;
+  --color-gray-blue-900: #101323;
+  --color-gray-blue-950: #0d0f1c;
+
   /* moss */
   --color-moss-25: #fafdf7;
   --color-moss-50: #f5fbee;
@@ -580,6 +594,18 @@
   --color-gray-800: var(--color-gray-800);
   --color-gray-900: var(--color-gray-900);
   --color-gray-950: var(--color-gray-950);
+  --color-gray-blue-25: var(--color-gray-blue-25);
+  --color-gray-blue-50: var(--color-gray-blue-50);
+  --color-gray-blue-100: var(--color-gray-blue-100);
+  --color-gray-blue-200: var(--color-gray-blue-200);
+  --color-gray-blue-300: var(--color-gray-blue-300);
+  --color-gray-blue-400: var(--color-gray-blue-400);
+  --color-gray-blue-500: var(--color-gray-blue-500);
+  --color-gray-blue-600: var(--color-gray-blue-600);
+  --color-gray-blue-700: var(--color-gray-blue-700);
+  --color-gray-blue-800: var(--color-gray-blue-800);
+  --color-gray-blue-900: var(--color-gray-blue-900);
+  --color-gray-blue-950: var(--color-gray-blue-950);
   --color-moss-25: var(--color-moss-25);
   --color-moss-50: var(--color-moss-50);
   --color-moss-100: var(--color-moss-100);

package/dist/icons/index 2.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+export declare const CheckIcon: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export declare const MinusIcon: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export declare const SortIcon: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export declare const SortDescIcon: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export declare const SortAscIcon: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export declare const LeftArrowIcon: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export declare const RightArrowIcon: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export declare const TooltipIcon: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;