@gomeniucivan/ui 1.0.40 → 1.0.42

package/dist/index.d.mts

@@ -1,12 +1,11 @@
 import * as react from 'react';
-import react__default, { AnchorHTMLAttributes, HTMLAttributes, FC, Ref, ElementType, ReactNode, CSSProperties, DOMAttributes, Key, ReactElement, ComponentPropsWithRef, RefAttributes, Context, MouseEvent, ComponentProps, ComponentType, KeyboardEvent } from 'react';
+import react__default, { AnchorHTMLAttributes, HTMLAttributes, FC, Ref, ElementType, CSSProperties, ReactNode, Key, ReactElement, ComponentPropsWithRef, RefAttributes, Context, MouseEvent, ComponentProps, ChangeEvent, FocusEvent, FormEvent, FormHTMLAttributes, KeyboardEvent, ComponentType } from 'react';
+import { FlexProps as FlexProps$1, MenuProps as MenuProps$1, MenuRef, AlertProps as AlertProps$1, AutoCompleteProps as AutoCompleteProps$1, AvatarProps as AvatarProps$1, DrawerProps as DrawerProps$1, ButtonProps as ButtonProps$1, CollapseProps as CollapseProps$1, DatePickerProps as DatePickerProps$1, InputProps as InputProps$1, InputRef, InputNumberProps as InputNumberProps$1, ModalProps as ModalProps$1, ImageProps as ImageProps$2, SelectProps as SelectProps$1, TagProps as TagProps$1, TabsProps as TabsProps$1, AnchorProps, SegmentedProps as SegmentedProps$1, SliderSingleProps } from 'antd';
 import { LucideProps, LucideIcon } from 'lucide-react';
 import { TooltipPopupProps, TooltipPortalProps as TooltipPortalProps$1, TooltipPositionerProps as TooltipPositionerProps$1, Tooltip as Tooltip$1, TooltipTriggerProps } from '@base-ui/react/tooltip';
 import { Placement as Placement$1 } from '@floating-ui/react';
 import * as _base_ui_react_menu from '@base-ui/react/menu';
 import { MenuRootProps, MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuTriggerProps, Menu as Menu$1 } from '@base-ui/react/menu';
-import { MenuProps as MenuProps$1, MenuRef, AlertProps as AlertProps$1, AutoCompleteProps as AutoCompleteProps$1, AvatarProps as AvatarProps$1, DrawerProps as DrawerProps$1, ButtonProps as ButtonProps$1, CollapseProps as CollapseProps$1, DatePickerProps as DatePickerProps$1, InputProps as InputProps$1, InputRef, InputNumberProps as InputNumberProps$1, TagProps as TagProps$1, FormProps as FormProps$1, FormInstance, Form as Form$1, ModalProps as ModalProps$1, ImageProps as ImageProps$2, SelectProps as SelectProps$1, TabsProps as TabsProps$1, AnchorProps, SegmentedProps as SegmentedProps$1, RefSelectProps, SliderSingleProps } from 'antd';
-export { FormInstance } from 'antd';
 import { MenuItemType as MenuItemType$1, SubMenuType as SubMenuType$1, MenuItemGroupType as MenuItemGroupType$1, MenuDividerType as MenuDividerType$1, MenuInfo } from 'rc-menu/es/interface';
 export { MenuInfo } from 'rc-menu/es/interface';
 import { AlertRef } from 'antd/lib/alert/Alert';
@@ -16,32 +15,34 @@ import * as motion_react from 'motion/react';
 import { HTMLMotionProps, Transition, TargetAndTransition } from 'motion/react';
 import * as m from 'motion/react-m';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Size, NumberSize } from 're-resizable';
-import { Props as Props$1 } from 'react-rnd';
-import { DropdownProps as DropdownProps$1 } from 'antd/es';
+import { ConfigType } from 'dayjs';
 import { OTPProps, OTPRef } from 'antd/es/input/OTP';
 import { PasswordProps } from 'antd/es/input/Password';
 import { TextAreaProps as TextAreaProps$2, TextAreaRef } from 'antd/es/input/TextArea';
+import Inputmask from 'inputmask';
 import { InputNumberRef } from 'rc-input-number';
+import { Size, NumberSize } from 're-resizable';
+import { Props as Props$1 } from 'react-rnd';
+import { DropdownProps as DropdownProps$1 } from 'antd/es';
 import * as _base_ui_react_autocomplete from '@base-ui/react/autocomplete';
 import { Autocomplete, AutocompleteRootChangeEventDetails, AutocompleteRootProps } from '@base-ui/react/autocomplete';
 import * as _base_ui_react_popover from '@base-ui/react/popover';
 import { PopoverBackdropProps as PopoverBackdropProps$1, PopoverPopupProps as PopoverPopupProps$1, PopoverPortalProps as PopoverPortalProps$1, PopoverPositionerProps as PopoverPositionerProps$1, Popover as Popover$1, PopoverTriggerProps } from '@base-ui/react/popover';
 import { FooterProps as FooterProps$1 } from 'rc-footer';
-import { FormItemProps as FormItemProps$1 } from 'antd/es/form/FormItem';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
 import { BuiltinTheme } from 'shiki';
 import { PreviewConfig } from 'antd/es/image';
 import { GroupPreviewConfig } from 'antd/es/image/PreviewGroup';
 import * as node_modules__base_ui_react_esm_separator_Separator from 'node_modules/@base-ui/react/esm/separator/Separator';
 import * as _base_ui_react_select from '@base-ui/react/select';
 import { Select as Select$1 } from '@base-ui/react/select';
-import { Switch } from '@base-ui/react/switch';
 import { Components, Options } from 'react-markdown';
 import { Pluggable } from 'unified';
 import { MermaidConfig } from 'mermaid';
 import { Node } from 'unist';
 import { Root } from 'hast';
 import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
+import { TableProps as TableProps$1 } from 'antd/es/table';
 import { GetCustomStylish, GetCustomToken, ThemeProviderProps as ThemeProviderProps$1, CustomStylishParams, CustomTokenParams, ThemeMode } from 'antd-style';
 import { AliasToken } from 'antd/es/theme/interface';
 import { Toast } from '@base-ui/react/toast';
@@ -98,7 +99,7 @@ interface LobeCustomToken extends ColorPalettes, ColorPalettesAlpha, ColorToken,
  */
 type Trigger = 'hover' | 'click' | 'both' | ('hover' | 'click')[];
 
-type DivProps$1 = HTMLAttributes<HTMLDivElement>;
+type DivProps = HTMLAttributes<HTMLDivElement>;
 type VideoProps$2 = HTMLAttributes<HTMLVideoElement>;
 type SvgProps = HTMLAttributes<SVGSVGElement>;
 type ImgProps = HTMLAttributes<HTMLImageElement>;
@@ -110,123 +111,25 @@ declare const A: FC<AProps & {
     ref?: Ref<HTMLAnchorElement>;
 }>;
 
-type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start' | 'stretch' | 'baseline';
 type FlexDirection = 'vertical' | 'vertical-reverse' | 'horizontal' | 'horizontal-reverse';
-type DivProps = DOMAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>;
-type CommonSpaceNumber = 2 | 4 | 8 | 12 | 16 | 24;
-/**
- * Flexbox 布局组件的接口
- */
-interface IFlexbox {
-    /**
-     * 交叉轴对齐方式
-     * @default "stretch"
-     */
-    align?: ContentPosition;
-    /**
-     * 允许在 flex 布局中正常收缩（通过将根节点的 min-width 设为 0 实现）
-     *
-     * 在 Flex 容器（或作为 flex item）中，启用该选项可避免内容导致的溢出，
-     * 让元素可以正常 shrink（常见于文本省略、滚动容器等场景）。
-     * @default false
-     */
-    allowShrink?: boolean;
-    /**
-     * 渲染的 HTML 元素类型
-     * @default "div"
-     */
+interface FlexProps extends FlexProps$1 {
     as?: ElementType;
-    /**
-     * 子元素
-     */
-    children?: ReactNode;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 主轴方向
-     * @default "horizontal"
-     */
     direction?: FlexDirection;
-    /**
-     * 内容分布
-     */
     distribution?: CSSProperties['justifyContent'];
-    /**
-     * flex 值
-     * @default "0 1 auto"
-     */
-    flex?: number | string;
-    /**
-     * 主轴方向上的间距
-     * @default 0
-     */
-    gap?: CommonSpaceNumber | number | string;
-    /**
-     * 高度
-     * @default "auto"
-     */
-    height?: number | string;
-    /**
-     * 是否横向
-     * @default false
-     */
     horizontal?: boolean;
-    /**
-     * 主轴对齐方式
-     */
-    justify?: CSSProperties['justifyContent'];
-    /**
-     * 内边距
-     * @default 0
-     */
-    padding?: string | number | CommonSpaceNumber;
-    /**
-     * 块内边距
-     */
-    paddingBlock?: string | number;
-    /**
-     * 内联内边距
-     */
-    paddingInline?: string | number;
-    /**
-     * 类名前缀
-     */
-    prefixCls?: string;
-    /**
-     * ref 引用
-     */
-    ref?: Ref<HTMLElement>;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * 是否显示
-     * @default true
-     */
-    visible?: boolean;
-    /**
-     * 宽度
-     * @default "auto"
-     */
+    vertical?: boolean;
+    padding?: number | string;
+    paddingBlock?: number | string;
+    paddingInline?: number | string;
     width?: number | string;
-    /**
-     * 换行方式
-     */
-    wrap?: CSSProperties['flexWrap'];
-}
-interface FlexBasicProps extends IFlexbox, DivProps {
+    height?: number | string;
+    allowShrink?: boolean;
+    visible?: boolean;
+    ref?: Ref<HTMLElement>;
 }
-type FlexboxProps = FlexBasicProps;
-type CenterProps = Omit<FlexBasicProps, 'distribution' | 'direction' | 'align'>;
+declare const Flex: react.ForwardRefExoticComponent<Omit<FlexProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
-declare const Center: FC<CenterProps>;
-
-declare const _default$9: react.NamedExoticComponent<FlexBasicProps>;
-
-interface BlockProps extends FlexboxProps {
+interface BlockProps extends FlexProps {
     clickable?: boolean;
     glass?: boolean;
     ref?: Ref<HTMLDivElement>;
@@ -446,7 +349,7 @@ declare const KeyMapEnum: {
     readonly Up: "up";
 };
 
-interface HotkeyProps extends Omit<FlexboxProps, 'children'> {
+interface HotkeyProps extends Omit<FlexProps, 'children'> {
     classNames?: {
         kbdClassName?: string;
     };
@@ -669,7 +572,7 @@ interface ActionIconSizeConfig extends IconSizeConfig {
     borderRadius?: number | string;
 }
 type ActionIconSize = number | IconSizeType | ActionIconSizeConfig;
-interface ActionIconProps extends Partial<LucideIconProps>, Omit<CenterProps, 'title' | 'children'> {
+interface ActionIconProps extends Partial<LucideIconProps>, Omit<FlexProps, 'title' | 'children'> {
     active?: boolean;
     danger?: boolean;
     disabled?: boolean;
@@ -917,7 +820,7 @@ declare const DropdownMenuSubmenuArrow: {
 declare const DropdownMenu: react.NamedExoticComponent<DropdownMenuProps<unknown>>;
 
 type ActionIconGroupEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
-interface ActionIconGroupProps extends Omit<CenterProps, 'children'> {
+interface ActionIconGroupProps extends Omit<FlexProps, 'children'> {
     actionIconProps?: Partial<Omit<ActionIconProps, 'icon' | 'size' | 'ref'>>;
     disabled?: boolean;
     glass?: boolean;
@@ -987,7 +890,7 @@ interface AvatarProps extends AvatarProps$1 {
 interface AvatarGroupItemType extends Pick<AvatarProps, 'avatar' | 'title' | 'alt' | 'onClick' | 'style' | 'className' | 'loading'> {
     key: string;
 }
-interface AvatarGroupProps extends Pick<AvatarProps, 'variant' | 'bordered' | 'shadow' | 'size' | 'background' | 'animation' | 'draggable' | 'shape'>, Omit<FlexboxProps, 'children' | 'onClick'> {
+interface AvatarGroupProps extends Pick<AvatarProps, 'variant' | 'bordered' | 'shadow' | 'size' | 'background' | 'animation' | 'draggable' | 'shape'>, Omit<FlexProps, 'children' | 'onClick'> {
     classNames?: {
         avatar?: string;
         count?: string;
@@ -1045,7 +948,7 @@ interface ButtonProps extends Omit<ButtonProps$1, 'icon'> {
 
 declare const Button: FC<ButtonProps>;
 
-interface TextProps extends DivProps$1 {
+interface TextProps extends DivProps {
     align?: 'left' | 'center' | 'right';
     as?: ElementType;
     code?: boolean;
@@ -1086,7 +989,7 @@ interface TextProps extends DivProps$1 {
 
 declare const Text: FC<TextProps>;
 
-interface CheckboxProps extends Omit<DivProps$1, 'onChange'> {
+interface CheckboxProps extends Omit<DivProps, 'onChange'> {
     backgroundColor?: string;
     checked?: boolean;
     classNames?: {
@@ -1112,7 +1015,7 @@ interface CheckboxGroupOption {
     label: ReactNode;
     value: string;
 }
-interface CheckboxGroupProps extends Omit<FlexboxProps, 'defaultValue' | 'onChange'> {
+interface CheckboxGroupProps extends Omit<FlexProps, 'defaultValue' | 'onChange'> {
     defaultValue?: string[];
     disabled?: boolean;
     onChange?: (value: string[]) => void;
@@ -1132,7 +1035,7 @@ interface ICheckbox {
 declare const Checkbox: ICheckbox;
 
 type DiffViewMode = 'split' | 'unified';
-interface CodeDiffProps extends Omit<FlexboxProps, 'children'> {
+interface CodeDiffProps extends Omit<FlexProps, 'children'> {
     /**
      * Actions to render in the header
      */
@@ -1191,7 +1094,7 @@ interface CodeDiffProps extends Omit<FlexboxProps, 'children'> {
      */
     viewMode?: DiffViewMode;
 }
-interface PatchDiffProps extends Omit<FlexboxProps, 'children'> {
+interface PatchDiffProps extends Omit<FlexProps, 'children'> {
     /**
      * Actions to render in the header
      */
@@ -1250,7 +1153,7 @@ declare const CodeDiff: react.NamedExoticComponent<CodeDiffProps>;
 
 declare const PatchDiff: react.NamedExoticComponent<PatchDiffProps>;
 
-interface CodeEditorProps extends TextAreaProps$1, Pick<FlexboxProps, 'width' | 'height' | 'flex'> {
+interface CodeEditorProps extends TextAreaProps$1, Pick<FlexProps, 'width' | 'height' | 'flex'> {
     classNames?: {
         highlight?: string;
         textarea?: string;
@@ -1304,7 +1207,7 @@ interface ColorSwatchesItemType {
     key?: Key;
     title?: ReactNode;
 }
-interface ColorSwatchesProps extends Omit<FlexboxProps, 'onChange'> {
+interface ColorSwatchesProps extends Omit<FlexProps, 'onChange'> {
     colors: ColorSwatchesItemType[];
     defaultValue?: string;
     enableColorPicker?: boolean;
@@ -1481,6 +1384,22 @@ declare const CopyButton: react.NamedExoticComponent<CopyButtonProps>;
 
 interface DatePickerProps extends DatePickerProps$1 {
     shadow?: boolean;
+    /**
+     * Force mobile drawer / wheel UI when true; otherwise uses ThemeProvider context.
+     */
+    isMobile?: boolean;
+    /**
+     * Lower bound for selectable dates (inclusive).
+     */
+    min?: ConfigType;
+    /**
+     * Upper bound for selectable dates (inclusive).
+     */
+    max?: ConfigType;
+    /**
+     * Show years in ascending order instead of the default descending order.
+     */
+    revertYear?: boolean;
 }
 
 declare const DatePicker: react.NamedExoticComponent<DatePickerProps>;
@@ -1493,16 +1412,201 @@ interface DownloadButtonProps extends ActionIconProps {
 
 declare const DownloadButton: react__default.NamedExoticComponent<DownloadButtonProps>;
 
-type DraggablePanelBodyProps = DivProps$1;
-declare const DraggablePanelBody: react.NamedExoticComponent<DivProps$1>;
+interface InputProps extends InputProps$1 {
+    ref?: Ref<InputRef>;
+    shadow?: boolean;
+}
+interface TextAreaProps extends TextAreaProps$2 {
+    ref?: Ref<TextAreaRef>;
+    resize?: boolean;
+    shadow?: boolean;
+}
+interface InputNumberProps extends InputNumberProps$1 {
+    ref?: Ref<InputNumberRef>;
+    shadow?: boolean;
+}
+interface InputPasswordProps extends PasswordProps {
+    ref?: Ref<InputRef>;
+    shadow?: boolean;
+}
+interface InputOPTProps extends OTPProps {
+    ref?: Ref<OTPRef>;
+    shadow?: boolean;
+}
+interface InputMaskProps extends InputProps$1 {
+    ref?: Ref<InputRef>;
+    shadow?: boolean;
+    mask: NonNullable<Inputmask.Options['mask']>;
+    maskChar?: string | null;
+    maskPlaceholder?: string | null;
+    alwaysShowMask?: boolean;
+}
+
+type SelectSize = 'large' | 'middle' | 'small';
+type SelectVariant = 'borderless' | 'filled' | 'outlined';
+type SelectBehaviorVariant = 'default' | 'item-aligned';
+/**
+ * Variant for how selected items are indicated in the popup.
+ * - `check`: Display a checkmark icon next to selected items (default)
+ * - `bold`: Display selected items with bold text, no checkmark
+ */
+type SelectIndicatorVariant = 'check' | 'bold';
+interface SelectOption<Value = string> {
+    className?: string;
+    disabled?: boolean;
+    label: ReactNode;
+    style?: CSSProperties;
+    title?: string;
+    value: Value;
+}
+interface SelectOptionGroup<Value = string> {
+    disabled?: boolean;
+    label: ReactNode;
+    options: SelectOption<Value>[];
+}
+type SelectOptions<Value = string> = Array<SelectOption<Value> | SelectOptionGroup<Value>>;
+interface SelectClassNames {
+    clear?: string;
+    dropdown?: string;
+    empty?: string;
+    group?: string;
+    groupLabel?: string;
+    icon?: string;
+    item?: string;
+    itemIndicator?: string;
+    itemText?: string;
+    list?: string;
+    mobileClose?: string;
+    mobileContent?: string;
+    mobileGroupLabel?: string;
+    mobileHeader?: string;
+    mobileList?: string;
+    mobileOverlay?: string;
+    mobileOption?: string;
+    mobileOptionCheck?: string;
+    mobileOptionLabel?: string;
+    mobileOptionSelected?: string;
+    mobileSheet?: string;
+    mobileTitle?: string;
+    option?: string;
+    popup?: string;
+    prefix?: string;
+    root?: string;
+    search?: string;
+    suffix?: string;
+    trigger?: string;
+    value?: string;
+}
+interface SelectProps<Value = string> {
+    allowClear?: boolean;
+    autoFocus?: boolean;
+    /**
+     * Behavior variant for Base UI Select.
+     *
+     * - `default`: regular dropdown positioning (alignItemWithTrigger=false, modal=false)
+     * - `item-aligned`: aligns the selected item with trigger and uses modal=true
+     * @default 'default'
+     */
+    behaviorVariant?: SelectBehaviorVariant;
+    className?: string;
+    classNames?: SelectClassNames;
+    defaultOpen?: boolean;
+    defaultValue?: Value | Value[] | null;
+    disabled?: boolean;
+    id?: string;
+    /**
+     * When true, uses a mobile drawer picker (recommended for touch devices).
+     * @default false
+     */
+    isMobile?: boolean;
+    labelRender?: (option: SelectOption<Value>) => ReactNode;
+    /**
+     * 设置弹窗滚动高度
+     * @default 256
+     */
+    listHeight?: number;
+    listItemHeight?: number;
+    loading?: boolean;
+    mode?: 'multiple' | 'tags';
+    name?: string;
+    onChange?: (value: Value | Value[] | null, option?: SelectOption<Value> | SelectOption<Value>[]) => void;
+    onOpenChange?: (open: boolean) => void;
+    onSelect?: (value: Value, option?: SelectOption<Value>) => void;
+    open?: boolean;
+    optionRender?: (option: SelectOption<Value>, info: {
+        index: number;
+    }) => ReactNode;
+    options?: SelectOptions<Value>;
+    placeholder?: ReactNode;
+    popupClassName?: string;
+    popupMatchSelectWidth?: boolean | number;
+    prefix?: ReactNode | IconProps$1['icon'];
+    readOnly?: boolean;
+    required?: boolean;
+    /**
+     * Variant for how selected items are indicated in the popup.
+     * - `check`: Display a checkmark icon next to selected items (default)
+     * - `bold`: Display selected items with bold text, no checkmark
+     * @default 'check'
+     */
+    selectedIndicatorVariant?: SelectIndicatorVariant;
+    shadow?: boolean;
+    showSearch?: boolean;
+    size?: SelectSize;
+    style?: CSSProperties;
+    styles?: {
+        popup?: {
+            root?: CSSProperties;
+        };
+    };
+    suffixIcon?: IconProps$1['icon'] | ReactNode;
+    suffixIconProps?: Omit<IconProps$1, 'icon'>;
+    tokenSeparators?: string[];
+    value?: Value | Value[] | null;
+    variant?: SelectVariant;
+    virtual?: boolean;
+}
+
+type Meridiem = 'AM' | 'PM';
+type TimeValue = {
+    hour: number;
+    minute: number;
+};
+interface TimePickerProps extends Omit<InputProps, 'defaultValue' | 'onChange' | 'type' | 'value' | 'size' | 'status' | 'addonAfter' | 'addonBefore' | 'suffix'> {
+    allowClear?: boolean;
+    className?: string;
+    defaultOpen?: boolean;
+    defaultValue?: string | null;
+    format?: string | ((value: TimeValue | null) => string);
+    hourStep?: number;
+    /**
+     * Force mobile drawer / wheel UI when true; otherwise uses ThemeProvider context.
+     */
+    isMobile?: boolean;
+    inputReadOnly?: boolean;
+    minuteStep?: number;
+    onChange?: (value: string | null, formatted: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    placeholder?: string;
+    size?: SelectSize;
+    style?: CSSProperties;
+    use12Hours?: boolean;
+    value?: string | null;
+}
+
+declare const TimePicker: react.NamedExoticComponent<TimePickerProps>;
+
+type DraggablePanelBodyProps = DivProps;
+declare const DraggablePanelBody: react.NamedExoticComponent<DivProps>;
 
-type DraggablePanelContainerProps = DivProps$1;
-declare const DraggablePanelContainer: react.NamedExoticComponent<DivProps$1>;
+type DraggablePanelContainerProps = DivProps;
+declare const DraggablePanelContainer: react.NamedExoticComponent<DivProps>;
 
-type DraggablePanelFooterProps = DivProps$1;
-declare const DraggablePanelFooter: react.NamedExoticComponent<DivProps$1>;
+type DraggablePanelFooterProps = DivProps;
+declare const DraggablePanelFooter: react.NamedExoticComponent<DivProps>;
 
-interface DraggablePanelHeaderProps extends Omit<DivProps$1, 'children'> {
+interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
     pin?: boolean;
     position?: 'left' | 'right';
     setExpand?: (expand: boolean) => void;
@@ -1512,7 +1616,7 @@ interface DraggablePanelHeaderProps extends Omit<DivProps$1, 'children'> {
 declare const DraggablePanelHeader: react.NamedExoticComponent<DraggablePanelHeaderProps>;
 
 type PlacementType = 'right' | 'left' | 'top' | 'bottom';
-interface DraggablePanelProps extends DivProps$1 {
+interface DraggablePanelProps extends DivProps {
     backgroundColor?: string;
     classNames?: {
         content?: string;
@@ -1560,7 +1664,7 @@ interface IDraggablePanel {
 }
 declare const DraggablePanel: IDraggablePanel;
 
-interface DraggableSideNavProps extends Omit<DivProps$1, 'children' | 'onSelect'> {
+interface DraggableSideNavProps extends Omit<DivProps, 'children' | 'onSelect'> {
     backgroundColor?: string;
     /**
      * Body content (main content area)
@@ -1717,30 +1821,10 @@ interface DropdownProps extends Omit<DropdownProps$1, 'menu'> {
  */
 declare const Dropdown: react.NamedExoticComponent<DropdownProps>;
 
-interface InputProps extends InputProps$1 {
-    ref?: Ref<InputRef>;
-    shadow?: boolean;
-}
-interface TextAreaProps extends TextAreaProps$2 {
-    ref?: Ref<TextAreaRef>;
-    resize?: boolean;
-    shadow?: boolean;
-}
-interface InputNumberProps extends InputNumberProps$1 {
-    ref?: Ref<InputNumberRef>;
-    shadow?: boolean;
-}
-interface InputPasswordProps extends PasswordProps {
-    ref?: Ref<InputRef>;
-    shadow?: boolean;
-}
-interface InputOPTProps extends OTPProps {
-    ref?: Ref<OTPRef>;
-    shadow?: boolean;
-}
-
 declare const Input: react.NamedExoticComponent<InputProps>;
 
+declare const InputMask: react.NamedExoticComponent<InputMaskProps>;
+
 declare const InputNumber: react.NamedExoticComponent<InputNumberProps>;
 
 declare const InputOPT: react.NamedExoticComponent<InputOPTProps>;
@@ -1761,7 +1845,7 @@ interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value' | 'onA
     value?: string;
 }
 
-interface EditableTextProps extends Omit<FlexboxProps, 'onChange' | 'onBlur' | 'onFocus'>, Pick<ControlInputProps, 'onChange' | 'value' | 'onChangeEnd' | 'onValueChanging' | 'texts' | 'variant' | 'onBlur' | 'onFocus' | 'size'> {
+interface EditableTextProps extends Omit<FlexProps, 'onChange' | 'onBlur' | 'onFocus'>, Pick<ControlInputProps, 'onChange' | 'value' | 'onChangeEnd' | 'onValueChanging' | 'texts' | 'variant' | 'onBlur' | 'onFocus' | 'size'> {
     className?: string;
     classNames?: {
         container?: string;
@@ -2147,7 +2231,7 @@ interface EmojiPickerProps extends Omit<AvatarProps, 'onChange' | 'avatar'> {
         enableEmoji?: boolean;
     };
     compressSize?: number;
-    contentProps?: Omit<FlexboxProps, 'className' | 'ref' | 'style'>;
+    contentProps?: Omit<FlexProps, 'className' | 'ref' | 'style'>;
     customEmojis?: EmojiPickerCustomEmoji[];
     customRender?: (avatar: string) => ReactNode;
     customTabs?: EmojiPickerCustomTab[];
@@ -2174,9 +2258,9 @@ interface EmojiPickerProps extends Omit<AvatarProps, 'onChange' | 'avatar'> {
 
 declare const EmojiPicker: react.NamedExoticComponent<EmojiPickerProps>;
 
-interface EmptyProps extends Omit<FlexboxProps, 'title'> {
+interface EmptyProps extends Omit<FlexProps, 'title'> {
     action?: ReactNode;
-    actionProps?: Omit<FlexboxProps, 'children'>;
+    actionProps?: Omit<FlexProps, 'children'>;
     description?: ReactNode;
     descriptionProps?: Omit<TextProps, 'children'>;
     emoji?: string;
@@ -2192,7 +2276,7 @@ interface EmptyProps extends Omit<FlexboxProps, 'title'> {
 
 declare const Empty: FC<EmptyProps>;
 
-type IconProps = SvgProps & DivProps$1;
+type IconProps = SvgProps & DivProps;
 interface FileTypeIconProps extends IconProps {
     color?: string;
     filetype?: string;
@@ -2207,7 +2291,7 @@ declare const FileTypeIcon: FC<FileTypeIconProps>;
 
 type EmojiType = 'anim' | 'flat' | 'modern' | 'mono' | 'raw' | '3d';
 
-interface FluentEmojiProps extends DivProps$1 {
+interface FluentEmojiProps extends DivProps {
     emoji: string;
     ref?: Ref<HTMLImageElement>;
     size?: number;
@@ -2222,7 +2306,7 @@ interface FontLoaderProps {
 }
 declare const FontLoader: react.NamedExoticComponent<FontLoaderProps>;
 
-interface FooterProps extends FlexboxProps {
+interface FooterProps extends FlexProps {
     bottom?: ReactNode;
     columns: FooterProps$1['columns'];
     contentMaxWidth?: number;
@@ -2231,127 +2315,391 @@ interface FooterProps extends FlexboxProps {
 
 declare const Footer: react.NamedExoticComponent<FooterProps>;
 
-interface TagProps extends Omit<TagProps$1, 'color' | 'variant'> {
-    color?: TagProps$1['color'] | 'info';
-    ref?: Ref<HTMLDivElement>;
-    size?: 'small' | 'middle' | 'large';
-    variant?: 'filled' | 'outlined' | 'borderless';
-}
-
-declare const Tag: FC<TagProps>;
-
-type FormVariant = 'filled' | 'outlined' | 'borderless';
-type ItemsType = 'group' | 'flat';
-interface FormProps extends Omit<FormProps$1, 'variant'> {
-    activeKey?: (string | number)[];
-    children?: ReactNode;
-    classNames?: FormGroupProps['classNames'] & {
-        group?: string;
-        item?: string;
-    };
-    collapsible?: boolean;
-    defaultActiveKey?: (string | number)[];
-    footer?: ReactNode;
-    gap?: number | string;
-    itemMinWidth?: FormItemProps['minWidth'];
-    itemVariant?: FormProps$1['variant'];
-    items?: FormGroupItemType[] | FormItemProps[];
-    itemsType?: ItemsType;
-    onCollapse?: (key: (string | number)[]) => void;
-    ref?: Ref<FormInstance>;
-    styles?: FormGroupProps['styles'] & {
-        group?: CSSProperties;
-        item?: CSSProperties;
+interface FormConfig<T extends Record<string, any>> {
+    initialValues: T;
+    onSubmit: (values: T) => void | Promise<void>;
+    validate?: (values: T) => Partial<Record<keyof T, string>>;
+}
+interface FormState<T extends Record<string, any>> {
+    values: T;
+    errors: Partial<Record<keyof T, string>>;
+    fieldErrors: Partial<Record<keyof T, string>>;
+    touched: Partial<Record<keyof T, boolean>>;
+    isSubmitting: boolean;
+    isValid: boolean;
+    validationSequence: number;
+}
+declare function useForm<T extends Record<string, any>>(config: FormConfig<T>): {
+    readonly form: {
+        readonly values: T;
+        readonly errors: Partial<Record<keyof T, string>>;
+        readonly fieldErrors: Partial<Record<keyof T, string>>;
+        readonly touched: Partial<Record<keyof T, boolean>>;
+        readonly validationSequence: number;
+        readonly setFieldValue: (field: PropertyKey, value: unknown) => void;
+        readonly setFieldError: (field: PropertyKey, error?: string) => void;
+        readonly setFieldTouched: (field: PropertyKey, touched?: boolean) => void;
+        readonly handleChange: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+        readonly handleBlur: (e: FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+        readonly handleSubmit: (e?: FormEvent) => Promise<void>;
+        readonly resetForm: () => void;
+        readonly validateForm: () => boolean;
+        readonly triggerValidation: () => void;
+        readonly isSubmitting: boolean;
+        readonly isValid: boolean;
     };
+    readonly setFieldValue: (field: keyof T, value: any) => void;
+    readonly setFieldTouched: (field: keyof T, touched?: boolean) => void;
+    readonly setFieldError: (field: keyof T, error?: string) => void;
+    readonly handleChange: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+    readonly handleBlur: (e: FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+    readonly handleSubmit: (e?: FormEvent) => void;
+    readonly resetForm: () => void;
+    readonly validateForm: () => boolean;
+    readonly triggerValidation: () => void;
+    readonly values: T;
+    readonly errors: Partial<Record<keyof T, string>>;
+    readonly fieldErrors: Partial<Record<keyof T, string>>;
+    readonly touched: Partial<Record<keyof T, boolean>>;
+    readonly isSubmitting: boolean;
+    readonly isValid: boolean;
+    readonly validationSequence: number;
+};
+type UseFormReturn<T extends Record<string, any>> = ReturnType<typeof useForm<T>>;
+
+type FormVariant = 'borderless' | 'filled' | 'outlined';
+interface FormProps<T extends Record<string, any>> extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {
+    children: ReactNode;
+    onSubmit?: (values: T) => void | Promise<void>;
+    form?: UseFormReturn<T>;
+    initialValues?: T;
+    validate?: (values: T) => Partial<Record<keyof T, string>>;
+    className?: string;
+    /**
+     * Layout of form fields.
+     * - `vertical`: label/description stacked above control (default)
+     * - `horizontal`: label/description on the left, control on the right
+     */
+    layout?: 'vertical' | 'horizontal';
+    /**
+     * When `layout="horizontal"`, sets the width of the label/description column.
+     * Accepts any CSS width value (e.g., `180px`, `12rem`, `30%`).
+     * @default '200px'
+     */
+    labelWidth?: string | number;
+    fieldMinWidth?: string | number;
+    /**
+     * Shared visual style for form wrappers and field components.
+     * @default 'borderless'
+     */
     variant?: FormVariant;
 }
-interface FormGroupItemType {
-    children: FormItemProps[] | ReactNode;
-    collapsible?: boolean;
-    defaultActive?: boolean;
-    desc?: ReactNode;
+interface FormGroupProps {
+    /** Group title */
+    title?: ReactNode;
+    /** Group description */
+    description?: ReactNode;
+    /** Group icon (component or element) */
+    icon?: any;
+    /** Extra content on the right side of the header */
     extra?: ReactNode;
-    icon?: IconProps$1['icon'];
-    key?: string;
-    title: ReactNode;
-    variant?: FormVariant;
-}
-interface FormGroupProps extends Omit<CollapseProps, 'collapsible' | 'items' | 'defaultActiveKey' | 'activeKey' | 'variant'> {
-    active?: boolean;
-    children: ReactNode;
+    /** Group children */
+    children?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Style object */
+    style?: CSSProperties;
+    /** Whether the group is collapsible */
     collapsible?: boolean;
-    defaultActive?: boolean;
-    desc?: ReactNode;
-    extra?: ReactNode;
-    icon?: IconProps$1['icon'];
-    keyValue?: string | number;
-    onCollapse?: (active: boolean) => void;
-    title?: ReactNode;
+    /** Whether the group is collapsed by default */
+    defaultCollapsed?: boolean;
+    /** Variant style for the group container */
     variant?: FormVariant;
 }
-interface FormItemProps extends FormItemProps$1 {
-    avatar?: FormTitleProps['avatar'];
-    desc?: FormTitleProps['desc'];
-    divider?: boolean;
-    hidden?: boolean;
-    minWidth?: string | number;
-    tag?: FormTitleProps['tag'];
-    variant?: FormVariant;
+
+declare function Form<T extends Record<string, any>>({ children, onSubmit, form, initialValues, validate, className, style, layout, labelWidth, variant, fieldMinWidth, ...props }: FormProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Form {
+    var displayName: string;
 }
-interface FormSubmitFooterProps extends Omit<FlexboxProps, 'onReset'> {
-    buttonProps?: Omit<ButtonProps, 'children'>;
-    children?: ReactNode;
-    enableReset?: boolean;
-    enableUnsavedWarning?: boolean;
-    float?: boolean;
-    onReset?: (value: any, preValue: any) => void;
-    resetButtonProps?: Omit<ButtonProps, 'children'>;
-    saveButtonProps?: Omit<ButtonProps, 'children'>;
-    texts?: {
-        reset?: string;
-        submit?: string;
-        unSaved?: string;
-        unSavedWarning?: string;
+
+type FormErrorProps = {
+    message?: string;
+    className?: string;
+    style?: react__default.CSSProperties;
+};
+declare const FormError: {
+    ({ message, className, style }: FormErrorProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+type FormInputProps<T extends Record<string, any>> = Omit<InputProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
+    name: keyof T & string;
+    label?: string;
+    description?: react__default.ReactNode;
+    form?: UseFormReturn<T>;
+    required?: boolean;
+    helperText?: react__default.ReactNode;
+    onChange?: InputProps['onChange'];
+    onBlur?: InputProps['onBlur'];
+    rules?: FormFieldRules<T>;
+};
+type FormFieldRules<T extends Record<string, any>> = {
+    required?: boolean | string | {
+        message: string;
     };
-}
-interface FormTitleProps extends Omit<FlexboxProps, 'title'> {
-    avatar?: ReactNode;
-    classNames?: {
-        content?: string;
-        desc?: string;
-        tag?: string;
-        title?: string;
+    pattern?: {
+        value: RegExp;
+        message: string;
     };
-    desc?: ReactNode;
-    styles?: {
-        content?: CSSProperties;
-        desc?: CSSProperties;
-        tag?: CSSProperties;
-        title?: CSSProperties;
+    minLength?: {
+        value: number;
+        message: string;
     };
-    tag?: string;
-    tagProps?: Omit<TagProps, 'children'>;
-    title: ReactNode;
+    maxLength?: {
+        value: number;
+        message: string;
+    };
+    validate?: (value: any, values: T) => string | boolean | void;
+} | string;
+declare const runRules: <T extends Record<string, any>>(rules: FormFieldRules<T> | undefined, value: any, values: T) => string | undefined;
+declare const FormInput: {
+    <T extends Record<string, any>>({ name, label, description, form, required, helperText, className, id, variant: inputVariant, onChange, onBlur, rules, ...inputProps }: FormInputProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type FormLabelProps = {
+    htmlFor?: string;
+    children: react__default.ReactNode;
+    className?: string;
+    description?: react__default.ReactNode;
+    required?: boolean;
+};
+declare const FormLabel: {
+    ({ htmlFor, children, className, description, required }: FormLabelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type FormTimePickerProps<T extends Record<string, any>> = Omit<TimePickerProps, 'name' | 'value' | 'onChange' | 'defaultValue' | 'form'> & {
+    name: keyof T & string;
+    label?: string;
+    description?: react__default.ReactNode;
+    form?: UseFormReturn<T>;
+    required?: boolean;
+    onValueChange?: (value: string | null, formatted: string) => void;
+    rules?: FormFieldRules<T>;
+};
+declare const FormTimePicker: {
+    <T extends Record<string, any>>({ name, label, description, form, required, className, variant: timeVariant, onValueChange, rules, ...pickerProps }: FormTimePickerProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type FormCheckboxProps<T extends Record<string, any>> = Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onChange'> & {
+    name: keyof T & string;
+    label?: react__default.ReactNode;
+    description?: react__default.ReactNode;
+    form?: UseFormReturn<T>;
+    rules?: FormFieldRules<T>;
+    onChange?: (checked: boolean) => void;
+};
+declare const FormCheckbox: {
+    <T extends Record<string, any>>({ name, label, description, form, className, rules, onChange, ...rest }: FormCheckboxProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type SwitchSize = 'default' | 'small';
+type SwitchChangeEventHandler = (checked: boolean, event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+type SwitchClickEventHandler = SwitchChangeEventHandler;
+interface SwitchClassNames {
+    content?: string;
+    root?: string;
+    thumb?: string;
+}
+interface SwitchStyles {
+    content?: CSSProperties;
+    root?: CSSProperties;
+    thumb?: CSSProperties;
+}
+interface SwitchContextType {
+    isChecked: boolean;
+    isPressed: boolean;
+    setIsChecked: (checked: boolean) => void;
+    setIsPressed: (pressed: boolean) => void;
+}
+type SwitchRootProps = Omit<ComponentProps<typeof Switch$1.Root>, 'render'> & HTMLMotionProps<'button'> & {
+    size?: SwitchSize;
+};
+type SwitchThumbProps = Omit<ComponentProps<typeof Switch$1.Thumb>, 'render'> & HTMLMotionProps<'span'> & {
+    pressedAnimation?: TargetAndTransition | boolean;
+    size?: SwitchSize;
+    transition?: Transition;
+};
+type SwitchIconPosition = 'left' | 'right' | 'thumb';
+type SwitchIconProps = HTMLMotionProps<'span'> & {
+    position: SwitchIconPosition;
+    transition?: Transition;
+};
+interface SwitchProps {
+    /**
+     * Whether to set focus automatically when mounted
+     */
+    autoFocus?: boolean;
+    /**
+     * Whether the switch is checked
+     */
+    checked?: boolean;
+    /**
+     * Icon to show when checked (left position)
+     */
+    checkedChildren?: ReactNode;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom class names for each part
+     */
+    classNames?: SwitchClassNames;
+    /**
+     * Initial checked state (uncontrolled)
+     */
+    defaultChecked?: boolean;
+    /**
+     * Alias for `defaultChecked`
+     */
+    defaultValue?: boolean;
+    /**
+     * Whether the switch is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Element id
+     */
+    id?: string;
+    /**
+     * Show loading indicator
+     */
+    loading?: boolean;
+    /**
+     * Name attribute for form submission
+     */
+    name?: string;
+    /**
+     * Callback when the switch state changes
+     */
+    onChange?: SwitchChangeEventHandler;
+    /**
+     * Callback when clicking the switch
+     */
+    onClick?: SwitchClickEventHandler;
+    /**
+     * Reference to the root element
+     */
+    ref?: Ref<HTMLButtonElement>;
+    /**
+     * Additional class name for root element
+     */
+    rootClassName?: string;
+    /**
+     * Size of the switch
+     * @default 'default'
+     */
+    size?: SwitchSize;
+    /**
+     * Custom inline style
+     */
+    style?: CSSProperties;
+    /**
+     * Custom styles for each part
+     */
+    styles?: SwitchStyles;
+    /**
+     * Tab index for keyboard navigation
+     */
+    tabIndex?: number;
+    /**
+     * Native title attribute
+     */
+    title?: string;
+    /**
+     * Icon to show when unchecked (right position)
+     */
+    unCheckedChildren?: ReactNode;
+    /**
+     * Alias for `checked`
+     */
+    value?: boolean;
 }
 
-declare const FormGroup: react.NamedExoticComponent<FormGroupProps>;
+type FormSwitchProps<T extends Record<string, any>> = Omit<SwitchProps, 'checked' | 'defaultChecked' | 'onChange' | 'value'> & {
+    name: keyof T & string;
+    label?: string;
+    description?: react__default.ReactNode;
+    form?: UseFormReturn<T>;
+    rules?: FormFieldRules<T>;
+    onChange?: (checked: boolean) => void;
+};
+declare const FormSwitch: {
+    <T extends Record<string, any>>({ name, label, description, form, className, rules, onChange, ...rest }: FormSwitchProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const FormItem: react.NamedExoticComponent<FormItemProps>;
+type FormDatePickerProps<T extends Record<string, any>> = Omit<DatePickerProps, 'name' | 'value' | 'onChange' | 'defaultValue' | 'form'> & {
+    name: keyof T & string;
+    label?: string;
+    description?: react__default.ReactNode;
+    form?: UseFormReturn<T>;
+    rules?: FormFieldRules<T>;
+};
+declare const FormDatePicker: {
+    <T extends Record<string, any>>({ name, label, description, form, className, variant: dateVariant, rules, ...rest }: FormDatePickerProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const FormSubmitFooter: react.NamedExoticComponent<FormSubmitFooterProps>;
+type FormSelectProps<T extends Record<string, any>, Value = string> = Omit<SelectProps<Value>, 'name' | 'value' | 'onChange' | 'defaultValue' | 'form'> & {
+    name: keyof T & string;
+    label?: string;
+    description?: react__default.ReactNode;
+    form?: UseFormReturn<T>;
+    rules?: FormFieldRules<T>;
+    options?: SelectOption<Value>[];
+};
+declare const FormSelect: {
+    <T extends Record<string, any>, Value = string>({ name, label, description, form, className, variant: selectVariant, rules, ...rest }: FormSelectProps<T, Value>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-declare const FormTitle: FC<FormTitleProps>;
+type FormSegmentProps = {
+    title?: react__default.ReactNode;
+    description?: react__default.ReactNode;
+    children?: react__default.ReactNode;
+    className?: string;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+};
+declare const FormSegment: {
+    ({ title, description, children, className, collapsible, defaultCollapsed, }: FormSegmentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-interface IForm {
-    (props: FormProps & RefAttributes<FormInstance>): ReactNode;
+declare const FormGroup: {
+    ({ title, description, icon, extra, children, className, style, collapsible, defaultCollapsed, variant: groupVariant, }: FormGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type FormComponent = <T extends Record<string, any>>(props: FormProps<T> & RefAttributes<HTMLFormElement>) => ReturnType<typeof Form>;
+type FormCompound = FormComponent & {
+    Input: typeof FormInput;
+    Label: typeof FormLabel;
+    Error: typeof FormError;
+    TimePicker: typeof FormTimePicker;
+    Checkbox: typeof FormCheckbox;
+    Switch: typeof FormSwitch;
+    DatePicker: typeof FormDatePicker;
+    Select: typeof FormSelect;
+    Segment: typeof FormSegment;
     Group: typeof FormGroup;
-    Item: typeof FormItem;
-    Provider: typeof Form$1.Provider;
-    SubmitFooter: typeof FormSubmitFooter;
-    Title: typeof FormTitle;
-    useForm: typeof Form$1.useForm;
-}
-declare const Form: IForm;
+};
+declare const FormComponentImpl: FormCompound;
 
 type ModalProps = Omit<ModalProps$1, 'okType' | 'wrapClassName'> & {
     allowFullscreen?: boolean;
@@ -2406,25 +2754,24 @@ declare const ModalProvider: react.NamedExoticComponent<{
 }>;
 declare const useModalContext: () => ModalContextValue;
 
-type PickModalProps = Pick<ModalProps, 'style' | 'className' | 'allowFullscreen' | 'title' | 'width' | 'onCancel' | 'open' | 'centered' | 'destroyOnHidden' | 'paddings' | 'height' | 'enableResponsive' | 'afterClose' | 'afterOpenChange' | 'zIndex' | 'mask' | 'getContainer' | 'keyboard' | 'forceRender' | 'focusTriggerAfterClose' | 'closable' | 'loading' | 'closeIcon'>;
-type PickFormProps = Omit<FormProps, 'className' | 'style' | 'title' | 'styles' | 'classNames'>;
-interface FormModalProps extends PickModalProps, PickFormProps {
-    classNames?: ModalProps['classNames'] & {
-        form?: FormProps['className'];
-    };
-    onSubmit?: ModalProps['onOk'];
-    ref?: Ref<FormInstance>;
-    styles?: ModalProps['styles'] & {
-        form?: FormProps['style'];
-    };
+interface FormModalProps<T extends Record<string, any>> extends Omit<ModalProps, 'footer' | 'onOk' | 'children' | 'title'> {
+    children: ReactNode;
+    form?: UseFormReturn<T>;
+    initialValues?: T;
+    onSubmit?: FormProps<T>['onSubmit'];
     submitButtonProps?: ButtonProps;
-    submitLoading?: ModalProps['confirmLoading'];
-    submitText?: ModalProps['okText'];
+    submitText?: string;
+    title?: ReactNode;
+    validate?: FormProps<T>['validate'];
+    loading?: boolean;
 }
 
-declare const FormModal: react.NamedExoticComponent<FormModalProps>;
+declare const FormModal: {
+    <T extends Record<string, any>>({ children, form, initialValues, onSubmit, validate, submitText, submitButtonProps, loading, ...modalProps }: FormModalProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-interface GridProps extends Omit<FlexboxProps, 'gap'> {
+interface GridProps extends Omit<FlexProps, 'gap'> {
     gap?: string | number;
     maxItemWidth?: string | number;
     ref?: Ref<HTMLDivElement>;
@@ -2457,7 +2804,7 @@ interface GroupAvatarProps extends Omit<BlockProps, 'width' | 'height' | 'varian
 
 declare const GroupAvatar: FC<GroupAvatarProps>;
 
-interface GuideCardProps extends Omit<FlexboxProps, 'title'> {
+interface GuideCardProps extends Omit<FlexProps, 'title'> {
     afterClose?: () => void;
     alt?: string;
     classNames?: {
@@ -2486,7 +2833,7 @@ interface GuideCardProps extends Omit<FlexboxProps, 'title'> {
 
 declare const GuideCard: react.NamedExoticComponent<GuideCardProps>;
 
-interface HeaderProps extends FlexboxProps {
+interface HeaderProps extends FlexProps {
     actions?: ReactNode;
     actionsClassName?: string;
     actionsStyle?: CSSProperties;
@@ -2507,7 +2854,7 @@ interface HighlighterThemeItem {
 }
 declare const highlighterThemes: HighlighterThemeItem[];
 
-interface SyntaxHighlighterProps extends DivProps$1 {
+interface SyntaxHighlighterProps extends DivProps {
     animated?: boolean;
     children: string;
     enableTransformer?: HighlighterProps['enableTransformer'];
@@ -2516,7 +2863,7 @@ interface SyntaxHighlighterProps extends DivProps$1 {
     theme?: HighlighterProps['theme'];
     variant?: HighlighterProps['variant'];
 }
-interface HighlighterProps extends Omit<FlexboxProps, 'children' | 'wrap'> {
+interface HighlighterProps extends Omit<FlexProps, 'children' | 'wrap'> {
     actionIconSize?: ActionIconProps['size'];
     actionsRender?: (props: {
         actionIconSize: ActionIconProps['size'];
@@ -2652,7 +2999,7 @@ interface ImageSelectItem {
     label: ReactNode;
     value: string;
 }
-interface ImageSelectProps extends FlexboxProps {
+interface ImageSelectProps extends FlexProps {
     className?: string;
     classNames?: {
         img?: string;
@@ -2673,7 +3020,7 @@ interface ImageSelectProps extends FlexboxProps {
 
 declare const ImageSelect: react.NamedExoticComponent<ImageSelectProps>;
 
-declare const LayoutFooter: react.NamedExoticComponent<DivProps$1>;
+declare const LayoutFooter: react.NamedExoticComponent<DivProps>;
 
 interface LayoutProps {
     asideWidth?: number;
@@ -2687,24 +3034,24 @@ interface LayoutProps {
     toc?: ReactNode;
     tocWidth?: number;
 }
-type LayoutFooterProps = DivProps$1;
-interface LayoutHeaderProps extends DivProps$1 {
+type LayoutFooterProps = DivProps;
+interface LayoutHeaderProps extends DivProps {
     headerHeight?: number;
 }
-type LayoutMainProps = DivProps$1;
-interface LayoutSidebarProps extends DivProps$1 {
+type LayoutMainProps = DivProps;
+interface LayoutSidebarProps extends DivProps {
     headerHeight?: number;
 }
-interface LayoutSidebarInnerProps extends DivProps$1 {
+interface LayoutSidebarInnerProps extends DivProps {
     headerHeight?: number;
 }
-interface LayoutTocProps extends DivProps$1 {
+interface LayoutTocProps extends DivProps {
     tocWidth?: number;
 }
 
 declare const LayoutHeader: react.NamedExoticComponent<LayoutHeaderProps>;
 
-declare const LayoutMain: react.NamedExoticComponent<DivProps$1>;
+declare const LayoutMain: react.NamedExoticComponent<DivProps>;
 
 declare const LayoutSidebar: react.NamedExoticComponent<LayoutSidebarProps>;
 
@@ -2723,7 +3070,7 @@ interface ILayout {
 }
 declare const Layout: ILayout;
 
-interface ListItemProps extends Omit<FlexboxProps, 'title'> {
+interface ListItemProps extends Omit<FlexProps, 'title'> {
     actions?: ReactNode;
     active?: boolean;
     addon?: ReactNode;
@@ -2756,7 +3103,7 @@ interface ListItemProps extends Omit<FlexboxProps, 'title'> {
     };
     title: ReactNode;
 }
-interface ListProps extends Omit<FlexboxProps, 'onClick'> {
+interface ListProps extends Omit<FlexProps, 'onClick'> {
     activeKey?: string;
     classNames?: {
         item?: string;
@@ -2780,364 +3127,122 @@ interface IList {
 }
 declare const List: IList;
 
-type LobeSelectSize = 'large' | 'middle' | 'small';
-type LobeSelectVariant = 'borderless' | 'filled' | 'outlined';
-type LobeSelectBehaviorVariant = 'default' | 'item-aligned';
-/**
- * Variant for how selected items are indicated in the popup.
- * - `check`: Display a checkmark icon next to selected items (default)
- * - `bold`: Display selected items with bold text, no checkmark
- */
-type LobeSelectIndicatorVariant = 'check' | 'bold';
-interface LobeSelectOption<Value = string> {
-    className?: string;
-    disabled?: boolean;
-    label: ReactNode;
-    style?: CSSProperties;
-    title?: string;
-    value: Value;
-}
-interface LobeSelectOptionGroup<Value = string> {
-    disabled?: boolean;
-    label: ReactNode;
-    options: LobeSelectOption<Value>[];
-}
-type LobeSelectOptions<Value = string> = Array<LobeSelectOption<Value> | LobeSelectOptionGroup<Value>>;
-interface LobeSelectClassNames {
-    clear?: string;
-    dropdown?: string;
-    empty?: string;
-    group?: string;
-    groupLabel?: string;
-    icon?: string;
-    item?: string;
-    itemIndicator?: string;
-    itemText?: string;
-    list?: string;
-    option?: string;
-    popup?: string;
-    prefix?: string;
-    root?: string;
-    search?: string;
-    suffix?: string;
-    trigger?: string;
-    value?: string;
-}
-interface LobeSelectProps<Value = string> {
-    allowClear?: boolean;
-    autoFocus?: boolean;
-    /**
-     * Behavior variant for Base UI Select.
-     *
-     * - `default`: regular dropdown positioning (alignItemWithTrigger=false, modal=false)
-     * - `item-aligned`: aligns the selected item with trigger and uses modal=true
-     * @default 'default'
-     */
-    behaviorVariant?: LobeSelectBehaviorVariant;
-    className?: string;
-    classNames?: LobeSelectClassNames;
-    defaultOpen?: boolean;
-    defaultValue?: Value | Value[] | null;
-    disabled?: boolean;
-    id?: string;
-    labelRender?: (option: LobeSelectOption<Value>) => ReactNode;
-    /**
-     * 设置弹窗滚动高度
-     * @default 256
-     */
-    listHeight?: number;
-    listItemHeight?: number;
-    loading?: boolean;
-    mode?: 'multiple' | 'tags';
-    name?: string;
-    onChange?: (value: Value | Value[] | null, option?: LobeSelectOption<Value> | LobeSelectOption<Value>[]) => void;
-    onOpenChange?: (open: boolean) => void;
-    onSelect?: (value: Value, option?: LobeSelectOption<Value>) => void;
-    open?: boolean;
-    optionRender?: (option: LobeSelectOption<Value>, info: {
-        index: number;
-    }) => ReactNode;
-    options?: LobeSelectOptions<Value>;
-    placeholder?: ReactNode;
-    popupClassName?: string;
-    popupMatchSelectWidth?: boolean | number;
-    prefix?: ReactNode | IconProps$1['icon'];
-    readOnly?: boolean;
-    required?: boolean;
-    /**
-     * Variant for how selected items are indicated in the popup.
-     * - `check`: Display a checkmark icon next to selected items (default)
-     * - `bold`: Display selected items with bold text, no checkmark
-     * @default 'check'
-     */
-    selectedIndicatorVariant?: LobeSelectIndicatorVariant;
-    shadow?: boolean;
-    showSearch?: boolean;
-    size?: LobeSelectSize;
-    style?: CSSProperties;
-    suffixIcon?: IconProps$1['icon'] | ReactNode;
-    suffixIconProps?: Omit<IconProps$1, 'icon'>;
-    tokenSeparators?: string[];
-    value?: Value | Value[] | null;
-    variant?: LobeSelectVariant;
-    virtual?: boolean;
-}
-
-declare const LOBE_SELECT_CONTAINER_ATTR = "data-lobe-ui-select-container";
+declare const SELECT_CONTAINER_ATTR = "data-custom-select-container";
+declare const CUSTOM_SELECT_CONTAINER_ATTR = "data-custom-select-container";
 
-declare const LobeSelectRoot: typeof Select$1.Root;
-declare const LobeSelectBackdrop: react.ForwardRefExoticComponent<_base_ui_react_select.SelectBackdropProps & react.RefAttributes<HTMLDivElement>>;
-declare const LobeSelectSeparator: react.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
-type LobeSelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select$1.Trigger>, 'children' | 'render'> & {
+declare const SelectRoot: typeof Select$1.Root;
+declare const SelectBackdrop: react.ForwardRefExoticComponent<_base_ui_react_select.SelectBackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: react.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+type SelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select$1.Trigger>, 'children' | 'render'> & {
     children: ComponentProps<typeof Select$1.Trigger>['children'];
     shadow?: boolean;
-    size?: LobeSelectSize;
-    variant?: LobeSelectVariant;
+    size?: SelectSize;
+    variant?: SelectVariant;
 };
-declare const LobeSelectTrigger: {
-    ({ children, className, nativeButton, shadow, size, variant, ref: refProp, ...rest }: LobeSelectTriggerProps): react_jsx_runtime.JSX.Element;
+declare const SelectTrigger: {
+    ({ children, className, nativeButton, shadow, size, variant, ref: refProp, ...rest }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectIconProps = ComponentProps<typeof Select$1.Icon>;
-declare const LobeSelectIcon: {
-    ({ className, ...rest }: LobeSelectIconProps): react_jsx_runtime.JSX.Element;
+type SelectIconProps = ComponentProps<typeof Select$1.Icon>;
+declare const SelectIcon: {
+    ({ className, ...rest }: SelectIconProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectValueProps = ComponentProps<typeof Select$1.Value>;
-declare const LobeSelectValue: {
-    ({ className, ...rest }: LobeSelectValueProps): react_jsx_runtime.JSX.Element;
+type SelectValueProps = ComponentProps<typeof Select$1.Value>;
+declare const SelectValue: {
+    ({ className, ...rest }: SelectValueProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectPortalProps = ComponentProps<typeof Select$1.Portal> & {
+type SelectPortalProps = ComponentProps<typeof Select$1.Portal> & {
     /**
      * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
      */
     container?: HTMLElement | null;
 };
-declare const LobeSelectPortal: {
-    ({ container, ...rest }: LobeSelectPortalProps): react_jsx_runtime.JSX.Element;
+declare const SelectPortal: {
+    ({ container, ...rest }: SelectPortalProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectPositionerProps = ComponentProps<typeof Select$1.Positioner>;
-declare const LobeSelectPositioner: {
-    ({ align, alignItemWithTrigger, className, side, sideOffset, ...rest }: LobeSelectPositionerProps): react_jsx_runtime.JSX.Element;
+type SelectPositionerProps = ComponentProps<typeof Select$1.Positioner>;
+declare const SelectPositioner: {
+    ({ align, alignItemWithTrigger, className, side, sideOffset, ...rest }: SelectPositionerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectPopupProps = ComponentProps<typeof Select$1.Popup>;
-declare const LobeSelectPopup: {
-    ({ className, ...rest }: LobeSelectPopupProps): react_jsx_runtime.JSX.Element;
+type SelectPopupProps = ComponentProps<typeof Select$1.Popup>;
+declare const SelectPopup: {
+    ({ className, ...rest }: SelectPopupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectListProps = ComponentProps<typeof Select$1.List>;
-declare const LobeSelectList: {
-    ({ className, ...rest }: LobeSelectListProps): react_jsx_runtime.JSX.Element;
+type SelectListProps = ComponentProps<typeof Select$1.List>;
+declare const SelectList: {
+    ({ className, ...rest }: SelectListProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectItemProps = ComponentProps<typeof Select$1.Item>;
-declare const LobeSelectItem: {
-    ({ className, ...rest }: LobeSelectItemProps): react_jsx_runtime.JSX.Element;
+type SelectItemProps = ComponentProps<typeof Select$1.Item>;
+declare const SelectItem: {
+    ({ className, ...rest }: SelectItemProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectItemTextProps = ComponentProps<typeof Select$1.ItemText>;
-declare const LobeSelectItemText: {
-    ({ className, ...rest }: LobeSelectItemTextProps): react_jsx_runtime.JSX.Element;
+type SelectItemTextProps = ComponentProps<typeof Select$1.ItemText>;
+declare const SelectItemText: {
+    ({ className, ...rest }: SelectItemTextProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectItemIndicatorProps = ComponentProps<typeof Select$1.ItemIndicator>;
-declare const LobeSelectItemIndicator: {
-    ({ className, ...rest }: LobeSelectItemIndicatorProps): react_jsx_runtime.JSX.Element;
+type SelectItemIndicatorProps = ComponentProps<typeof Select$1.ItemIndicator>;
+declare const SelectItemIndicator: {
+    ({ className, ...rest }: SelectItemIndicatorProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectGroupProps = ComponentProps<typeof Select$1.Group>;
-declare const LobeSelectGroup: {
-    ({ className, ...rest }: LobeSelectGroupProps): react_jsx_runtime.JSX.Element;
+type SelectGroupProps = ComponentProps<typeof Select$1.Group>;
+declare const SelectGroup: {
+    ({ className, ...rest }: SelectGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectGroupLabelProps = ComponentProps<typeof Select$1.GroupLabel>;
-declare const LobeSelectGroupLabel: {
-    ({ className, ...rest }: LobeSelectGroupLabelProps): react_jsx_runtime.JSX.Element;
+type SelectGroupLabelProps = ComponentProps<typeof Select$1.GroupLabel>;
+declare const SelectGroupLabel: {
+    ({ className, ...rest }: SelectGroupLabelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectScrollUpArrowProps = ComponentProps<typeof Select$1.ScrollUpArrow>;
-declare const LobeSelectScrollUpArrow: {
-    ({ className, ...rest }: LobeSelectScrollUpArrowProps): react_jsx_runtime.JSX.Element;
+type SelectScrollUpArrowProps = ComponentProps<typeof Select$1.ScrollUpArrow>;
+declare const SelectScrollUpArrow: {
+    ({ className, ...rest }: SelectScrollUpArrowProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectScrollDownArrowProps = ComponentProps<typeof Select$1.ScrollDownArrow>;
-declare const LobeSelectScrollDownArrow: {
-    ({ className, ...rest }: LobeSelectScrollDownArrowProps): react_jsx_runtime.JSX.Element;
+type SelectScrollDownArrowProps = ComponentProps<typeof Select$1.ScrollDownArrow>;
+declare const SelectScrollDownArrow: {
+    ({ className, ...rest }: SelectScrollDownArrowProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-type LobeSelectArrowProps = ComponentProps<typeof Select$1.Arrow>;
-declare const LobeSelectArrow: {
-    ({ className, ...rest }: LobeSelectArrowProps): react_jsx_runtime.JSX.Element;
+type SelectArrowProps = ComponentProps<typeof Select$1.Arrow>;
+declare const SelectArrow: {
+    ({ className, ...rest }: SelectArrowProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-declare const LobeSelect: react.NamedExoticComponent<LobeSelectProps<any>>;
+declare const Select: react.NamedExoticComponent<SelectProps<any>>;
 
-type LobeSwitchSize = 'default' | 'small';
-type LobeSwitchChangeEventHandler = (checked: boolean, event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
-type LobeSwitchClickEventHandler = LobeSwitchChangeEventHandler;
-interface LobeSwitchClassNames {
-    content?: string;
-    root?: string;
-    thumb?: string;
-}
-interface LobeSwitchStyles {
-    content?: CSSProperties;
-    root?: CSSProperties;
-    thumb?: CSSProperties;
-}
-interface LobeSwitchContextType {
-    isChecked: boolean;
-    isPressed: boolean;
-    setIsChecked: (checked: boolean) => void;
-    setIsPressed: (pressed: boolean) => void;
-}
-type LobeSwitchRootProps = Omit<ComponentProps<typeof Switch.Root>, 'render'> & HTMLMotionProps<'button'> & {
-    size?: LobeSwitchSize;
+declare const useSwitchContext: () => SwitchContextType;
+type SwitchRootInternalProps = Omit<SwitchRootProps, 'onCheckedChange' | 'onClick'> & {
+    onCheckedChange?: SwitchChangeEventHandler;
+    onClick?: SwitchChangeEventHandler;
 };
-type LobeSwitchThumbProps = Omit<ComponentProps<typeof Switch.Thumb>, 'render'> & HTMLMotionProps<'span'> & {
-    pressedAnimation?: TargetAndTransition | boolean;
-    size?: LobeSwitchSize;
-    transition?: Transition;
-};
-type LobeSwitchIconPosition = 'left' | 'right' | 'thumb';
-type LobeSwitchIconProps = HTMLMotionProps<'span'> & {
-    position: LobeSwitchIconPosition;
-    transition?: Transition;
-};
-interface LobeSwitchProps {
-    /**
-     * Whether to set focus automatically when mounted
-     */
-    autoFocus?: boolean;
-    /**
-     * Whether the switch is checked
-     */
-    checked?: boolean;
-    /**
-     * Icon to show when checked (left position)
-     */
-    checkedChildren?: ReactNode;
-    /**
-     * Custom class name
-     */
-    className?: string;
-    /**
-     * Custom class names for each part
-     */
-    classNames?: LobeSwitchClassNames;
-    /**
-     * Initial checked state (uncontrolled)
-     */
-    defaultChecked?: boolean;
-    /**
-     * Alias for `defaultChecked`
-     */
-    defaultValue?: boolean;
-    /**
-     * Whether the switch is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Element id
-     */
-    id?: string;
-    /**
-     * Show loading indicator
-     */
-    loading?: boolean;
-    /**
-     * Name attribute for form submission
-     */
-    name?: string;
-    /**
-     * Callback when the switch state changes
-     */
-    onChange?: LobeSwitchChangeEventHandler;
-    /**
-     * Callback when clicking the switch
-     */
-    onClick?: LobeSwitchClickEventHandler;
-    /**
-     * Reference to the root element
-     */
-    ref?: Ref<HTMLButtonElement>;
-    /**
-     * Additional class name for root element
-     */
-    rootClassName?: string;
-    /**
-     * Size of the switch
-     * @default 'default'
-     */
-    size?: LobeSwitchSize;
-    /**
-     * Custom inline style
-     */
-    style?: CSSProperties;
-    /**
-     * Custom styles for each part
-     */
-    styles?: LobeSwitchStyles;
-    /**
-     * Tab index for keyboard navigation
-     */
-    tabIndex?: number;
-    /**
-     * Native title attribute
-     */
-    title?: string;
-    /**
-     * Icon to show when unchecked (right position)
-     */
-    unCheckedChildren?: ReactNode;
-    /**
-     * Alias for `checked`
-     */
-    value?: boolean;
-}
-
-declare const styles$1: {
-    icon: string;
-    iconLeft: string;
-    iconLeftSmall: string;
-    iconRight: string;
-    iconRightSmall: string;
-    iconThumb: string;
-    loading: string;
-    root: string;
-    rootDefault: string;
-    rootSmall: string;
-    thumb: string;
-    thumbDefault: string;
-    thumbSmall: string;
-};
-
-declare const useLobeSwitchContext: () => LobeSwitchContextType;
-type LobeSwitchRootInternalProps = Omit<LobeSwitchRootProps, 'onCheckedChange' | 'onClick'> & {
-    onCheckedChange?: LobeSwitchChangeEventHandler;
-    onClick?: LobeSwitchChangeEventHandler;
-};
-declare const LobeSwitchRoot: {
-    ({ checked, className, defaultChecked, onCheckedChange, onClick, size, children, disabled, readOnly, required, inputRef, id, name, ...rest }: LobeSwitchRootInternalProps): react_jsx_runtime.JSX.Element;
+declare const SwitchRoot: {
+    ({ checked, className, defaultChecked, onCheckedChange, onClick, size, children, disabled, readOnly, required, inputRef, id, name, ...rest }: SwitchRootInternalProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const LobeSwitchThumb: {
-    ({ className, pressedAnimation, size, transition, children, ...rest }: LobeSwitchThumbProps): react_jsx_runtime.JSX.Element;
+declare const SwitchThumb: {
+    ({ className, pressedAnimation, size, transition, children, ...rest }: SwitchThumbProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const LobeSwitchIcon: {
-    ({ children, className, position, transition, ...rest }: LobeSwitchIconProps & {
+declare const SwitchIcon: {
+    ({ children, className, position, transition, ...rest }: SwitchIconProps & {
         children?: React.ReactNode;
         size?: "default" | "small";
     }): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-declare const LobeSwitch: react.NamedExoticComponent<LobeSwitchProps>;
+declare const Switch: react.NamedExoticComponent<SwitchProps>;
 
 interface MermaidThemeItem {
     background?: string;
@@ -3156,7 +3261,7 @@ interface SyntaxMermaidProps {
     theme?: MermaidProps['theme'];
     variant?: MermaidProps['variant'];
 }
-interface MermaidProps extends DivProps$1 {
+interface MermaidProps extends DivProps {
     actionIconSize?: ActionIconProps['size'];
     actionsRender?: (props: {
         actionIconSize: ActionIconProps['size'];
@@ -3195,6 +3300,15 @@ declare const Mermaid: react.NamedExoticComponent<MermaidProps>;
 
 declare const SyntaxMermaid: react.NamedExoticComponent<SyntaxMermaidProps>;
 
+interface TagProps extends Omit<TagProps$1, 'color' | 'variant'> {
+    color?: TagProps$1['color'] | 'info';
+    ref?: Ref<HTMLDivElement>;
+    size?: 'small' | 'middle' | 'large';
+    variant?: 'filled' | 'outlined' | 'borderless';
+}
+
+declare const Tag: FC<TagProps>;
+
 type ImageProps = ImageProps$1;
 
 interface CitationItem {
@@ -3204,7 +3318,7 @@ interface CitationItem {
     url: string;
 }
 
-interface SnippetProps extends FlexboxProps {
+interface SnippetProps extends FlexProps {
     children: string;
     copyable?: boolean;
     language?: string;
@@ -3219,7 +3333,7 @@ declare const Snippet: FC<SnippetProps>;
 
 type PreProps = HighlighterProps;
 
-interface VideoProps$1 extends VideoProps$2, Pick<FlexboxProps, 'width' | 'height'> {
+interface VideoProps$1 extends VideoProps$2, Pick<FlexProps, 'width' | 'height'> {
     autoPlay?: boolean;
     classNames?: {
         mask?: string;
@@ -3264,7 +3378,7 @@ interface TabsProps extends TabsProps$1 {
 
 declare const Tabs: FC<TabsProps>;
 
-interface TypographyProps extends DivProps$1 {
+interface TypographyProps extends DivProps {
     borderRadius?: number;
     fontSize?: number;
     headerMultiple?: number;
@@ -3322,7 +3436,7 @@ interface SearchResultItem {
     title?: string;
     url: string;
 }
-interface SearchResultCardsProps extends FlexboxProps {
+interface SearchResultCardsProps extends FlexProps {
     dataSource: string[] | SearchResultItem[];
     ref?: Ref<HTMLDivElement>;
 }
@@ -3382,7 +3496,7 @@ interface RemarkVideoOptions {
  */
 declare const remarkVideo: (options?: RemarkVideoOptions) => (tree: any) => void;
 
-interface MaskShadowProps extends FlexboxProps {
+interface MaskShadowProps extends FlexProps {
     position?: 'top' | 'bottom' | 'left' | 'right';
     size?: number;
     visibility?: 'auto' | 'always' | 'never';
@@ -3390,7 +3504,7 @@ interface MaskShadowProps extends FlexboxProps {
 
 declare const MaskShadow: react.NamedExoticComponent<MaskShadowProps>;
 
-interface MaterialFileTypeIconProps extends DivProps$1 {
+interface MaterialFileTypeIconProps extends DivProps {
     fallbackUnknownType?: boolean;
     filename: string;
     open?: boolean;
@@ -3480,7 +3594,7 @@ interface ScrollAreaProps extends Omit<ScrollAreaRootProps, 'children'> {
 
 declare const ScrollArea: FC<ScrollAreaProps>;
 
-interface ScrollShadowProps extends FlexboxProps {
+interface ScrollShadowProps extends FlexProps {
     hideScrollBar?: boolean;
     isEnabled?: boolean;
     offset?: number;
@@ -3503,11 +3617,21 @@ interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'> {
         input?: string;
         shortKey?: string;
     };
+    defaultOpen?: boolean;
     defaultValue?: string;
     enableShortKey?: boolean;
     loading?: boolean;
+    modal?: boolean;
+    modalProps?: Omit<ModalProps, 'children' | 'open'> & {
+        onCancel?: ModalProps['onCancel'];
+    };
+    modalTitle?: ReactNode;
+    modalWidth?: number | string;
+    modalContent?: ReactNode | ((value: string, close: () => void) => ReactNode);
     onInputChange?: (value: string) => void;
+    onOpenChange?: (open: boolean) => void;
     onSearch?: (value: string) => void;
+    open?: boolean;
     shortKey?: string;
     spotlight?: boolean;
     styles?: {
@@ -3530,19 +3654,7 @@ interface SegmentedProps extends SegmentedProps$1 {
 
 declare const Segmented: react.NamedExoticComponent<SegmentedProps>;
 
-interface SelectProps extends Omit<SelectProps$1, 'suffixIcon'> {
-    ref?: Ref<RefSelectProps>;
-    shadow?: boolean;
-    suffixIcon?: IconProps$1['icon'];
-    suffixIconProps?: Omit<IconProps$1, 'icon'>;
-}
-
-/**
- * @deprecated Use `LobeSelect` instead.
- */
-declare const Select: react.NamedExoticComponent<SelectProps>;
-
-interface SideNavProps extends FlexboxProps {
+interface SideNavProps extends FlexProps {
     avatar?: ReactNode;
     bottomActions: ReactNode;
     topActions?: ReactNode;
@@ -3635,7 +3747,7 @@ interface SliderWithInputProps extends Omit<SliderSingleProps, 'classNames' | 's
         slider?: string;
     } & SliderSingleProps['classNames'];
     controls?: InputNumberProps['controls'];
-    gap?: FlexboxProps['gap'];
+    gap?: FlexProps['gap'];
     size?: InputNumberProps['size'];
     styles?: {
         input?: CSSProperties;
@@ -3649,7 +3761,7 @@ declare const SliderWithInput: react.NamedExoticComponent<SliderWithInputProps>;
 
 declare const DragHandle: react.NamedExoticComponent<ActionIconProps>;
 
-interface SortableItemProps extends Omit<FlexboxProps, 'id'> {
+interface SortableItemProps extends Omit<FlexProps, 'id'> {
     id: string | number;
     variant?: 'borderless' | 'filled' | 'outlined';
 }
@@ -3659,7 +3771,7 @@ interface SortableListItem {
     [key: string]: any;
     id: string | number;
 }
-interface SortableListProps extends Omit<FlexboxProps, 'onChange'> {
+interface SortableListProps extends Omit<FlexProps, 'onChange'> {
     items: SortableListItem[];
     onChange(items: SortableListItem[]): void;
     ref?: Ref<HTMLUListElement>;
@@ -3673,6 +3785,72 @@ interface ISortableList {
 }
 declare const SortableList: ISortableList;
 
+type TableAlign = "left" | "center" | "right";
+type TableColumnFixed = "start" | "end" | "left" | "right" | true;
+type TableColumn<TData> = {
+    key: string;
+    title: string;
+    item?: string;
+    sortable?: boolean;
+    hiddeable?: boolean;
+    width?: number | string;
+    align?: TableAlign;
+    fixed?: TableColumnFixed;
+    headerClassName?: string;
+    cellClassName?: string;
+    headerStyle?: react.CSSProperties;
+    cellStyle?: react.CSSProperties;
+    func?: (row: TData, context: {
+        value: unknown;
+        rowIndex: number;
+    }) => react.ReactNode;
+};
+type TableReadConfig<TData> = {
+    method?: "get" | "post";
+    url?: string;
+    get?: string;
+    post?: string;
+    payload?: unknown;
+    body?: unknown;
+    params?: Record<string, unknown>;
+    headers?: HeadersInit;
+    resultKey?: string;
+    mapData?: (raw: unknown) => TData[];
+    delay?: number;
+};
+type TableDataSource<TData> = {
+    bind?: TData[];
+    read?: TableReadConfig<TData>;
+};
+type TablePageSizeConfig = {
+    visible?: boolean;
+    count?: number;
+    options?: number[];
+};
+type AntdTablePropsBase<TData> = Omit<TableProps$1<TData>, "columns" | "dataSource" | "pagination">;
+interface TableProps<TData> extends AntdTablePropsBase<TData> {
+    data: TableDataSource<TData>;
+    columns: TableColumn<TData>[];
+    pagination?: boolean;
+    sortable?: boolean;
+    reload?: boolean;
+    filterable?: boolean;
+    selectable?: boolean;
+    height?: number | string;
+    rowHeight?: number;
+    overscan?: number;
+    defaultPageSize?: number;
+    pageSize?: TablePageSizeConfig;
+    className?: string;
+    emptyState?: react.ReactNode;
+    onDataChange?: (rows: TData[]) => void;
+}
+
+declare const Table: {
+    <TData extends object>({ data, columns, pagination, sortable, reload, filterable, selectable: selectableProp, height, defaultPageSize, pageSize, className, emptyState, onDataChange, loading: loadingProp, rowSelection: rowSelectionProp, rowKey: rowKeyProp, bordered: borderedProp, size: sizeProp, sticky: stickyProp, scroll: scrollProp, virtual: virtualProp, locale: localeProp, style: tableStyle, ...restTableProps }: TableProps<TData>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 declare const primaryColors: {
     blue: string;
     cyan: string;
@@ -3745,8 +3923,6 @@ declare const CLASSNAMES: {
     DropdownMenuTrigger: string;
 };
 
-declare const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
-
 interface ThemeProviderProps extends ThemeProviderProps$1<any> {
     className?: string;
     customFonts?: string[];
@@ -3762,6 +3938,10 @@ interface ThemeProviderProps extends ThemeProviderProps$1<any> {
     };
     enableCustomFonts?: boolean;
     enableGlobalStyle?: boolean;
+    /**
+     * Global mobile mode. Components with an `isMobile` prop will default to this value.
+     */
+    isMobile?: boolean;
     style?: CSSProperties;
 }
 interface MetaProps {
@@ -3774,7 +3954,7 @@ declare const Meta: FC<MetaProps>;
 
 declare const ThemeProvider: react.NamedExoticComponent<ThemeProviderProps>;
 
-interface ThemeSwitchProps extends DivProps$1 {
+interface ThemeSwitchProps extends DivProps {
     labels?: {
         auto: string;
         dark: string;
@@ -4052,4 +4232,4 @@ declare const _default: {
     type: string;
 };
 
-export { A, type AProps, Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionIcon, ActionIconGroup, type ActionIconGroupEvent, type MenuItemType as ActionIconGroupItemType, type ActionIconGroupProps, type ActionIconProps, type ActionIconSize, Alert, type AlertProps, AutoComplete, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type BaseMenuItemType, Block, type BlockProps, Burger, type BurgerProps, Button, type ButtonProps, type CDN, CLASSNAMES, Center, type CenterProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, CodeDiff, type CodeDiffProps, CodeEditor, type CodeEditorProps, Collapse, type CollapseItemType, type CollapseProps, type ColorPalettes, type ColorPalettesAlpha, ColorSwatches, type ColorSwatchesProps, type ColorToken, type Config, ConfigProvider, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuItem, ContextMenuTrigger, CopyButton, type CopyButtonProps, DROPDOWN_MENU_CONTAINER_ATTR, DatePicker, type DatePickerProps, type DiffViewMode, type DivProps$1 as DivProps, DownloadButton, type DownloadButtonProps, DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelProps, DraggableSideNav, type DraggableSideNavProps, Drawer, type DrawerProps, Dropdown, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type MenuItemType as DropdownMenuItemType, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownProps, EditableText, type EditableTextProps, EditorSlashMenu, EditorSlashMenuGroup$1 as EditorSlashMenuGroup, type EditorSlashMenuItems, type EditorSlashMenuOption, EmojiPicker, type EmojiPickerProps, Empty, type EmptyProps, FileTypeIcon, type FileTypeIconProps, _default$9 as FlexBasic, type FlexBasicProps, _default$9 as Flexbox, type FlexboxProps, FluentEmoji, type FluentEmojiProps, FontLoader, type FontLoaderProps, Footer, type FooterProps, Form, FormGroup, type FormGroupItemType, type FormGroupProps, FormItem, type FormItemProps, FormModal, type FormModalProps, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, type GenericItemType, Grid, type GridProps, GroupAvatar, type GroupAvatarProps, GuideCard, type GuideCardProps, Header, type HeaderProps, Highlighter, type HighlighterProps, Hotkey, HotkeyInput, type HotkeyInputProps, type HotkeyProps, I18nProvider, type I18nProviderProps, Icon, type IconProps$1 as IconProps, IconProvider, type IconSize, Image, type ImageProps$1 as ImageProps, ImageSelect, type ImageSelectItem, type ImageSelectProps, type ImgProps, type ImperativeModalProps, Input, InputNumber, type InputNumberProps, InputOPT, type InputOPTProps, InputPassword, type InputPasswordProps, type InputProps, type ItemType, KeyMapEnum, LOBE_SELECT_CONTAINER_ATTR, LOBE_THEME_APP_ID, Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, List, ListItem, type ListItemProps, type ListProps, type LobeCustomStylish, type LobeCustomToken, LobeSelect, LobeSelectArrow, type LobeSelectArrowProps, LobeSelectBackdrop, LobeSelectGroup, LobeSelectGroupLabel, type LobeSelectGroupLabelProps, type LobeSelectGroupProps, LobeSelectIcon, type LobeSelectIconProps, LobeSelectItem, LobeSelectItemIndicator, type LobeSelectItemIndicatorProps, type LobeSelectItemProps, LobeSelectItemText, type LobeSelectItemTextProps, LobeSelectList, type LobeSelectListProps, LobeSelectPopup, type LobeSelectPopupProps, LobeSelectPortal, type LobeSelectPortalProps, LobeSelectPositioner, type LobeSelectPositionerProps, type LobeSelectProps, LobeSelectRoot, LobeSelectScrollDownArrow, type LobeSelectScrollDownArrowProps, LobeSelectScrollUpArrow, type LobeSelectScrollUpArrowProps, LobeSelectSeparator, LobeSelectTrigger, type LobeSelectTriggerProps, LobeSelectValue, type LobeSelectValueProps, LobeSwitch, type LobeSwitchChangeEventHandler, type LobeSwitchClassNames, type LobeSwitchClickEventHandler, type LobeSwitchContextType, LobeSwitchIcon, type LobeSwitchIconPosition, type LobeSwitchIconProps, type LobeSwitchProps, LobeSwitchRoot, type LobeSwitchRootProps, type LobeSwitchSize, type LobeSwitchStyles, LobeSwitchThumb, type LobeSwitchThumbProps, I18nProvider as LobeUIProvider, Markdown, type MarkdownProps, MaskShadow, type MaskShadowProps, MaterialFileTypeIcon, type MaterialFileTypeIconProps, Menu, type MenuCheckboxItemType, type MenuItemType, type MenuProps, Mermaid, type MermaidProps, Meta, type MetaProps, Modal, ModalHost, type ModalHostProps, type ModalInstance, type ModalProps, ModalProvider, MotionComponent, type MotionComponentType, MotionProvider, type NeutralColors, type NeutralColorsObj, POPOVER_CONTAINER_ATTR, PatchDiff, type PatchDiffProps, type Placement, type PlacementConfig, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverContextValue, PopoverGroup, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, PopoverPortal, type PopoverPortalAtomProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, type PresetColorKey, type PresetColorType, type PresetSystemColorKey, type PresetSystemColorType, PreviewGroup, type PreviewGroupProps, type PrimaryColors, type PrimaryColorsObj, type RawModalComponent, type RawModalComponentProps, type RawModalInstance, type RawModalKeyOptions, type RawModalOptions, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, ScrollShadow, type ScrollShadowProps, SearchBar, type SearchBarProps, SearchResultCards, type SearchResultCardsProps, Segmented, type SegmentedProps, Select, type SelectProps, _default as ShikiLobeTheme, SideNav, type SideNavProps, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonBlock, type SkeletonBlockProps, SkeletonButton, type SkeletonButtonProps, SkeletonParagraph, type SkeletonParagraphProps, type SkeletonProps, SkeletonTags, type SkeletonTagsProps, SkeletonTitle, type SkeletonTitleProps, SliderWithInput, type SliderWithInputProps, Snippet, type SnippetProps, SortableList, type SortableListProps, type SpanProps, type SvgProps, SyntaxHighlighter, type SyntaxHighlighterProps, SyntaxMermaid, type SyntaxMermaidProps, type SystemColorToken, Tabs, type TabsProps, Tag, type TagProps, Text, TextArea, type TextAreaProps, type TextProps, ThemeProvider, type ThemeProviderProps, ThemeSwitch, type ThemeSwitchProps, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, Toc, type TocProps, Tooltip, TooltipGroup, type TooltipProps, type Trigger, Typography, type TypographyProps, Video, type VideoProps$1 as VideoProps, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, styles$1 as lobeSwitchStyles, styles as menuSharedStyles, mermaidThemes, neutralColors, neutralColorsSwatches, placementMap, preprocessMarkdownContent, preventDefault, preventDefaultAndStopPropagation, primaryColors, primaryColorsSwatches, rehypeCustomFootnotes, rehypeKatexDir, rehypeStreamAnimated, remarkBr, remarkColor, remarkCustomFootnotes, remarkGfmPlus, remarkVideo, renderDropdownMenuItems, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useCdnFn, useLobeSwitchContext, useModalContext, useMotionComponent, usePopoverContext, usePopoverPortalContainer, useToast, useTranslation };
+export { A, type AProps, Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionIcon, ActionIconGroup, type ActionIconGroupEvent, type MenuItemType as ActionIconGroupItemType, type ActionIconGroupProps, type ActionIconProps, type ActionIconSize, Alert, type AlertProps, AutoComplete, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type BaseMenuItemType, Block, type BlockProps, Burger, type BurgerProps, Button, type ButtonProps, type CDN, CLASSNAMES, CUSTOM_SELECT_CONTAINER_ATTR, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, CodeDiff, type CodeDiffProps, CodeEditor, type CodeEditorProps, Collapse, type CollapseItemType, type CollapseProps, type ColorPalettes, type ColorPalettesAlpha, ColorSwatches, type ColorSwatchesProps, type ColorToken, type Config, ConfigProvider, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuItem, ContextMenuTrigger, CopyButton, type CopyButtonProps, DROPDOWN_MENU_CONTAINER_ATTR, DatePicker, type DatePickerProps, type DiffViewMode, type DivProps, DownloadButton, type DownloadButtonProps, DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelProps, DraggableSideNav, type DraggableSideNavProps, Drawer, type DrawerProps, Dropdown, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type MenuItemType as DropdownMenuItemType, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownProps, EditableText, type EditableTextProps, EditorSlashMenu, EditorSlashMenuGroup$1 as EditorSlashMenuGroup, type EditorSlashMenuItems, type EditorSlashMenuOption, EmojiPicker, type EmojiPickerProps, Empty, type EmptyProps, FileTypeIcon, type FileTypeIconProps, Flex, type FlexDirection, type FlexProps, FluentEmoji, type FluentEmojiProps, FontLoader, type FontLoaderProps, Footer, type FooterProps, FormComponentImpl as Form, FormCheckbox, type FormConfig, FormDatePicker, FormError, type FormFieldRules, FormGroup, FormInput, FormLabel, FormModal, type FormModalProps, type FormProps, FormSegment, FormSelect, type FormState, FormSwitch, FormTimePicker, type GenericItemType, Grid, type GridProps, GroupAvatar, type GroupAvatarProps, GuideCard, type GuideCardProps, Header, type HeaderProps, Highlighter, type HighlighterProps, Hotkey, HotkeyInput, type HotkeyInputProps, type HotkeyProps, I18nProvider, type I18nProviderProps, Icon, type IconProps$1 as IconProps, IconProvider, type IconSize, Image, type ImageProps$1 as ImageProps, ImageSelect, type ImageSelectItem, type ImageSelectProps, type ImgProps, type ImperativeModalProps, Input, InputMask, type InputMaskProps, InputNumber, type InputNumberProps, InputOPT, type InputOPTProps, InputPassword, type InputPasswordProps, type InputProps, type ItemType, KeyMapEnum, Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, List, ListItem, type ListItemProps, type ListProps, type LobeCustomStylish, type LobeCustomToken, I18nProvider as LobeUIProvider, Markdown, type MarkdownProps, MaskShadow, type MaskShadowProps, MaterialFileTypeIcon, type MaterialFileTypeIconProps, Menu, type MenuCheckboxItemType, type MenuItemType, type MenuProps, Mermaid, type MermaidProps, Meta, type MetaProps, Modal, ModalHost, type ModalHostProps, type ModalInstance, type ModalProps, ModalProvider, MotionComponent, type MotionComponentType, MotionProvider, type NeutralColors, type NeutralColorsObj, POPOVER_CONTAINER_ATTR, PatchDiff, type PatchDiffProps, type Placement, type PlacementConfig, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverContextValue, PopoverGroup, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, PopoverPortal, type PopoverPortalAtomProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, type PresetColorKey, type PresetColorType, type PresetSystemColorKey, type PresetSystemColorType, PreviewGroup, type PreviewGroupProps, type PrimaryColors, type PrimaryColorsObj, type RawModalComponent, type RawModalComponentProps, type RawModalInstance, type RawModalKeyOptions, type RawModalOptions, SELECT_CONTAINER_ATTR, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, ScrollShadow, type ScrollShadowProps, SearchBar, type SearchBarProps, SearchResultCards, type SearchResultCardsProps, Segmented, type SegmentedProps, Select, SelectArrow, type SelectArrowProps, SelectBackdrop, type SelectBehaviorVariant, type SelectClassNames, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, type SelectIndicatorVariant, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, type SelectOptionGroup, type SelectOptions, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectRoot, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, _default as ShikiLobeTheme, SideNav, type SideNavProps, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonBlock, type SkeletonBlockProps, SkeletonButton, type SkeletonButtonProps, SkeletonParagraph, type SkeletonParagraphProps, type SkeletonProps, SkeletonTags, type SkeletonTagsProps, SkeletonTitle, type SkeletonTitleProps, SliderWithInput, type SliderWithInputProps, Snippet, type SnippetProps, SortableList, type SortableListProps, type SpanProps, type SvgProps, Switch, type SwitchChangeEventHandler, type SwitchClassNames, type SwitchClickEventHandler, type SwitchContextType, SwitchIcon, type SwitchIconPosition, type SwitchIconProps, type SwitchProps, SwitchRoot, type SwitchRootProps, type SwitchSize, type SwitchStyles, SwitchThumb, type SwitchThumbProps, SyntaxHighlighter, type SyntaxHighlighterProps, SyntaxMermaid, type SyntaxMermaidProps, type SystemColorToken, Table, type TableColumn, type TableDataSource, type TablePageSizeConfig, type TableProps, type TableReadConfig, Tabs, type TabsProps, Tag, type TagProps, Text, TextArea, type TextAreaProps, type TextProps, ThemeProvider, type ThemeProviderProps, ThemeSwitch, type ThemeSwitchProps, TimePicker, type Meridiem as TimePickerMeridiem, type TimePickerProps, type TimeValue as TimePickerValue, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, Toc, type TocProps, Tooltip, TooltipGroup, type TooltipProps, type Trigger, Typography, type TypographyProps, type UseFormReturn, Video, type VideoProps$1 as VideoProps, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, styles as menuSharedStyles, mermaidThemes, neutralColors, neutralColorsSwatches, placementMap, preprocessMarkdownContent, preventDefault, preventDefaultAndStopPropagation, primaryColors, primaryColorsSwatches, rehypeCustomFootnotes, rehypeKatexDir, rehypeStreamAnimated, remarkBr, remarkColor, remarkCustomFootnotes, remarkGfmPlus, remarkVideo, renderDropdownMenuItems, runRules, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useCdnFn, useForm, useModalContext, useMotionComponent, usePopoverContext, usePopoverPortalContainer, useSwitchContext, useToast, useTranslation };