@gomeniucivan/ui 1.0.50 → 1.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react from 'react';
2
2
  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';
3
- 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, SegmentedProps as SegmentedProps$1, ModalProps as ModalProps$1, ImageProps as ImageProps$2, SelectProps as SelectProps$1, TagProps as TagProps$1, TabsProps as TabsProps$1, AnchorProps, SliderSingleProps } from 'antd';
3
+ 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, ColorPickerProps as ColorPickerProps$1, ModalFuncProps, Modal as Modal$1, DatePickerProps as DatePickerProps$1, InputProps as InputProps$1, InputRef, InputNumberProps as InputNumberProps$1, SegmentedProps as SegmentedProps$1, ModalProps as ModalProps$1, ImageProps as ImageProps$2, SelectProps as SelectProps$1, TagProps as TagProps$1, TabsProps as TabsProps$1, AnchorProps, SliderSingleProps } from 'antd';
4
4
  import { LucideProps, LucideIcon } from 'lucide-react';
5
5
  import { TooltipPopupProps, TooltipPortalProps as TooltipPortalProps$1, TooltipPositionerProps as TooltipPositionerProps$1, Tooltip as Tooltip$1, TooltipTriggerProps } from '@base-ui/react/tooltip';
6
6
  import { Placement as Placement$1 } from '@floating-ui/react';
@@ -1228,6 +1228,11 @@ interface CollapseProps extends Omit<CollapseProps$1, 'collapsible' | 'ghost' |
1228
1228
 
1229
1229
  declare const Collapse: react.NamedExoticComponent<CollapseProps>;
1230
1230
 
1231
+ interface ColorPickerProps extends ColorPickerProps$1 {
1232
+ }
1233
+
1234
+ declare const ColorPicker: react.NamedExoticComponent<ColorPickerProps>;
1235
+
1231
1236
  interface ColorSwatchesItemType {
1232
1237
  color: string;
1233
1238
  key?: Key;
@@ -1429,6 +1434,23 @@ interface CopyButtonProps extends Omit<ActionIconProps, 'content'> {
1429
1434
 
1430
1435
  declare const CopyButton: react.NamedExoticComponent<CopyButtonProps>;
1431
1436
 
1437
+ type ConfirmationModalType = 'danger' | 'info' | 'warning' | 'error';
1438
+ type ConfirmationModalProps = Omit<ModalFuncProps, 'type' | 'okType'> & {
1439
+ okType?: ModalFuncProps['okType'] | 'danger';
1440
+ type?: ConfirmationModalType;
1441
+ };
1442
+ type ConfirmationModalInstance = ReturnType<typeof Modal$1.confirm>;
1443
+ type ConfirmationModalOptions = Omit<ConfirmationModalProps, 'type'>;
1444
+ type ConfirmationModalAPI = {
1445
+ confirm: (props: ConfirmationModalProps) => ConfirmationModalInstance;
1446
+ danger: (props: ConfirmationModalOptions) => ConfirmationModalInstance;
1447
+ error: (props: ConfirmationModalOptions) => ConfirmationModalInstance;
1448
+ info: (props: ConfirmationModalOptions) => ConfirmationModalInstance;
1449
+ warning: (props: ConfirmationModalOptions) => ConfirmationModalInstance;
1450
+ };
1451
+ declare const confirmConfirmationModal: (props: ConfirmationModalProps) => ConfirmationModalInstance;
1452
+ declare const ConfirmationModal: ConfirmationModalAPI;
1453
+
1432
1454
  interface DatePickerProps extends DatePickerProps$1 {
1433
1455
  shadow?: boolean;
1434
1456
  /**
@@ -2592,6 +2614,22 @@ interface FormGroupProps {
2592
2614
  /** Variant style for the group container */
2593
2615
  variant?: FormVariant;
2594
2616
  }
2617
+ interface FormBlockProps {
2618
+ children: ReactNode;
2619
+ label?: ReactNode;
2620
+ description?: ReactNode;
2621
+ error?: ReactNode;
2622
+ required?: boolean;
2623
+ helperText?: ReactNode;
2624
+ className?: string;
2625
+ style?: CSSProperties;
2626
+ controlClassName?: string;
2627
+ controlStyle?: CSSProperties;
2628
+ labelClassName?: string;
2629
+ labelStyle?: CSSProperties;
2630
+ htmlFor?: string;
2631
+ onLabelClick?: () => void;
2632
+ }
2595
2633
 
2596
2634
  declare function Form<T extends Record<string, any>>({ children, onSubmit, form, initialValues, validate, className, style, layout, labelWidth, variant, fieldMinWidth, maxWidth, ...props }: FormProps<T>): react_jsx_runtime.JSX.Element;
2597
2635
  declare namespace Form {
@@ -2608,6 +2646,16 @@ declare const FormError: {
2608
2646
  displayName: string;
2609
2647
  };
2610
2648
 
2649
+ type FormDescriptionProps = {
2650
+ children?: react__default.ReactNode;
2651
+ className?: string;
2652
+ style?: react__default.CSSProperties;
2653
+ };
2654
+ declare const FormDescription: {
2655
+ ({ children, className, style }: FormDescriptionProps): react_jsx_runtime.JSX.Element | null;
2656
+ displayName: string;
2657
+ };
2658
+
2611
2659
  type FormInputProps<T extends Record<string, any>> = Omit<InputProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
2612
2660
  name: keyof T & string;
2613
2661
  label?: string;
@@ -2662,6 +2710,11 @@ declare const FormLabel: {
2662
2710
  displayName: string;
2663
2711
  };
2664
2712
 
2713
+ declare const FormBlock: {
2714
+ ({ children, label, description, error, required, helperText, className, style, controlClassName, controlStyle, labelClassName, labelStyle, htmlFor, onLabelClick, }: FormBlockProps): react_jsx_runtime.JSX.Element;
2715
+ displayName: string;
2716
+ };
2717
+
2665
2718
  type FormTimePickerProps<T extends Record<string, any>> = Omit<TimePickerProps, 'name' | 'value' | 'onChange' | 'defaultValue' | 'form'> & {
2666
2719
  name: keyof T & string;
2667
2720
  label?: string;
@@ -2877,10 +2930,74 @@ declare const FormGroup: {
2877
2930
  displayName: string;
2878
2931
  };
2879
2932
 
2933
+ type FormInputNumberProps<T extends Record<string, any>> = Omit<InputNumberProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
2934
+ name: keyof T & string;
2935
+ label?: string;
2936
+ description?: react__default.ReactNode;
2937
+ form?: FormInstance<T>;
2938
+ required?: boolean;
2939
+ helperText?: react__default.ReactNode;
2940
+ onChange?: InputNumberProps['onChange'];
2941
+ onBlur?: InputNumberProps['onBlur'];
2942
+ rules?: FormFieldRules<T>;
2943
+ };
2944
+ declare const FormInputNumber: {
2945
+ <T extends Record<string, any>>({ name, label, description, form, required, helperText, className, id, variant: inputVariant, onChange, onBlur, rules, ...inputProps }: FormInputNumberProps<T>): react_jsx_runtime.JSX.Element;
2946
+ displayName: string;
2947
+ };
2948
+
2949
+ type FormInputPasswordProps<T extends Record<string, any>> = Omit<InputPasswordProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
2950
+ name: keyof T & string;
2951
+ label?: string;
2952
+ description?: react__default.ReactNode;
2953
+ form?: FormInstance<T>;
2954
+ required?: boolean;
2955
+ helperText?: react__default.ReactNode;
2956
+ onChange?: InputPasswordProps['onChange'];
2957
+ onBlur?: InputPasswordProps['onBlur'];
2958
+ rules?: FormFieldRules<T>;
2959
+ };
2960
+ declare const FormInputPassword: {
2961
+ <T extends Record<string, any>>({ name, label, description, form, required, helperText, className, id, variant: inputVariant, onChange, onBlur, rules, ...inputProps }: FormInputPasswordProps<T>): react_jsx_runtime.JSX.Element;
2962
+ displayName: string;
2963
+ };
2964
+
2965
+ type FormInputMaskProps<T extends Record<string, any>> = Omit<InputMaskProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
2966
+ name: keyof T & string;
2967
+ label?: string;
2968
+ description?: react__default.ReactNode;
2969
+ form?: FormInstance<T>;
2970
+ required?: boolean;
2971
+ helperText?: react__default.ReactNode;
2972
+ onChange?: InputMaskProps['onChange'];
2973
+ onBlur?: InputMaskProps['onBlur'];
2974
+ rules?: FormFieldRules<T>;
2975
+ };
2976
+ declare const FormInputMask: {
2977
+ <T extends Record<string, any>>({ name, label, description, form, required, helperText, className, id, variant: inputVariant, onChange, onBlur, rules, mask, maskChar, maskPlaceholder, alwaysShowMask, ...inputProps }: FormInputMaskProps<T>): react_jsx_runtime.JSX.Element;
2978
+ displayName: string;
2979
+ };
2980
+
2981
+ type FormColorPickerProps<T extends Record<string, any>> = Omit<ColorPickerProps, 'value' | 'onChange' | 'defaultValue'> & {
2982
+ name: keyof T & string;
2983
+ label?: string;
2984
+ description?: react__default.ReactNode;
2985
+ form?: FormInstance<T>;
2986
+ required?: boolean;
2987
+ rules?: FormFieldRules<T>;
2988
+ onChange?: ColorPickerProps['onChange'];
2989
+ };
2990
+ declare const FormColorPicker: {
2991
+ <T extends Record<string, any>>({ name, label, description, form, required, className, rules, onChange, disabled, ...rest }: FormColorPickerProps<T>): react_jsx_runtime.JSX.Element;
2992
+ displayName: string;
2993
+ };
2994
+
2880
2995
  type FormComponent = <T extends Record<string, any>>(props: FormProps<T> & RefAttributes<HTMLFormElement>) => ReturnType<typeof Form>;
2881
2996
  type FormCompound = FormComponent & {
2882
2997
  Input: typeof FormInput;
2998
+ Block: typeof FormBlock;
2883
2999
  Label: typeof FormLabel;
3000
+ Description: typeof FormDescription;
2884
3001
  Error: typeof FormError;
2885
3002
  TimePicker: typeof FormTimePicker;
2886
3003
  Checkbox: typeof FormCheckbox;
@@ -2889,6 +3006,10 @@ type FormCompound = FormComponent & {
2889
3006
  Select: typeof FormSelect;
2890
3007
  Segment: typeof FormSegment;
2891
3008
  Group: typeof FormGroup;
3009
+ InputNumber: typeof FormInputNumber;
3010
+ InputPassword: typeof FormInputPassword;
3011
+ InputMask: typeof FormInputMask;
3012
+ ColorPicker: typeof FormColorPicker;
2892
3013
  };
2893
3014
  declare const FormComponentImpl: FormCompound;
2894
3015
 
@@ -2955,10 +3076,34 @@ interface FormModalProps<T extends Record<string, any>> extends Omit<ModalProps,
2955
3076
  title?: ReactNode;
2956
3077
  validate?: FormProps<T>['validate'];
2957
3078
  loading?: boolean;
3079
+ /**
3080
+ * Layout of form fields inside the modal.
3081
+ * - `vertical`: label/description stacked above control (default)
3082
+ * - `horizontal`: label/description on the left, control on the right
3083
+ */
3084
+ layout?: 'vertical' | 'horizontal';
3085
+ /**
3086
+ * When `layout="horizontal"`, sets the width of the label/description column.
3087
+ * @default '200px'
3088
+ */
3089
+ labelWidth?: string | number;
3090
+ /**
3091
+ * Minimum width for form field controls.
3092
+ */
3093
+ fieldMinWidth?: string | number;
3094
+ /**
3095
+ * Maximum width of the form inside the modal.
3096
+ */
3097
+ maxWidth?: string | number;
3098
+ /**
3099
+ * Shared visual style for form fields.
3100
+ * @default 'borderless'
3101
+ */
3102
+ variant?: FormVariant;
2958
3103
  }
2959
3104
 
2960
3105
  declare const FormModal: {
2961
- <T extends Record<string, any>>({ children, form, initialValues, onSubmit, validate, submitText, submitButtonProps, loading, ...modalProps }: FormModalProps<T>): react_jsx_runtime.JSX.Element;
3106
+ <T extends Record<string, any>>({ children, form, initialValues, onSubmit, validate, submitText, submitButtonProps, loading, layout, labelWidth, fieldMinWidth, maxWidth, variant, ...modalProps }: FormModalProps<T>): react_jsx_runtime.JSX.Element;
2962
3107
  displayName: string;
2963
3108
  };
2964
3109
 
@@ -4931,4 +5076,4 @@ declare const useToken: () => {
4931
5076
  motionDurationSlow: string;
4932
5077
  };
4933
5078
 
4934
- 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, CardForm, type CardFormProps, 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, FolderIcon, FolderTree, type FolderTreeNode, type FolderTreeProps, FontLoader, type FontLoaderProps, Footer, type FooterProps, FormComponentImpl as Form, FormCheckbox, type FormConfig, FormDatePicker, FormError, type FormFieldRules, FormGroup, FormInput, type FormInstance, 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, A as Link, 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, useToken, useTranslation };
5079
+ 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, CardForm, type CardFormProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, CodeDiff, type CodeDiffProps, CodeEditor, type CodeEditorProps, Collapse, type CollapseItemType, type CollapseProps, type ColorPalettes, type ColorPalettesAlpha, ColorPicker, type ColorPickerProps, ColorSwatches, type ColorSwatchesProps, type ColorToken, type Config, ConfigProvider, ConfirmationModal, type ConfirmationModalAPI, type ConfirmationModalInstance, type ConfirmationModalProps, type ConfirmationModalType, 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, FolderIcon, FolderTree, type FolderTreeNode, type FolderTreeProps, FontLoader, type FontLoaderProps, Footer, type FooterProps, FormComponentImpl as Form, FormBlock, type FormBlockProps, FormCheckbox, FormColorPicker, type FormConfig, FormDatePicker, FormDescription, FormError, type FormFieldRules, FormGroup, FormInput, FormInputMask, FormInputNumber, FormInputPassword, type FormInstance, 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, A as Link, 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, confirmConfirmationModal, 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, useToken, useTranslation };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react from 'react';
2
2
  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';
3
- 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, SegmentedProps as SegmentedProps$1, ModalProps as ModalProps$1, ImageProps as ImageProps$2, SelectProps as SelectProps$1, TagProps as TagProps$1, TabsProps as TabsProps$1, AnchorProps, SliderSingleProps } from 'antd';
3
+ 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, ColorPickerProps as ColorPickerProps$1, ModalFuncProps, Modal as Modal$1, DatePickerProps as DatePickerProps$1, InputProps as InputProps$1, InputRef, InputNumberProps as InputNumberProps$1, SegmentedProps as SegmentedProps$1, ModalProps as ModalProps$1, ImageProps as ImageProps$2, SelectProps as SelectProps$1, TagProps as TagProps$1, TabsProps as TabsProps$1, AnchorProps, SliderSingleProps } from 'antd';
4
4
  import { LucideProps, LucideIcon } from 'lucide-react';
5
5
  import { TooltipPopupProps, TooltipPortalProps as TooltipPortalProps$1, TooltipPositionerProps as TooltipPositionerProps$1, Tooltip as Tooltip$1, TooltipTriggerProps } from '@base-ui/react/tooltip';
6
6
  import { Placement as Placement$1 } from '@floating-ui/react';
@@ -1228,6 +1228,11 @@ interface CollapseProps extends Omit<CollapseProps$1, 'collapsible' | 'ghost' |
1228
1228
 
1229
1229
  declare const Collapse: react.NamedExoticComponent<CollapseProps>;
1230
1230
 
1231
+ interface ColorPickerProps extends ColorPickerProps$1 {
1232
+ }
1233
+
1234
+ declare const ColorPicker: react.NamedExoticComponent<ColorPickerProps>;
1235
+
1231
1236
  interface ColorSwatchesItemType {
1232
1237
  color: string;
1233
1238
  key?: Key;
@@ -1429,6 +1434,23 @@ interface CopyButtonProps extends Omit<ActionIconProps, 'content'> {
1429
1434
 
1430
1435
  declare const CopyButton: react.NamedExoticComponent<CopyButtonProps>;
1431
1436
 
1437
+ type ConfirmationModalType = 'danger' | 'info' | 'warning' | 'error';
1438
+ type ConfirmationModalProps = Omit<ModalFuncProps, 'type' | 'okType'> & {
1439
+ okType?: ModalFuncProps['okType'] | 'danger';
1440
+ type?: ConfirmationModalType;
1441
+ };
1442
+ type ConfirmationModalInstance = ReturnType<typeof Modal$1.confirm>;
1443
+ type ConfirmationModalOptions = Omit<ConfirmationModalProps, 'type'>;
1444
+ type ConfirmationModalAPI = {
1445
+ confirm: (props: ConfirmationModalProps) => ConfirmationModalInstance;
1446
+ danger: (props: ConfirmationModalOptions) => ConfirmationModalInstance;
1447
+ error: (props: ConfirmationModalOptions) => ConfirmationModalInstance;
1448
+ info: (props: ConfirmationModalOptions) => ConfirmationModalInstance;
1449
+ warning: (props: ConfirmationModalOptions) => ConfirmationModalInstance;
1450
+ };
1451
+ declare const confirmConfirmationModal: (props: ConfirmationModalProps) => ConfirmationModalInstance;
1452
+ declare const ConfirmationModal: ConfirmationModalAPI;
1453
+
1432
1454
  interface DatePickerProps extends DatePickerProps$1 {
1433
1455
  shadow?: boolean;
1434
1456
  /**
@@ -2592,6 +2614,22 @@ interface FormGroupProps {
2592
2614
  /** Variant style for the group container */
2593
2615
  variant?: FormVariant;
2594
2616
  }
2617
+ interface FormBlockProps {
2618
+ children: ReactNode;
2619
+ label?: ReactNode;
2620
+ description?: ReactNode;
2621
+ error?: ReactNode;
2622
+ required?: boolean;
2623
+ helperText?: ReactNode;
2624
+ className?: string;
2625
+ style?: CSSProperties;
2626
+ controlClassName?: string;
2627
+ controlStyle?: CSSProperties;
2628
+ labelClassName?: string;
2629
+ labelStyle?: CSSProperties;
2630
+ htmlFor?: string;
2631
+ onLabelClick?: () => void;
2632
+ }
2595
2633
 
2596
2634
  declare function Form<T extends Record<string, any>>({ children, onSubmit, form, initialValues, validate, className, style, layout, labelWidth, variant, fieldMinWidth, maxWidth, ...props }: FormProps<T>): react_jsx_runtime.JSX.Element;
2597
2635
  declare namespace Form {
@@ -2608,6 +2646,16 @@ declare const FormError: {
2608
2646
  displayName: string;
2609
2647
  };
2610
2648
 
2649
+ type FormDescriptionProps = {
2650
+ children?: react__default.ReactNode;
2651
+ className?: string;
2652
+ style?: react__default.CSSProperties;
2653
+ };
2654
+ declare const FormDescription: {
2655
+ ({ children, className, style }: FormDescriptionProps): react_jsx_runtime.JSX.Element | null;
2656
+ displayName: string;
2657
+ };
2658
+
2611
2659
  type FormInputProps<T extends Record<string, any>> = Omit<InputProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
2612
2660
  name: keyof T & string;
2613
2661
  label?: string;
@@ -2662,6 +2710,11 @@ declare const FormLabel: {
2662
2710
  displayName: string;
2663
2711
  };
2664
2712
 
2713
+ declare const FormBlock: {
2714
+ ({ children, label, description, error, required, helperText, className, style, controlClassName, controlStyle, labelClassName, labelStyle, htmlFor, onLabelClick, }: FormBlockProps): react_jsx_runtime.JSX.Element;
2715
+ displayName: string;
2716
+ };
2717
+
2665
2718
  type FormTimePickerProps<T extends Record<string, any>> = Omit<TimePickerProps, 'name' | 'value' | 'onChange' | 'defaultValue' | 'form'> & {
2666
2719
  name: keyof T & string;
2667
2720
  label?: string;
@@ -2877,10 +2930,74 @@ declare const FormGroup: {
2877
2930
  displayName: string;
2878
2931
  };
2879
2932
 
2933
+ type FormInputNumberProps<T extends Record<string, any>> = Omit<InputNumberProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
2934
+ name: keyof T & string;
2935
+ label?: string;
2936
+ description?: react__default.ReactNode;
2937
+ form?: FormInstance<T>;
2938
+ required?: boolean;
2939
+ helperText?: react__default.ReactNode;
2940
+ onChange?: InputNumberProps['onChange'];
2941
+ onBlur?: InputNumberProps['onBlur'];
2942
+ rules?: FormFieldRules<T>;
2943
+ };
2944
+ declare const FormInputNumber: {
2945
+ <T extends Record<string, any>>({ name, label, description, form, required, helperText, className, id, variant: inputVariant, onChange, onBlur, rules, ...inputProps }: FormInputNumberProps<T>): react_jsx_runtime.JSX.Element;
2946
+ displayName: string;
2947
+ };
2948
+
2949
+ type FormInputPasswordProps<T extends Record<string, any>> = Omit<InputPasswordProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
2950
+ name: keyof T & string;
2951
+ label?: string;
2952
+ description?: react__default.ReactNode;
2953
+ form?: FormInstance<T>;
2954
+ required?: boolean;
2955
+ helperText?: react__default.ReactNode;
2956
+ onChange?: InputPasswordProps['onChange'];
2957
+ onBlur?: InputPasswordProps['onBlur'];
2958
+ rules?: FormFieldRules<T>;
2959
+ };
2960
+ declare const FormInputPassword: {
2961
+ <T extends Record<string, any>>({ name, label, description, form, required, helperText, className, id, variant: inputVariant, onChange, onBlur, rules, ...inputProps }: FormInputPasswordProps<T>): react_jsx_runtime.JSX.Element;
2962
+ displayName: string;
2963
+ };
2964
+
2965
+ type FormInputMaskProps<T extends Record<string, any>> = Omit<InputMaskProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'defaultValue' | 'form'> & {
2966
+ name: keyof T & string;
2967
+ label?: string;
2968
+ description?: react__default.ReactNode;
2969
+ form?: FormInstance<T>;
2970
+ required?: boolean;
2971
+ helperText?: react__default.ReactNode;
2972
+ onChange?: InputMaskProps['onChange'];
2973
+ onBlur?: InputMaskProps['onBlur'];
2974
+ rules?: FormFieldRules<T>;
2975
+ };
2976
+ declare const FormInputMask: {
2977
+ <T extends Record<string, any>>({ name, label, description, form, required, helperText, className, id, variant: inputVariant, onChange, onBlur, rules, mask, maskChar, maskPlaceholder, alwaysShowMask, ...inputProps }: FormInputMaskProps<T>): react_jsx_runtime.JSX.Element;
2978
+ displayName: string;
2979
+ };
2980
+
2981
+ type FormColorPickerProps<T extends Record<string, any>> = Omit<ColorPickerProps, 'value' | 'onChange' | 'defaultValue'> & {
2982
+ name: keyof T & string;
2983
+ label?: string;
2984
+ description?: react__default.ReactNode;
2985
+ form?: FormInstance<T>;
2986
+ required?: boolean;
2987
+ rules?: FormFieldRules<T>;
2988
+ onChange?: ColorPickerProps['onChange'];
2989
+ };
2990
+ declare const FormColorPicker: {
2991
+ <T extends Record<string, any>>({ name, label, description, form, required, className, rules, onChange, disabled, ...rest }: FormColorPickerProps<T>): react_jsx_runtime.JSX.Element;
2992
+ displayName: string;
2993
+ };
2994
+
2880
2995
  type FormComponent = <T extends Record<string, any>>(props: FormProps<T> & RefAttributes<HTMLFormElement>) => ReturnType<typeof Form>;
2881
2996
  type FormCompound = FormComponent & {
2882
2997
  Input: typeof FormInput;
2998
+ Block: typeof FormBlock;
2883
2999
  Label: typeof FormLabel;
3000
+ Description: typeof FormDescription;
2884
3001
  Error: typeof FormError;
2885
3002
  TimePicker: typeof FormTimePicker;
2886
3003
  Checkbox: typeof FormCheckbox;
@@ -2889,6 +3006,10 @@ type FormCompound = FormComponent & {
2889
3006
  Select: typeof FormSelect;
2890
3007
  Segment: typeof FormSegment;
2891
3008
  Group: typeof FormGroup;
3009
+ InputNumber: typeof FormInputNumber;
3010
+ InputPassword: typeof FormInputPassword;
3011
+ InputMask: typeof FormInputMask;
3012
+ ColorPicker: typeof FormColorPicker;
2892
3013
  };
2893
3014
  declare const FormComponentImpl: FormCompound;
2894
3015
 
@@ -2955,10 +3076,34 @@ interface FormModalProps<T extends Record<string, any>> extends Omit<ModalProps,
2955
3076
  title?: ReactNode;
2956
3077
  validate?: FormProps<T>['validate'];
2957
3078
  loading?: boolean;
3079
+ /**
3080
+ * Layout of form fields inside the modal.
3081
+ * - `vertical`: label/description stacked above control (default)
3082
+ * - `horizontal`: label/description on the left, control on the right
3083
+ */
3084
+ layout?: 'vertical' | 'horizontal';
3085
+ /**
3086
+ * When `layout="horizontal"`, sets the width of the label/description column.
3087
+ * @default '200px'
3088
+ */
3089
+ labelWidth?: string | number;
3090
+ /**
3091
+ * Minimum width for form field controls.
3092
+ */
3093
+ fieldMinWidth?: string | number;
3094
+ /**
3095
+ * Maximum width of the form inside the modal.
3096
+ */
3097
+ maxWidth?: string | number;
3098
+ /**
3099
+ * Shared visual style for form fields.
3100
+ * @default 'borderless'
3101
+ */
3102
+ variant?: FormVariant;
2958
3103
  }
2959
3104
 
2960
3105
  declare const FormModal: {
2961
- <T extends Record<string, any>>({ children, form, initialValues, onSubmit, validate, submitText, submitButtonProps, loading, ...modalProps }: FormModalProps<T>): react_jsx_runtime.JSX.Element;
3106
+ <T extends Record<string, any>>({ children, form, initialValues, onSubmit, validate, submitText, submitButtonProps, loading, layout, labelWidth, fieldMinWidth, maxWidth, variant, ...modalProps }: FormModalProps<T>): react_jsx_runtime.JSX.Element;
2962
3107
  displayName: string;
2963
3108
  };
2964
3109
 
@@ -4931,4 +5076,4 @@ declare const useToken: () => {
4931
5076
  motionDurationSlow: string;
4932
5077
  };
4933
5078
 
4934
- 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, CardForm, type CardFormProps, 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, FolderIcon, FolderTree, type FolderTreeNode, type FolderTreeProps, FontLoader, type FontLoaderProps, Footer, type FooterProps, FormComponentImpl as Form, FormCheckbox, type FormConfig, FormDatePicker, FormError, type FormFieldRules, FormGroup, FormInput, type FormInstance, 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, A as Link, 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, useToken, useTranslation };
5079
+ 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, CardForm, type CardFormProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, CodeDiff, type CodeDiffProps, CodeEditor, type CodeEditorProps, Collapse, type CollapseItemType, type CollapseProps, type ColorPalettes, type ColorPalettesAlpha, ColorPicker, type ColorPickerProps, ColorSwatches, type ColorSwatchesProps, type ColorToken, type Config, ConfigProvider, ConfirmationModal, type ConfirmationModalAPI, type ConfirmationModalInstance, type ConfirmationModalProps, type ConfirmationModalType, 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, FolderIcon, FolderTree, type FolderTreeNode, type FolderTreeProps, FontLoader, type FontLoaderProps, Footer, type FooterProps, FormComponentImpl as Form, FormBlock, type FormBlockProps, FormCheckbox, FormColorPicker, type FormConfig, FormDatePicker, FormDescription, FormError, type FormFieldRules, FormGroup, FormInput, FormInputMask, FormInputNumber, FormInputPassword, type FormInstance, 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, A as Link, 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, confirmConfirmationModal, 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, useToken, useTranslation };