@choice-ui/react 1.4.3 → 1.4.6

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

@@ -1,19 +1,20 @@
-import { InputAdapter } from './adapters/input-adapter';
-import { SelectAdapter } from './adapters/select-adapter';
-import { TextareaAdapter } from './adapters/textarea-adapter';
 import { CheckboxAdapter } from './adapters/checkbox-adapter';
+import { ChipsInputAdapter } from './adapters/chips-input-adapter';
+import { InputAdapter } from './adapters/input-adapter';
+import { MultiSelectAdapter } from './adapters/multi-select-adapter';
+import { NumericInputAdapter } from './adapters/numeric-input-adapter';
 import { RadioGroupAdapter } from './adapters/raido-group-adapter';
-import { SwitchAdapter } from './adapters/switch-adapter';
 import { RangeAdapter } from './adapters/range-adapter';
-import { NumericInputAdapter } from './adapters/numeric-input-adapter';
-import { MultiSelectAdapter } from './adapters/multi-select-adapter';
 import { SegmentedAdapter } from './adapters/segmented-adapter';
-export { CheckboxAdapter, InputAdapter, RadioGroupAdapter, SelectAdapter, TextareaAdapter, SwitchAdapter, RangeAdapter, NumericInputAdapter, MultiSelectAdapter, SegmentedAdapter, } from './adapters';
+import { SelectAdapter } from './adapters/select-adapter';
+import { SwitchAdapter } from './adapters/switch-adapter';
+import { TextareaAdapter } from './adapters/textarea-adapter';
+export { CheckboxAdapter, ChipsInputAdapter, InputAdapter, MultiSelectAdapter, NumericInputAdapter, RadioGroupAdapter, RangeAdapter, SegmentedAdapter, SelectAdapter, SwitchAdapter, TextareaAdapter, } from './adapters';
 export type * from './types';
 export * as TanstackReactForm from '@tanstack/react-form';
 /**
- * 增强版的 useForm hook
- * 在 TanStack Form 的基础上添加适配器组件
+ * Enhanced useForm hook
+ * Add adapter components to the TanStack Form
  */
 export declare function useForm(options: {
     [key: string]: unknown;
@@ -22,15 +23,16 @@ export declare function useForm(options: {
         value: unknown;
     }) => void | Promise<void>;
 }): import('@tanstack/react-form').FormApi<Record<string, unknown>, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, unknown> & import('@tanstack/react-form').ReactFormApi<Record<string, unknown>, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/react-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, unknown> & {
-    Input: typeof InputAdapter;
-    Select: typeof SelectAdapter;
-    Textarea: typeof TextareaAdapter;
+    Button: import('react').ForwardRefExoticComponent<Omit<import('../../button/src').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     Checkbox: typeof CheckboxAdapter;
+    ChipsInput: typeof ChipsInputAdapter;
+    Input: typeof InputAdapter;
+    MultiSelect: typeof MultiSelectAdapter;
+    NumericInput: typeof NumericInputAdapter;
     RadioGroup: typeof RadioGroupAdapter;
-    Switch: typeof SwitchAdapter;
     Range: typeof RangeAdapter;
-    NumericInput: typeof NumericInputAdapter;
-    MultiSelect: typeof MultiSelectAdapter;
     Segmented: typeof SegmentedAdapter;
-    Button: import('react').ForwardRefExoticComponent<Omit<import('../../button/src').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Select: typeof SelectAdapter;
+    Switch: typeof SwitchAdapter;
+    Textarea: typeof TextareaAdapter;
 };

package/dist/components/form/src/index.js

@@ -1,35 +1,38 @@
 import { useForm as useForm$1 } from "@tanstack/react-form";
 import * as reactForm from "@tanstack/react-form";
 import { Button } from "../../button/dist/index.js";
-import { InputAdapter } from "./adapters/input-adapter.js";
-import { SelectAdapter } from "./adapters/select-adapter.js";
-import { TextareaAdapter } from "./adapters/textarea-adapter.js";
 import { CheckboxAdapter } from "./adapters/checkbox-adapter.js";
+import { ChipsInputAdapter } from "./adapters/chips-input-adapter.js";
+import { InputAdapter } from "./adapters/input-adapter.js";
+import { MultiSelectAdapter } from "./adapters/multi-select-adapter.js";
+import { NumericInputAdapter } from "./adapters/numeric-input-adapter.js";
 import { RadioGroupAdapter } from "./adapters/raido-group-adapter.js";
-import { SwitchAdapter } from "./adapters/switch-adapter.js";
 import { RangeAdapter } from "./adapters/range-adapter.js";
-import { NumericInputAdapter } from "./adapters/numeric-input-adapter.js";
-import { MultiSelectAdapter } from "./adapters/multi-select-adapter.js";
 import { SegmentedAdapter } from "./adapters/segmented-adapter.js";
+import { SelectAdapter } from "./adapters/select-adapter.js";
+import { SwitchAdapter } from "./adapters/switch-adapter.js";
+import { TextareaAdapter } from "./adapters/textarea-adapter.js";
 function useForm(options) {
   const form = useForm$1(options);
   const enhancedForm = Object.assign(form, {
-    Input: InputAdapter,
-    Select: SelectAdapter,
-    Textarea: TextareaAdapter,
+    Button,
     Checkbox: CheckboxAdapter,
+    ChipsInput: ChipsInputAdapter,
+    Input: InputAdapter,
+    MultiSelect: MultiSelectAdapter,
+    NumericInput: NumericInputAdapter,
     RadioGroup: RadioGroupAdapter,
-    Switch: SwitchAdapter,
     Range: RangeAdapter,
-    NumericInput: NumericInputAdapter,
-    MultiSelect: MultiSelectAdapter,
     Segmented: SegmentedAdapter,
-    Button
+    Select: SelectAdapter,
+    Switch: SwitchAdapter,
+    Textarea: TextareaAdapter
   });
   return enhancedForm;
 }
 export {
   CheckboxAdapter,
+  ChipsInputAdapter,
   InputAdapter,
   MultiSelectAdapter,
   NumericInputAdapter,

package/dist/components/form/src/types.d.ts

@@ -1,24 +1,25 @@
 import { ReactNode } from 'react';
 import { CheckboxProps } from '../../checkbox/src';
+import { ChipsInputProps } from '../../chips-input/src';
 import { InputProps } from '../../input/src';
-import { SelectProps } from '../../select/src';
-import { TextareaProps } from '../../textarea/src';
+import { MultiSelectProps } from '../../multi-select/src';
+import { NumericInputProps } from '../../numeric-input/src';
 import { RadioGroupProps } from '../../radio/src';
-import { SwitchProps } from '../../switch/src';
 import { RangeProps } from '../../range/src';
-import { NumericInputProps } from '../../numeric-input/src';
-import { MultiSelectProps } from '../../multi-select/src';
 import { SegmentedProps } from '../../segmented/src';
+import { SelectProps } from '../../select/src';
+import { SwitchProps } from '../../switch/src';
+import { TextareaProps } from '../../textarea/src';
 /**
- * 表单验证器类型
+ * Form validator type
  */
 export type FormValidator<T> = (values: T) => string | void | Promise<string | void>;
 /**
- * 字段验证器类型
+ * Field validator type
  */
 export type FieldValidator<T> = (value: T) => string | void | Promise<string | void>;
 /**
- * 字段验证器集合
+ * Field validator collection
  */
 export interface FieldValidators<T> {
     onBlur?: FieldValidator<T>;
@@ -32,7 +33,7 @@ export interface FieldValidators<T> {
     onSubmitAsyncDebounceMs?: number;
 }
 /**
- * 表单配置
+ * Form configuration
  */
 export interface FormConfig<T = Record<string, unknown>> {
     defaultValues?: Partial<T>;
@@ -49,7 +50,7 @@ export interface FormConfig<T = Record<string, unknown>> {
     };
 }
 /**
- * 字段配置
+ * Field configuration
  */
 export interface FieldConfig<T = unknown> {
     component?: React.ComponentType<{
@@ -74,7 +75,7 @@ export interface FieldConfig<T = unknown> {
     validators?: FieldValidators<T>;
 }
 /**
- * 表单状态
+ * Form state
  */
 export interface FormState<T = Record<string, unknown>> {
     canSubmit: boolean;
@@ -86,7 +87,7 @@ export interface FormState<T = Record<string, unknown>> {
     values: T;
 }
 /**
- * 字段状态
+ * Field state
  */
 export interface FieldState<T = unknown> {
     error?: string;
@@ -98,7 +99,7 @@ export interface FieldState<T = unknown> {
     value: T;
 }
 /**
- * 简化的表单 API 类型
+ * Simplified form API type
  */
 export interface SimpleFormApi<T = Record<string, unknown>> {
     getFieldValue: (name: keyof T) => T[keyof T];
@@ -110,7 +111,7 @@ export interface SimpleFormApi<T = Record<string, unknown>> {
     validateField: (name: keyof T) => void;
 }
 /**
- * 简化的字段 API 类型
+ * Simplified field API type
  */
 export interface SimpleFieldApi<T = unknown> {
     handleBlur: () => void;
@@ -120,14 +121,14 @@ export interface SimpleFieldApi<T = unknown> {
     value: T;
 }
 /**
- * 表单上下文类型
+ * Form context type
  */
 export interface FormContextValue<T = Record<string, unknown>> {
     config: FormConfig<T>;
     formApi: SimpleFormApi<T>;
 }
 /**
- * 字段上下文类型
+ * Field context type
  */
 export interface FieldContextValue<T = unknown> {
     config: FieldConfig<T>;
@@ -135,7 +136,7 @@ export interface FieldContextValue<T = unknown> {
     state: FieldState<T>;
 }
 /**
- * 表单提交结果
+ * Form submit result
  */
 export interface FormSubmitResult<T = Record<string, unknown>> {
     errors?: Record<string, string[]>;
@@ -143,7 +144,7 @@ export interface FormSubmitResult<T = Record<string, unknown>> {
     values?: T;
 }
 /**
- * 表单组件 Props
+ * Form component Props
  */
 export interface FormProps<T = Record<string, unknown>> extends FormConfig<T> {
     children?: ReactNode;
@@ -152,7 +153,7 @@ export interface FormProps<T = Record<string, unknown>> extends FormConfig<T> {
     variant?: "default" | "dark";
 }
 /**
- * 字段组件 Props
+ * Field component Props
  */
 export interface FormFieldProps<T = unknown> extends FieldConfig<T> {
     children?: ReactNode | ((field: SimpleFieldApi<T>) => ReactNode);
@@ -161,7 +162,7 @@ export interface FormFieldProps<T = unknown> extends FieldConfig<T> {
     variant?: "default" | "dark";
 }
 /**
- * 提交按钮 Props
+ * Submit button Props
  */
 export interface FormSubmitProps {
     children?: ReactNode;
@@ -173,7 +174,7 @@ export interface FormSubmitProps {
     variant?: "primary" | "secondary" | "ghost";
 }
 /**
- * 字段错误显示 Props
+ * Field error display Props
  */
 export interface FormFieldErrorProps {
     className?: string;
@@ -182,7 +183,7 @@ export interface FormFieldErrorProps {
     variant?: "default" | "dark";
 }
 /**
- * 字段信息显示 Props
+ * Field information display Props
  */
 export interface FormFieldInfoProps {
     className?: string;
@@ -192,7 +193,7 @@ export interface FormFieldInfoProps {
     variant?: "default" | "dark";
 }
 /**
- * 表单字段通用属性
+ * Form field common properties
  */
 export interface FormFieldCommonProps<T = unknown> {
     error?: string;
@@ -202,45 +203,45 @@ export interface FormFieldCommonProps<T = unknown> {
     value: T;
 }
 /**
- * 表单字段适配器基础属性
- * 包含所有表单字段的通用属性
+ * Form field adapter base properties
+ * Contains all form field common properties
  */
 export interface FormFieldAdapterProps<T = unknown> {
-    /** 字段描述 */
+    /** Field description */
     description?: string | ReactNode;
-    /** 单个错误信息 */
+    /** Single error message */
     error?: string | ReactNode;
-    /** 字段标签 */
+    /** Field label */
     label?: string | ReactNode;
-    /** 失焦回调 */
+    /** Blur callback */
     onBlur?: () => void;
-    /** 异步失焦验证 */
+    /** Async blur validation */
     onBlurAsync?: () => void;
     onBlurAsyncDebounceMs?: number;
-    /** 值变化回调 */
+    /** Value change callback */
     onChange: (value: T) => void;
-    /** 异步值变化验证 */
+    /** Async value change validation */
     onChangeAsync?: (value: T) => void;
     onChangeAsyncDebounceMs?: number;
-    /** 聚焦回调 */
+    /** Focus callback */
     onFocus?: () => void;
-    /** 异步聚焦验证 */
+    /** Async focus validation */
     onFocusAsync?: () => void;
     onFocusAsyncDebounceMs?: number;
-    /** 字段大小 */
+    /** Field size */
     size?: "default" | "large";
-    /** 字段值 */
+    /** Field value */
     value: T;
 }
 /**
- * 通用适配器属性排除模式
- * 定义需要从原组件 props 中排除的属性
+ * Common adapter property exclusion pattern
+ * Define properties to exclude from the original component props
  */
 type CommonExcludedProps = "value" | "onChange" | "onBlur" | "onFocus" | "label";
 type CommonExcludedPropsWithSize = CommonExcludedProps | "size";
 type CommonExcludedPropsWithChildrenAndSize = CommonExcludedProps | "children" | "size";
 /**
- * 选择类组件的选项类型
+ * Select component option type
  */
 interface SelectOption<T = string> {
     divider?: boolean;
@@ -248,25 +249,25 @@ interface SelectOption<T = string> {
     value?: T;
 }
 /**
- * 分段控件的选项类型
+ * Segmented component option type
  */
 interface SegmentedOption<T = string> {
     content?: string | ReactNode;
     value?: T;
 }
 /**
- * 基础适配器工厂类型
- * 用于创建标准的适配器类型
+ * Base adapter factory type
+ * Used to create standard adapter types
  */
 export type BaseAdapterProps<TComponent, TValue, TExcluded extends string = CommonExcludedProps> = Omit<TComponent, TExcluded> & FormFieldAdapterProps<TValue>;
 /**
- * 带尺寸排除的适配器工厂类型
- * 用于需要排除 size 属性的组件
+ * Adapter factory type with size exclusion
+ * Used to create adapter types that need to exclude the size property
  */
 export type AdapterPropsWithoutSize<TComponent, TValue, TExcluded extends string = CommonExcludedProps> = Omit<TComponent, TExcluded> & Omit<FormFieldAdapterProps<TValue>, "size">;
 /**
- * 选择类适配器工厂类型
- * 用于需要 options 和 placeholder 的选择组件
+ * Select adapter factory type
+ * Used to create adapter types that need to exclude the options and placeholder properties
  */
 export type SelectAdapterPropsBase<TComponent, TValue, TExcluded extends string = CommonExcludedPropsWithChildrenAndSize> = Omit<TComponent, TExcluded> & FormFieldAdapterProps<TValue> & {
     name?: string;
@@ -274,12 +275,12 @@ export type SelectAdapterPropsBase<TComponent, TValue, TExcluded extends string
     placeholder?: string;
 };
 /**
- * 文本输入类适配器 (Input, Textarea)
+ * Text input adapter (Input, Textarea)
  */
 export type InputAdapterProps<T extends string = string> = BaseAdapterProps<InputProps, T, CommonExcludedPropsWithSize>;
 export type TextareaAdapterProps<T extends string = string> = BaseAdapterProps<TextareaProps, T, CommonExcludedPropsWithSize>;
 /**
- * 选择类适配器 (Select, MultiSelect)
+ * Select adapter (Select, MultiSelect)
  */
 export type SelectAdapterProps<T extends string = string> = SelectAdapterPropsBase<SelectProps, T>;
 export type MultiSelectAdapterProps<T extends string = string> = Omit<MultiSelectProps, CommonExcludedPropsWithChildrenAndSize> & FormFieldAdapterProps<T[]> & {
@@ -288,22 +289,28 @@ export type MultiSelectAdapterProps<T extends string = string> = Omit<MultiSelec
     placeholder?: string;
 };
 /**
- * 布尔类适配器 (Checkbox, Switch)
+ * Boolean adapter (Checkbox, Switch)
  */
 export interface CheckboxAdapterProps<T extends boolean = boolean> extends Omit<CheckboxProps, CommonExcludedPropsWithChildrenAndSize>, Omit<FormFieldAdapterProps<T>, "value"> {
     value: T | undefined;
 }
 export type SwitchAdapterProps<T extends boolean = boolean> = BaseAdapterProps<SwitchProps, T, CommonExcludedPropsWithChildrenAndSize>;
 /**
- * 数字类适配器 (Range, NumericInput)
+ * Number adapter (Range, NumericInput)
  */
 export type RangeAdapterProps<T extends number = number> = BaseAdapterProps<RangeProps, T, CommonExcludedPropsWithChildrenAndSize>;
 export type NumericInputAdapterProps<T extends number = number> = AdapterPropsWithoutSize<NumericInputProps, T>;
 /**
- * 单选类适配器 (RadioGroup, Segmented)
+ * Single select adapter (RadioGroup, Segmented)
  */
 export type RadioGroupAdapterProps<T extends string = string> = BaseAdapterProps<RadioGroupProps, T, CommonExcludedPropsWithChildrenAndSize>;
 export type SegmentedAdapterProps<T extends string = string> = Omit<SegmentedProps, CommonExcludedPropsWithChildrenAndSize> & FormFieldAdapterProps<T> & {
     options?: SegmentedOption<T>[];
 };
+/**
+ * Tags input adapter (ChipsInput)
+ */
+export type ChipsInputAdapterProps<T extends string = string> = Omit<ChipsInputProps, CommonExcludedPropsWithChildrenAndSize> & FormFieldAdapterProps<T[]> & {
+    name?: string;
+};
 export {};

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

@@ -1,75 +1,31 @@
 import { HTMLProps, ReactNode } from 'react';
-import { UseFloatingReturn, Placement } from '@floating-ui/react';
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface HintTriggerProps extends HTMLProps<HTMLButtonElement> {
     asChild?: boolean;
-    icon?: ReactNode;
+    children?: ReactNode;
 }
-declare const HintTrigger: react.ForwardRefExoticComponent<Omit<HintTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 interface HintContentProps extends HTMLProps<HTMLDivElement> {
-    icon?: ReactNode;
     portalId?: string;
-    variant?: "default" | "dark";
+    variant?: "default" | "dark" | "accent";
 }
-declare const HintContent: react.ForwardRefExoticComponent<Omit<HintContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type HintPlacement$1 = "left-start" | "right-start";
-interface HintOptions {
-    disabled?: boolean;
-    initialOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    open?: boolean;
-    placement?: HintPlacement$1;
-}
-interface UseHintReturn {
-    arrowRef: React.RefObject<HTMLElement>;
-    context: UseFloatingReturn["context"];
-    disabled: boolean;
-    floatingStyles: React.CSSProperties;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getReferenceProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    isPositioned: UseFloatingReturn["isPositioned"];
-    middlewareData: UseFloatingReturn["middlewareData"];
-    open: boolean;
-    placement: Placement;
-    refs: UseFloatingReturn["refs"];
-    setOpen: (open: boolean) => void;
-    strategy: UseFloatingReturn["strategy"];
-    update: UseFloatingReturn["update"];
-    x: number | null;
-    y: number | null;
-}
-declare function useHint({ initialOpen, placement, open: controlledOpen, onOpenChange: setControlledOpen, disabled, }?: HintOptions): UseHintReturn;
-
-interface HintContextValue {
-    context: UseFloatingReturn["context"];
-    disabled?: boolean;
-    floatingStyles: React.CSSProperties;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getReferenceProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    open: boolean;
-    placement: Placement;
-    refs: UseFloatingReturn["refs"];
-}
-declare function useHintState(): HintContextValue;
-
-type HintPlacement = "left-start" | "right-start";
+type HintPlacement = "left-start" | "right-start" | "left-end" | "right-end";
 
 interface HintProps {
     children?: ReactNode;
-    className?: string;
-    content: ReactNode;
+    delay?: number;
     disabled?: boolean;
-    icon?: ReactNode;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
     placement?: HintPlacement;
-    portalId?: string;
-    variant?: "default" | "dark";
 }
-declare function Hint({ children, content, disabled, onOpenChange, open, placement, className, icon, portalId, variant, }: HintProps): react_jsx_runtime.JSX.Element;
+declare function HintRoot({ children, delay, disabled, onOpenChange, open, placement, }: HintProps): react_jsx_runtime.JSX.Element;
+declare const Hint: typeof HintRoot & {
+    Trigger: react.ForwardRefExoticComponent<Omit<HintTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<Omit<HintContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+};
 
-export { Hint, HintContent, type HintProps, HintTrigger, useHint, useHintState };
+export { Hint, type HintContentProps, type HintProps, type HintTriggerProps };

package/dist/components/hint/src/components/info-content.d.ts

@@ -1,8 +1,6 @@
-import { HTMLProps, ReactNode } from 'react';
-interface HintContentProps extends HTMLProps<HTMLDivElement> {
-    icon?: ReactNode;
+import { HTMLProps } from 'react';
+export interface HintContentProps extends HTMLProps<HTMLDivElement> {
     portalId?: string;
-    variant?: "default" | "dark";
+    variant?: "default" | "dark" | "accent";
 }
 export declare const HintContent: import('react').ForwardRefExoticComponent<Omit<HintContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/hint/src/components/info-content.js

@@ -6,7 +6,7 @@ import { hintVariants } from "../tv.js";
 import { tcx } from "../../../../shared/utils/tcx/tcx.js";
 const HintContent = forwardRef(
   function HintContent2(props, propRef) {
-    const { className, children, icon, portalId, variant = "default", ...rest } = props;
+    const { className, children, portalId, variant = "default", ...rest } = props;
     const state = useHintState();
     const ref = useMergeRefs([state.refs.setFloating, propRef]);
     const { isMounted, styles } = useTransitionStyles(state.context, {
@@ -14,7 +14,7 @@ const HintContent = forwardRef(
       initial: {
         opacity: 0
       },
-      // 使用 common 选项设置正确的 transformOrigin
+      // Use common option to set correct transformOrigin
       common: ({ side }) => ({
         transformOrigin: side === "left" ? "right center" : "left center"
       })
@@ -28,18 +28,26 @@ const HintContent = forwardRef(
       "div",
       {
         ref,
-        className: "z-tooltip pointer-events-none",
+        className: "z-tooltip",
         style: state.floatingStyles,
         ...state.getFloatingProps(rest),
         children: /* @__PURE__ */ jsxs(
           "div",
           {
-            className: tcx(tv.content({ className, variant })),
+            className: tcx(tv.content({ variant })),
             "data-state": state.open ? "open" : "closed",
             style: styles,
             children: [
-              /* @__PURE__ */ jsx("div", { className: tv.icon(), children: icon }),
-              /* @__PURE__ */ jsx("div", { className: tv.text(), children })
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: tv.icon({
+                    placement: state.placement
+                  }),
+                  children: state.icon
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: tcx(tv.text(), className), children })
             ]
           }
         )

package/dist/components/hint/src/components/info-trigger.d.ts

@@ -1,7 +1,6 @@
 import { HTMLProps, ReactNode } from 'react';
-interface HintTriggerProps extends HTMLProps<HTMLButtonElement> {
+export interface HintTriggerProps extends HTMLProps<HTMLButtonElement> {
     asChild?: boolean;
-    icon?: ReactNode;
+    children?: ReactNode;
 }
 export declare const HintTrigger: import('react').ForwardRefExoticComponent<Omit<HintTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/components/hint/src/components/info-trigger.js

@@ -4,7 +4,7 @@ import { forwardRef, cloneElement } from "react";
 import { useHintState } from "../context/hint-context.js";
 import { hintVariants } from "../tv.js";
 import { tcx } from "../../../../shared/utils/tcx/tcx.js";
-const HintTrigger = forwardRef(function HintTrigger2({ children, className, asChild = false, icon, ...props }, propRef) {
+const HintTriggerInner = forwardRef(function HintTrigger2({ children, className, asChild = false, ...props }, propRef) {
   const state = useHintState();
   const ref = useMergeRefs([state.refs.setReference, propRef]);
   if (asChild && children) {
@@ -23,10 +23,12 @@ const HintTrigger = forwardRef(function HintTrigger2({ children, className, asCh
       className: tcx(tv.trigger({ className })),
       ...state.disabled && { disabled: true },
       ...state.getReferenceProps(props),
-      children: icon
+      children: state.icon
     }
   );
 });
+HintTriggerInner.displayName = "HintTrigger";
+const HintTrigger = HintTriggerInner;
 export {
   HintTrigger
 };

package/dist/components/hint/src/context/hint-context.d.ts

@@ -1,10 +1,12 @@
 import { Placement, UseFloatingReturn } from '@floating-ui/react';
+import { ReactNode } from 'react';
 export interface HintContextValue {
     context: UseFloatingReturn["context"];
     disabled?: boolean;
     floatingStyles: React.CSSProperties;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
     getReferenceProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    icon?: ReactNode;
     open: boolean;
     placement: Placement;
     refs: UseFloatingReturn["refs"];

package/dist/components/hint/src/context/hint-context.js

@@ -1,4 +1,4 @@
-import { useContext, createContext } from "react";
+import { createContext, useContext } from "react";
 const HintContext = createContext(void 0);
 function useHintState() {
   const context = useContext(HintContext);

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

@@ -1,16 +1,16 @@
 import { ReactNode } from 'react';
-type HintPlacement = "left-start" | "right-start";
+type HintPlacement = "left-start" | "right-start" | "left-end" | "right-end";
 export { useHintState } from './context/hint-context';
 export interface HintProps {
     children?: ReactNode;
-    className?: string;
-    content: ReactNode;
+    delay?: number;
     disabled?: boolean;
-    icon?: ReactNode;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
     placement?: HintPlacement;
-    portalId?: string;
-    variant?: "default" | "dark";
 }
-export declare function Hint({ children, content, disabled, onOpenChange, open, placement, className, icon, portalId, variant, }: HintProps): import("react/jsx-runtime").JSX.Element;
+declare function HintRoot({ children, delay, disabled, onOpenChange, open, placement, }: HintProps): import("react/jsx-runtime").JSX.Element;
+export declare const Hint: typeof HintRoot & {
+    Trigger: import('react').ForwardRefExoticComponent<Omit<import('../..').HintTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('../..').HintContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};