@gomeniucivan/ui 1.0.33 → 1.0.36

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.ts CHANGED
@@ -1 +1,4055 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime'; import * as React$1 from 'react'; import React__default,{Component,ReactNode,ErrorInfo,ReactElement,ChangeEvent,FocusEvent,FormEvent} from 'react'; import {Table as Table$1,ColumnDef,Row,Column} from '@tanstack/react-table'; import {Accordion as Accordion$1,AlertDialog as AlertDialog$1,AspectRatio as AspectRatio$1,Avatar as Avatar$1,Checkbox as Checkbox$1,Collapsible as Collapsible$1,Dialog as Dialog$1,ContextMenu as ContextMenu$1,DropdownMenu as DropdownMenu$1,HoverCard as HoverCard$1,Label as Label$1,Menubar as Menubar$1,NavigationMenu as NavigationMenu$1,Popover as Popover$1,Progress as Progress$1,RadioGroup as RadioGroup$1,ScrollArea as ScrollArea$1,Select as Select$1,Separator as Separator$1,Tooltip as Tooltip$1,Slider as Slider$1,Switch as Switch$1,Toggle as Toggle$1,ToggleGroup as ToggleGroup$1} from 'radix-ui'; import {Command as Command$1} from 'cmdk'; import * as class_variance_authority_types from 'class-variance-authority/types'; import {VariantProps} from 'class-variance-authority'; import {DayPicker,DayButton} from 'react-day-picker'; import useEmblaCarousel,{UseEmblaCarouselType} from 'embla-carousel-react'; import * as RechartsPrimitive from 'recharts'; import {TooltipContentProps,LegendProps} from 'recharts'; import {Drawer as Drawer$1} from 'vaul'; import {OTPInput} from 'input-otp'; import {PanelGroupProps,PanelProps,PanelResizeHandleProps} from 'react-resizable-panels'; import {ToasterProps} from 'sonner'; export {toast} from 'sonner'; import * as _tanstack_table_core from '@tanstack/table-core'; import {ClassValue} from 'clsx'; type Align="left"|"center"|"right"; type DataGridColumn<TData>={key:string; title:string; item?:string; sortable?:boolean; hiddeable?:boolean; width?:number|string; align?:Align; headerClassName?:string; cellClassName?:string; headerStyle?:React$1.CSSProperties; cellStyle?:React$1.CSSProperties; func?:(row:TData,context:{value:unknown; rowIndex:number;})=> React$1.ReactNode;}; type DataGridReadConfig<TData>={method?:"get"|"post"; url?:string; reul?:string; get?:string; post?:string; payload?:unknown; body?:unknown; params?:Record<string,unknown>; headers?:HeadersInit; resultKey?:string; mapData?:(raw:unknown)=> TData[]; delay?:number;}; type DataGridDataSource<TData>={bind?:TData[]; read?:DataGridReadConfig<TData>;}; type DataGridPageSizeConfig={visible?:boolean; count?:number; options?:number[];}; interface DataGridProps<TData>{data:DataGridDataSource<TData>; columns:DataGridColumn<TData>[]; pagination?:boolean; sortable?:boolean; reload?:boolean; filterable?:boolean; selectable?:boolean; height?:number; rowHeight?:number; overscan?:number; defaultPageSize?:number; pageSize?:DataGridPageSizeConfig; className?:string; emptyState?:React$1.ReactNode; onDataChange?:(rows:TData[])=> void; loading?:boolean;} declare function DataGrid<TData>({data,columns,pagination,sortable,reload,filterable,selectable,height,rowHeight,overscan,defaultPageSize,pageSize,className,emptyState,onDataChange,loading:loadingProp,}:DataGridProps<TData>):react_jsx_runtime.JSX.Element; declare namespace DataGrid {var displayName:string;} type DataTableVirtualizedRows<TData>={rows:Row<TData>[]; paddingTop:number; paddingBottom:number;}; interface DataTableProps<TData,TValue>{table:Table$1<TData>; columns:ColumnDef<TData,TValue>[]; dndEnabled?:boolean; onReorder?:(newData:TData[])=> void; virtualizedRows?:DataTableVirtualizedRows<TData>;} declare function DataTable<TData,TValue>({table,columns,dndEnabled,onReorder,virtualizedRows,}:DataTableProps<TData,TValue>):react_jsx_runtime.JSX.Element; interface DataTableColumnHeaderProps<TData,TValue> extends React.HTMLAttributes<HTMLDivElement>{column:Column<TData,TValue>; title:string;} declare function DataTableColumnHeader<TData,TValue>({column,title,className,}:DataTableColumnHeaderProps<TData,TValue>):react_jsx_runtime.JSX.Element; interface DataTablePaginationProps<TData>{table:Table$1<TData>; showPageSize?:boolean; pageSizeOptions?:number[];} declare function DataTablePagination<TData>({table,showPageSize,pageSizeOptions,}:DataTablePaginationProps<TData>):react_jsx_runtime.JSX.Element; interface DataTableViewOptionsProps<TData>{table:Table$1<TData>;} declare function DataTableViewOptions<TData>({table}:DataTableViewOptionsProps<TData>):react_jsx_runtime.JSX.Element; declare const dragColumn:ColumnDef<any>; declare function DraggableRow<TData>({row}:{row:Row<TData>;}):react_jsx_runtime.JSX.Element; declare function withDndColumn<T>(columns:ColumnDef<T>[]):ColumnDef<T>[]; interface ErrorBoundaryProps {children:ReactNode; fallback?:ReactNode|((reset:()=> void)=> ReactNode); onError?:(error:Error,info:ErrorInfo)=> void;} interface ErrorBoundaryState {hasError:boolean;} declare class ErrorBoundary extends Component<ErrorBoundaryProps,ErrorBoundaryState>{state:ErrorBoundaryState; static getDerivedStateFromError():ErrorBoundaryState; componentDidCatch(error:Error,info:ErrorInfo):void; private resetBoundary; render():string|number|bigint|boolean|Iterable<ReactNode>|Promise<string|number|bigint|boolean|React$1.ReactPortal|React$1.ReactElement<unknown,string|React$1.JSXElementConstructor<any>>|Iterable<ReactNode>|null|undefined>|react_jsx_runtime.JSX.Element|null|undefined;} interface FormBlockProps extends React$1.HTMLAttributes<HTMLDivElement>{} declare const FormBlock:React$1.ForwardRefExoticComponent<FormBlockProps&React$1.RefAttributes<HTMLDivElement>>; declare function Accordion({...props}:React$1.ComponentProps<typeof Accordion$1.Root>):react_jsx_runtime.JSX.Element; declare function AccordionItem({className,...props}:React$1.ComponentProps<typeof Accordion$1.Item>):react_jsx_runtime.JSX.Element; declare function AccordionTrigger({className,children,...props}:React$1.ComponentProps<typeof Accordion$1.Trigger>):react_jsx_runtime.JSX.Element; declare function AccordionContent({className,children,...props}:React$1.ComponentProps<typeof Accordion$1.Content>):react_jsx_runtime.JSX.Element; declare const alertVariants:(props?:({variant?:"default"|"destructive"|null|undefined;}&class_variance_authority_types.ClassProp)|undefined)=> string; declare function Alert({className,variant,...props}:React$1.ComponentProps<"div">&VariantProps<typeof alertVariants>):react_jsx_runtime.JSX.Element; declare function AlertTitle({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function AlertDescription({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function AlertDialog({...props}:React$1.ComponentProps<typeof AlertDialog$1.Root>):react_jsx_runtime.JSX.Element; declare function AlertDialogTrigger({...props}:React$1.ComponentProps<typeof AlertDialog$1.Trigger>):react_jsx_runtime.JSX.Element; declare function AlertDialogPortal({...props}:React$1.ComponentProps<typeof AlertDialog$1.Portal>):react_jsx_runtime.JSX.Element; declare function AlertDialogOverlay({className,...props}:React$1.ComponentProps<typeof AlertDialog$1.Overlay>):react_jsx_runtime.JSX.Element; declare function AlertDialogContent({className,...props}:React$1.ComponentProps<typeof AlertDialog$1.Content>):react_jsx_runtime.JSX.Element; declare function AlertDialogHeader({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function AlertDialogFooter({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function AlertDialogTitle({className,...props}:React$1.ComponentProps<typeof AlertDialog$1.Title>):react_jsx_runtime.JSX.Element; declare function AlertDialogDescription({className,...props}:React$1.ComponentProps<typeof AlertDialog$1.Description>):react_jsx_runtime.JSX.Element; declare function AlertDialogAction({className,...props}:React$1.ComponentProps<typeof AlertDialog$1.Action>):react_jsx_runtime.JSX.Element; declare function AlertDialogCancel({className,...props}:React$1.ComponentProps<typeof AlertDialog$1.Cancel>):react_jsx_runtime.JSX.Element; declare const AspectRatio:React$1.ForwardRefExoticComponent<Omit<AspectRatio$1.AspectRatioProps&React$1.RefAttributes<HTMLDivElement>,"ref">&React$1.RefAttributes<HTMLDivElement>>; declare function Avatar({className,...props}:React$1.ComponentProps<typeof Avatar$1.Root>):react_jsx_runtime.JSX.Element; declare function AvatarImage({className,...props}:React$1.ComponentProps<typeof Avatar$1.Image>):react_jsx_runtime.JSX.Element; declare function AvatarFallback({className,...props}:React$1.ComponentProps<typeof Avatar$1.Fallback>):react_jsx_runtime.JSX.Element; declare const badgeVariants:(props?:({variant?:"default"|"destructive"|"outline"|"secondary"|null|undefined;}&class_variance_authority_types.ClassProp)|undefined)=> string; declare function Badge({className,variant,asChild,...props}:React$1.ComponentProps<"span">&VariantProps<typeof badgeVariants>&{asChild?:boolean;}):react_jsx_runtime.JSX.Element; declare function Breadcrumb({...props}:React$1.ComponentProps<"nav">):react_jsx_runtime.JSX.Element; declare function BreadcrumbList({className,...props}:React$1.ComponentProps<"ol">):react_jsx_runtime.JSX.Element; declare function BreadcrumbItem({className,...props}:React$1.ComponentProps<"li">):react_jsx_runtime.JSX.Element; declare function BreadcrumbLink({asChild,className,...props}:React$1.ComponentProps<"a">&{asChild?:boolean;}):react_jsx_runtime.JSX.Element; declare function BreadcrumbPage({className,...props}:React$1.ComponentProps<"span">):react_jsx_runtime.JSX.Element; declare function BreadcrumbSeparator({children,className,...props}:React$1.ComponentProps<"li">):react_jsx_runtime.JSX.Element; declare function BreadcrumbEllipsis({className,...props}:React$1.ComponentProps<"span">):react_jsx_runtime.JSX.Element; declare const buttonVariants:(props?:({variant?:"default"|"link"|"destructive"|"outline"|"secondary"|"ghost"|null|undefined; size?:"default"|"icon"|"sm"|"lg"|null|undefined;}&class_variance_authority_types.ClassProp)|undefined)=> string; type ButtonProps=React$1.ComponentProps<"button">&VariantProps<typeof buttonVariants>&{asChild?:boolean; loading?:boolean; loadingText?:React$1.ReactNode;}; declare const Button:React$1.ForwardRefExoticComponent<Omit<ButtonProps,"ref">&React$1.RefAttributes<HTMLButtonElement>>; declare function Calendar({className,classNames,showOutsideDays,captionLayout,buttonVariant,formatters,components,...props}:React$1.ComponentProps<typeof DayPicker>&{buttonVariant?:React$1.ComponentProps<typeof Button>["variant"];}):react_jsx_runtime.JSX.Element; declare function CalendarDayButton({className,day,modifiers,...props}:React$1.ComponentProps<typeof DayButton>):react_jsx_runtime.JSX.Element; declare function Card({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function CardHeader({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function CardTitle({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function CardDescription({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function CardAction({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function CardContent({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function CardFooter({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; type CarouselApi=UseEmblaCarouselType[1]; type UseCarouselParameters=Parameters<typeof useEmblaCarousel>; type CarouselOptions=UseCarouselParameters[0]; type CarouselPlugin=UseCarouselParameters[1]; type CarouselProps={opts?:CarouselOptions; plugins?:CarouselPlugin; orientation?:"horizontal"|"vertical"; setApi?:(api:CarouselApi)=> void;}; declare function Carousel({orientation,opts,setApi,plugins,className,children,...props}:React$1.ComponentProps<"div">&CarouselProps):react_jsx_runtime.JSX.Element; declare function CarouselContent({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function CarouselItem({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function CarouselPrevious({className,variant,size,...props}:React$1.ComponentProps<typeof Button>):react_jsx_runtime.JSX.Element; declare function CarouselNext({className,variant,size,...props}:React$1.ComponentProps<typeof Button>):react_jsx_runtime.JSX.Element; declare const chatBubbleVariants:(props?:({isUser?:boolean|null|undefined; animation?:"none"|"scale"|"slide"|"fade"|null|undefined;}&class_variance_authority_types.ClassProp)|undefined)=> string; type Animation=VariantProps<typeof chatBubbleVariants>["animation"]; interface Attachment {name?:string; contentType?:string; url:string;} interface PartialToolCall {state:"partial-call"; toolName:string;} interface ToolCall {state:"call"; toolName:string;} interface ToolResult {state:"result"; toolName:string; result:{__cancelled?:boolean;[key:string]:any;};} type ToolInvocation=PartialToolCall|ToolCall|ToolResult; interface ReasoningPart {type:"reasoning"; reasoning:string;} interface ToolInvocationPart {type:"tool-invocation"; toolInvocation:ToolInvocation;} interface TextPart {type:"text"; text:string;} interface SourcePart {type:"source"; source?:any;} interface FilePart {type:"file"; mimeType:string; data:string;} interface StepStartPart {type:"step-start";} type MessagePart=TextPart|ReasoningPart|ToolInvocationPart|SourcePart|FilePart|StepStartPart; interface Message {id:string; role:"user"|"assistant"|(string&{}); content:string; createdAt?:Date; experimental_attachments?:Attachment[]; toolInvocations?:ToolInvocation[]; parts?:MessagePart[];} interface ChatMessageProps extends Message {showTimeStamp?:boolean; animation?:Animation; actions?:React__default.ReactNode;} declare const ChatMessage:React__default.FC<ChatMessageProps>; interface ChatPropsBase {handleSubmit:(event?:{preventDefault?:()=> void;},options?:{experimental_attachments?:FileList;})=> void; messages:Array<Message>; input:string; className?:string; handleInputChange:React.ChangeEventHandler<HTMLTextAreaElement>; isGenerating:boolean; stop?:()=> void; onRateResponse?:(messageId:string,rating:"thumbs-up"|"thumbs-down")=> void; setMessages?:(messages:any[])=> void;} interface ChatPropsWithoutSuggestions extends ChatPropsBase {append?:never; suggestions?:never;} interface ChatPropsWithSuggestions extends ChatPropsBase {append:(message:{role:"user"; content:string;})=> void; suggestions:string[];} type ChatProps=ChatPropsWithoutSuggestions|ChatPropsWithSuggestions; declare function Chat({messages,handleSubmit,input,handleInputChange,stop,isGenerating,append,suggestions,className,onRateResponse,setMessages,}:ChatProps):react_jsx_runtime.JSX.Element; declare namespace Chat {var displayName:string;} declare function ChatMessages({messages,children,}:React.PropsWithChildren<{messages:Message[];}>):react_jsx_runtime.JSX.Element; declare const ChatContainer:React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement>&React$1.RefAttributes<HTMLDivElement>>; interface ChatFormProps {className?:string; handleSubmit:(event?:{preventDefault?:()=> void;},options?:{experimental_attachments?:FileList;})=> void; children:(props:{files:File[]|null; setFiles:React.Dispatch<React.SetStateAction<File[]|null>>;})=> ReactElement;} declare const ChatForm:React$1.ForwardRefExoticComponent<ChatFormProps&React$1.RefAttributes<HTMLFormElement>>; type AdditionalMessageOptions=Omit<ChatMessageProps,keyof Message>; interface MessageListProps {messages:Message[]; showTimeStamps?:boolean; isTyping?:boolean; messageOptions?:AdditionalMessageOptions|((message:Message)=> AdditionalMessageOptions);} declare function MessageList({messages,showTimeStamps,isTyping,messageOptions,}:MessageListProps):react_jsx_runtime.JSX.Element; interface MessageInputBaseProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>{value:string; submitOnEnter?:boolean; stop?:()=> void; isGenerating:boolean;} interface MessageInputWithoutAttachmentProps extends MessageInputBaseProps {allowAttachments?:false;} interface MessageInputWithAttachmentsProps extends MessageInputBaseProps {allowAttachments:true; files:File[]|null; setFiles:React__default.Dispatch<React__default.SetStateAction<File[]|null>>;} type MessageInputProps=MessageInputWithoutAttachmentProps|MessageInputWithAttachmentsProps; declare function MessageInput(props:MessageInputProps):react_jsx_runtime.JSX.Element; declare namespace MessageInput {var displayName:string;} interface PromptSuggestionsProps {label:string; append:(message:{role:"user"; content:string;})=> void; suggestions:string[];} declare function PromptSuggestions({label,append,suggestions,}:PromptSuggestionsProps):react_jsx_runtime.JSX.Element; declare function TypingIndicator():react_jsx_runtime.JSX.Element; type CopyButtonProps={content:string; copyMessage?:string;}; declare function CopyButton({content,copyMessage}:CopyButtonProps):react_jsx_runtime.JSX.Element; declare const THEMES:{readonly light:""; readonly dark:".dark";}; type ChartConfig={[k in string]:{label?:React$1.ReactNode; icon?:React$1.ComponentType;}&({color?:string; theme?:never;}|{color?:never; theme:Record<keyof typeof THEMES,string>;});}; declare function ChartContainer({id,className,children,config,...props}:React$1.ComponentProps<"div">&{config:ChartConfig; children:React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];}):react_jsx_runtime.JSX.Element; declare const ChartStyle:({id,config}:{id:string; config:ChartConfig;})=> react_jsx_runtime.JSX.Element|null; declare const ChartTooltip:typeof RechartsPrimitive.Tooltip; declare function ChartTooltipContent({active,payload,className,indicator,hideLabel,hideIndicator,label,labelFormatter,labelClassName,formatter,color,nameKey,labelKey,}:TooltipContentProps<any,any>&React$1.ComponentProps<"div">&{hideLabel?:boolean; hideIndicator?:boolean; indicator?:"line"|"dot"|"dashed"; nameKey?:string; labelKey?:string;}):react_jsx_runtime.JSX.Element|null; declare const ChartLegend:typeof RechartsPrimitive.Legend; type LegendContentProps=LegendProps extends {content?:infer C;}?C extends(props:infer P)=> any?P:never:never; declare function ChartLegendContent({className,hideIcon,payload,verticalAlign,nameKey,}:LegendContentProps&React$1.ComponentProps<"div">&{hideIcon?:boolean; nameKey?:string;}):react_jsx_runtime.JSX.Element|null; declare const Checkbox:React$1.ForwardRefExoticComponent<Omit<Checkbox$1.CheckboxProps&React$1.RefAttributes<HTMLButtonElement>,"ref">&React$1.RefAttributes<HTMLButtonElement>>; declare function Collapsible({...props}:React__default.ComponentProps<typeof Collapsible$1.Root>):react_jsx_runtime.JSX.Element; declare function CollapsibleTrigger({...props}:React__default.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>):react_jsx_runtime.JSX.Element; declare function CollapsibleContent({...props}:React__default.ComponentProps<typeof Collapsible$1.CollapsibleContent>):react_jsx_runtime.JSX.Element; declare function Dialog({...props}:React$1.ComponentProps<typeof Dialog$1.Root>):react_jsx_runtime.JSX.Element; declare function DialogTrigger({...props}:React$1.ComponentProps<typeof Dialog$1.Trigger>):react_jsx_runtime.JSX.Element; declare function DialogPortal({...props}:React$1.ComponentProps<typeof Dialog$1.Portal>):react_jsx_runtime.JSX.Element; declare function DialogClose({...props}:React$1.ComponentProps<typeof Dialog$1.Close>):react_jsx_runtime.JSX.Element; declare function DialogOverlay({className,...props}:React$1.ComponentProps<typeof Dialog$1.Overlay>):react_jsx_runtime.JSX.Element; declare function DialogContent({className,children,showCloseButton,...props}:React$1.ComponentProps<typeof Dialog$1.Content>&{showCloseButton?:boolean;}):react_jsx_runtime.JSX.Element; declare function DialogHeader({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function DialogFooter({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function DialogTitle({className,...props}:React$1.ComponentProps<typeof Dialog$1.Title>):react_jsx_runtime.JSX.Element; declare function DialogDescription({className,...props}:React$1.ComponentProps<typeof Dialog$1.Description>):react_jsx_runtime.JSX.Element; declare function Command({className,...props}:React$1.ComponentProps<typeof Command$1>):react_jsx_runtime.JSX.Element; declare function CommandDialog({title,description,children,className,showCloseButton,...props}:React$1.ComponentProps<typeof Dialog>&{title?:string; description?:string; className?:string; showCloseButton?:boolean;}):react_jsx_runtime.JSX.Element; declare function CommandInput({className,...props}:React$1.ComponentProps<typeof Command$1.Input>):react_jsx_runtime.JSX.Element; declare function CommandList({className,...props}:React$1.ComponentProps<typeof Command$1.List>):react_jsx_runtime.JSX.Element; declare function CommandEmpty({...props}:React$1.ComponentProps<typeof Command$1.Empty>):react_jsx_runtime.JSX.Element; declare function CommandGroup({className,...props}:React$1.ComponentProps<typeof Command$1.Group>):react_jsx_runtime.JSX.Element; declare function CommandSeparator({className,...props}:React$1.ComponentProps<typeof Command$1.Separator>):react_jsx_runtime.JSX.Element; declare function CommandItem({className,...props}:React$1.ComponentProps<typeof Command$1.Item>):react_jsx_runtime.JSX.Element; declare function CommandShortcut({className,...props}:React$1.ComponentProps<"span">):react_jsx_runtime.JSX.Element; declare function ContextMenu({...props}:React$1.ComponentProps<typeof ContextMenu$1.Root>):react_jsx_runtime.JSX.Element; declare function ContextMenuTrigger({...props}:React$1.ComponentProps<typeof ContextMenu$1.Trigger>):react_jsx_runtime.JSX.Element; declare function ContextMenuGroup({...props}:React$1.ComponentProps<typeof ContextMenu$1.Group>):react_jsx_runtime.JSX.Element; declare function ContextMenuPortal({...props}:React$1.ComponentProps<typeof ContextMenu$1.Portal>):react_jsx_runtime.JSX.Element; declare function ContextMenuSub({...props}:React$1.ComponentProps<typeof ContextMenu$1.Sub>):react_jsx_runtime.JSX.Element; declare function ContextMenuRadioGroup({...props}:React$1.ComponentProps<typeof ContextMenu$1.RadioGroup>):react_jsx_runtime.JSX.Element; declare function ContextMenuSubTrigger({className,inset,children,...props}:React$1.ComponentProps<typeof ContextMenu$1.SubTrigger>&{inset?:boolean;}):react_jsx_runtime.JSX.Element; declare function ContextMenuSubContent({className,...props}:React$1.ComponentProps<typeof ContextMenu$1.SubContent>):react_jsx_runtime.JSX.Element; declare function ContextMenuContent({className,...props}:React$1.ComponentProps<typeof ContextMenu$1.Content>):react_jsx_runtime.JSX.Element; declare function ContextMenuItem({className,inset,variant,...props}:React$1.ComponentProps<typeof ContextMenu$1.Item>&{inset?:boolean; variant?:"default"|"destructive";}):react_jsx_runtime.JSX.Element; declare function ContextMenuCheckboxItem({className,children,checked,...props}:React$1.ComponentProps<typeof ContextMenu$1.CheckboxItem>):react_jsx_runtime.JSX.Element; declare function ContextMenuRadioItem({className,children,...props}:React$1.ComponentProps<typeof ContextMenu$1.RadioItem>):react_jsx_runtime.JSX.Element; declare function ContextMenuLabel({className,inset,...props}:React$1.ComponentProps<typeof ContextMenu$1.Label>&{inset?:boolean;}):react_jsx_runtime.JSX.Element; declare function ContextMenuSeparator({className,...props}:React$1.ComponentProps<typeof ContextMenu$1.Separator>):react_jsx_runtime.JSX.Element; declare function ContextMenuShortcut({className,...props}:React$1.ComponentProps<"span">):react_jsx_runtime.JSX.Element; type OpUnitType="day"|"month"|"year"; type StartUnit=OpUnitType|"week"; declare class SimpleDayjs {private readonly value; constructor(date:Date); private create; clone():SimpleDayjs; add(amount:number,unit:OpUnitType):Dayjs; subtract(amount:number,unit:OpUnitType):Dayjs; startOf(unit:StartUnit):Dayjs; endOf(unit:OpUnitType):Dayjs; isSame(other:Dayjs,unit?:StartUnit):boolean; isBefore(other:Dayjs,unit?:OpUnitType):boolean; isAfter(other:Dayjs,unit?:OpUnitType):boolean; format(format:string):string; daysInMonth():number; month():number; month(value:number):Dayjs; year():number; year(value:number):Dayjs; date():number; date(value:number):Dayjs; isValid():boolean; toDate():Date; valueOf():number;} type Dayjs=SimpleDayjs; type DatePickerMode="time"|"date"|"month"|"year"|"decade"; type DatePickerVariant="outlined"|"borderless"|"filled"|"underlined"; type DatePickerPlacement="bottomLeft"|"bottomRight"|"topLeft"|"topRight"; interface DatePickerLocale {placeholder?:string; today?:string; clear?:string; months?:string[]; weekDays?:string[]; yearFormat?:string; decadeFormat?:(start:Dayjs,end:Dayjs)=> string;} interface DatePickerPreset {label:React$1.ReactNode; value:Dayjs|(()=> Dayjs);} interface DatePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,"onChange"|"size"|"value"|"defaultValue"|"prefix"|"className"|"style">{value?:Dayjs|null; defaultValue?:Dayjs|null; onChange?:(value:Dayjs|null,dateString:string)=> void; onOpenChange?:(open:boolean)=> void; allowClear?:boolean|{clearIcon?:React$1.ReactNode;}; className?:string; style?:React$1.CSSProperties; inputClassName?:string; inputStyle?:React$1.CSSProperties; disabled?:boolean; disabledDate?:(currentDate:Dayjs,info:{from?:Dayjs; type:DatePickerMode;})=> boolean; format?:string|string[]|((value:Dayjs|null)=> string); preserveInvalidOnBlur?:boolean; inputReadOnly?:boolean; locale?:DatePickerLocale; minDate?:Dayjs; maxDate?:Dayjs; mode?:DatePickerMode; needConfirm?:boolean; defaultOpen?:boolean; open?:boolean; panelRender?:(panelNode:React$1.ReactNode)=> React$1.ReactNode; picker?:"date"|"week"|"month"|"quarter"|"year"; placeholder?:string; placement?:DatePickerPlacement; prefix?:React$1.ReactNode; presets?:DatePickerPreset[]; size?:"large"|"middle"|"small"; status?:"error"|"warning"; variant?:DatePickerVariant;} declare const DatePicker:React$1.ForwardRefExoticComponent<DatePickerProps&React$1.RefAttributes<HTMLInputElement>>; declare function Drawer({...props}:React$1.ComponentProps<typeof Drawer$1.Root>):react_jsx_runtime.JSX.Element; declare function DrawerTrigger({...props}:React$1.ComponentProps<typeof Drawer$1.Trigger>):react_jsx_runtime.JSX.Element; declare function DrawerPortal({...props}:React$1.ComponentProps<typeof Drawer$1.Portal>):react_jsx_runtime.JSX.Element; declare function DrawerClose({...props}:React$1.ComponentProps<typeof Drawer$1.Close>):react_jsx_runtime.JSX.Element; declare function DrawerOverlay({className,...props}:React$1.ComponentProps<typeof Drawer$1.Overlay>):react_jsx_runtime.JSX.Element; declare function DrawerContent({className,children,...props}:React$1.ComponentProps<typeof Drawer$1.Content>):react_jsx_runtime.JSX.Element; declare function DrawerHeader({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function DrawerFooter({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function DrawerTitle({className,...props}:React$1.ComponentProps<typeof Drawer$1.Title>):react_jsx_runtime.JSX.Element; declare function DrawerDescription({className,...props}:React$1.ComponentProps<typeof Drawer$1.Description>):react_jsx_runtime.JSX.Element; declare function DropdownMenu({...props}:React$1.ComponentProps<typeof DropdownMenu$1.Root>):react_jsx_runtime.JSX.Element; declare function DropdownMenuPortal({...props}:React$1.ComponentProps<typeof DropdownMenu$1.Portal>):react_jsx_runtime.JSX.Element; declare const DropdownMenuTrigger:React$1.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuTriggerProps&React$1.RefAttributes<HTMLButtonElement>,"ref">&React$1.RefAttributes<HTMLButtonElement>>; declare const DropdownMenuContent:React$1.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuContentProps&React$1.RefAttributes<HTMLDivElement>,"ref">&React$1.RefAttributes<HTMLDivElement>>; declare function DropdownMenuGroup({...props}:React$1.ComponentProps<typeof DropdownMenu$1.Group>):react_jsx_runtime.JSX.Element; declare function DropdownMenuItem({className,inset,variant,...props}:React$1.ComponentProps<typeof DropdownMenu$1.Item>&{inset?:boolean; variant?:"default"|"destructive";}):react_jsx_runtime.JSX.Element; declare function DropdownMenuCheckboxItem({className,children,checked,...props}:React$1.ComponentProps<typeof DropdownMenu$1.CheckboxItem>):react_jsx_runtime.JSX.Element; declare function DropdownMenuRadioGroup({...props}:React$1.ComponentProps<typeof DropdownMenu$1.RadioGroup>):react_jsx_runtime.JSX.Element; declare function DropdownMenuRadioItem({className,children,...props}:React$1.ComponentProps<typeof DropdownMenu$1.RadioItem>):react_jsx_runtime.JSX.Element; declare function DropdownMenuLabel({className,inset,...props}:React$1.ComponentProps<typeof DropdownMenu$1.Label>&{inset?:boolean;}):react_jsx_runtime.JSX.Element; declare function DropdownMenuSeparator({className,...props}:React$1.ComponentProps<typeof DropdownMenu$1.Separator>):react_jsx_runtime.JSX.Element; declare function DropdownMenuShortcut({className,...props}:React$1.ComponentProps<"span">):react_jsx_runtime.JSX.Element; declare function DropdownMenuSub({...props}:React$1.ComponentProps<typeof DropdownMenu$1.Sub>):react_jsx_runtime.JSX.Element; declare const DropdownMenuSubTrigger:React$1.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuSubTriggerProps&React$1.RefAttributes<HTMLDivElement>,"ref">&{inset?:boolean;}&React$1.RefAttributes<HTMLDivElement>>; declare const DropdownMenuSubContent:React$1.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuSubContentProps&React$1.RefAttributes<HTMLDivElement>,"ref">&React$1.RefAttributes<HTMLDivElement>>; declare const Form:({children,...props}:React$1.ComponentProps<"form">)=> react_jsx_runtime.JSX.Element; declare const directionClasses:{readonly row:"flex-row"; readonly "row-reverse":"flex-row-reverse"; readonly column:"flex-col"; readonly "column-reverse":"flex-col-reverse";}; declare const alignClasses:{readonly start:"items-start"; readonly center:"items-center"; readonly end:"items-end"; readonly stretch:"items-stretch"; readonly baseline:"items-baseline";}; declare const justifyClasses:{readonly start:"justify-start"; readonly center:"justify-center"; readonly end:"justify-end"; readonly between:"justify-between"; readonly around:"justify-around"; readonly evenly:"justify-evenly";}; declare const wrapClasses:{readonly nowrap:"flex-nowrap"; readonly wrap:"flex-wrap"; readonly "wrap-reverse":"flex-wrap-reverse";}; declare const gapClasses:{readonly small:{readonly all:"gap-2"; readonly x:"gap-x-2"; readonly y:"gap-y-2";}; readonly middle:{readonly all:"gap-3"; readonly x:"gap-x-3"; readonly y:"gap-y-3";}; readonly large:{readonly all:"gap-4"; readonly x:"gap-x-4"; readonly y:"gap-y-4";}; readonly none:{readonly all:"gap-0"; readonly x:"gap-x-0"; readonly y:"gap-y-0";}; readonly xs:{readonly all:"gap-1"; readonly x:"gap-x-1"; readonly y:"gap-y-1";}; readonly sm:{readonly all:"gap-2"; readonly x:"gap-x-2"; readonly y:"gap-y-2";}; readonly md:{readonly all:"gap-3"; readonly x:"gap-x-3"; readonly y:"gap-y-3";}; readonly lg:{readonly all:"gap-4"; readonly x:"gap-x-4"; readonly y:"gap-y-4";}; readonly xl:{readonly all:"gap-6"; readonly x:"gap-x-6"; readonly y:"gap-y-6";}; readonly "2xl":{readonly all:"gap-8"; readonly x:"gap-x-8"; readonly y:"gap-y-8";};}; type FlexDirection=keyof typeof directionClasses; type FlexAlign=keyof typeof alignClasses; type FlexJustify=keyof typeof justifyClasses; type FlexWrap=keyof typeof wrapClasses|boolean; type FlexGap=keyof typeof gapClasses; interface FlexProps extends React$1.HTMLAttributes<HTMLDivElement>{direction?:FlexDirection; vertical?:boolean; align?:FlexAlign; justify?:FlexJustify; wrap?:FlexWrap; gap?:FlexGap; gapX?:FlexGap; gapY?:FlexGap; inline?:boolean;} declare const Flex:React$1.ForwardRefExoticComponent<FlexProps&React$1.RefAttributes<HTMLDivElement>>; declare function HoverCard({...props}:React$1.ComponentProps<typeof HoverCard$1.Root>):react_jsx_runtime.JSX.Element; declare function HoverCardTrigger({...props}:React$1.ComponentProps<typeof HoverCard$1.Trigger>):react_jsx_runtime.JSX.Element; declare function HoverCardContent({className,align,sideOffset,...props}:React$1.ComponentProps<typeof HoverCard$1.Content>):react_jsx_runtime.JSX.Element; interface HtmlRendererProps {children:string; className?:string;} declare function HtmlRenderer({children,className}:HtmlRendererProps):react_jsx_runtime.JSX.Element; declare namespace HtmlRenderer {var displayName:string;} declare const MarkdownRenderer:typeof HtmlRenderer; declare const Input:React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>,HTMLInputElement>,"ref">&React$1.RefAttributes<HTMLInputElement>>; type Formatter=(value:string|number|null)=> string; type ParserResult=string|number|null|undefined; type Parser=(value:string)=> ParserResult; type InputNumericProps=Omit<React$1.ComponentPropsWithoutRef<typeof Input>,"type"|"value"|"defaultValue"|"onChange">&{value?:number|null; defaultValue?:number|null; onChange?:(value:number|null)=> void; min?:number; max?:number; decimals?:number; formatter?:Formatter; parser?:Parser;}; declare const InputNumeric:React$1.ForwardRefExoticComponent<Omit<Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>,HTMLInputElement>,"ref">&React$1.RefAttributes<HTMLInputElement>,"ref">,"value"|"defaultValue"|"onChange"|"type">&{value?:number|null; defaultValue?:number|null; onChange?:(value:number|null)=> void; min?:number; max?:number; decimals?:number; formatter?:Formatter; parser?:Parser;}&React$1.RefAttributes<HTMLInputElement>>; type InputMaskProps=Omit<React$1.ComponentPropsWithoutRef<typeof Input>,"value"|"defaultValue"|"onChange">&{mask:string; placeholderChar?:string; value?:string; defaultValue?:string; onChange?:(value:string)=> void;}; declare const InputMask:React$1.ForwardRefExoticComponent<Omit<Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>,HTMLInputElement>,"ref">&React$1.RefAttributes<HTMLInputElement>,"ref">,"value"|"defaultValue"|"onChange">&{mask:string; placeholderChar?:string; value?:string; defaultValue?:string; onChange?:(value:string)=> void;}&React$1.RefAttributes<HTMLInputElement>>; declare function InputOTP({className,containerClassName,...props}:React$1.ComponentProps<typeof OTPInput>&{containerClassName?:string;}):react_jsx_runtime.JSX.Element; declare function InputOTPGroup({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function InputOTPSlot({index,className,...props}:React$1.ComponentProps<"div">&{index:number;}):react_jsx_runtime.JSX.Element; declare function InputOTPSeparator({...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function Label({className,...props}:React$1.ComponentProps<typeof Label$1.Root>):react_jsx_runtime.JSX.Element; declare function Menubar({className,...props}:React$1.ComponentProps<typeof Menubar$1.Root>):react_jsx_runtime.JSX.Element; declare function MenubarMenu({...props}:React$1.ComponentProps<typeof Menubar$1.Menu>):react_jsx_runtime.JSX.Element; declare function MenubarGroup({...props}:React$1.ComponentProps<typeof Menubar$1.Group>):react_jsx_runtime.JSX.Element; declare function MenubarPortal({...props}:React$1.ComponentProps<typeof Menubar$1.Portal>):react_jsx_runtime.JSX.Element; declare function MenubarRadioGroup({...props}:React$1.ComponentProps<typeof Menubar$1.RadioGroup>):react_jsx_runtime.JSX.Element; declare function MenubarTrigger({className,...props}:React$1.ComponentProps<typeof Menubar$1.Trigger>):react_jsx_runtime.JSX.Element; declare function MenubarContent({className,align,alignOffset,sideOffset,...props}:React$1.ComponentProps<typeof Menubar$1.Content>):react_jsx_runtime.JSX.Element; declare function MenubarItem({className,inset,variant,...props}:React$1.ComponentProps<typeof Menubar$1.Item>&{inset?:boolean; variant?:"default"|"destructive";}):react_jsx_runtime.JSX.Element; declare function MenubarCheckboxItem({className,children,checked,...props}:React$1.ComponentProps<typeof Menubar$1.CheckboxItem>):react_jsx_runtime.JSX.Element; declare function MenubarRadioItem({className,children,...props}:React$1.ComponentProps<typeof Menubar$1.RadioItem>):react_jsx_runtime.JSX.Element; declare function MenubarLabel({className,inset,...props}:React$1.ComponentProps<typeof Menubar$1.Label>&{inset?:boolean;}):react_jsx_runtime.JSX.Element; declare function MenubarSeparator({className,...props}:React$1.ComponentProps<typeof Menubar$1.Separator>):react_jsx_runtime.JSX.Element; declare function MenubarShortcut({className,...props}:React$1.ComponentProps<"span">):react_jsx_runtime.JSX.Element; declare function MenubarSub({...props}:React$1.ComponentProps<typeof Menubar$1.Sub>):react_jsx_runtime.JSX.Element; declare function MenubarSubTrigger({className,inset,children,...props}:React$1.ComponentProps<typeof Menubar$1.SubTrigger>&{inset?:boolean;}):react_jsx_runtime.JSX.Element; declare function MenubarSubContent({className,...props}:React$1.ComponentProps<typeof Menubar$1.SubContent>):react_jsx_runtime.JSX.Element; declare const sizeClassNames:{sm:string; md:string; lg:string; xl:string;}; type ModalSize=keyof typeof sizeClassNames; type ModalClassNames=Partial<Record<"content"|"header"|"title"|"description"|"body"|"footer",string>>; type ModalActionButtonProps=Omit<React$1.ComponentProps<typeof Button>,"onClick">&{onClick?:React$1.MouseEventHandler<HTMLButtonElement>;}; type ModalFooterConfig={show?:boolean; render?:React$1.ReactNode; onOk?:()=> void; onCancel?:()=> void; showOk?:boolean; showCancel?:boolean; okText?:React$1.ReactNode; cancelText?:React$1.ReactNode; okLoading?:boolean; cancelLoading?:boolean; okDisabled?:boolean; cancelDisabled?:boolean; cancelDisable?:boolean; okType?:"primary"|"default"|"destructive"; okButtonProps?:ModalActionButtonProps; cancelButtonProps?:ModalActionButtonProps; size?:React$1.ComponentProps<typeof Button>["size"];}; type BaseDialogProps=Omit<React$1.ComponentProps<typeof Dialog>,"children"|"onOpenChange">&{onOpenChange?:(open:boolean)=> void;}; type ModalProps=BaseDialogProps&{title?:React$1.ReactNode; description?:React$1.ReactNode; closable?:boolean; className?:string; classNames?:ModalClassNames; loading?:boolean; maskClosable?:boolean; style?:React$1.CSSProperties; footer?:ModalFooterConfig; onOk?:()=> void; onCancel?:()=> void; size?:ModalSize; children?:React$1.ReactNode;}; declare const Modal:{({title,description,closable,className,classNames,loading,maskClosable,style,footer,onOk,onCancel,children,onOpenChange,size,...dialogProps}:ModalProps):react_jsx_runtime.JSX.Element; displayName:string;}; interface MobileSelectOption {label:React$1.ReactNode; value:string; disabled?:boolean;} interface MobileSelectDrawerProps {open:boolean; onOpenChange:(open:boolean)=> void; title?:React$1.ReactNode; children?:React$1.ReactNode; footer?:React$1.ReactNode; footerClassName?:string; contentClassName?:string; disableContentWrapper?:boolean; options?:MobileSelectOption[]; selectedValues?:string|string[]; onSelect?:(value:string)=> void; isMulti?:boolean;} declare function MobileSelectDrawer({open,onOpenChange,title,children,footer,footerClassName,contentClassName,disableContentWrapper,options,selectedValues,onSelect,isMulti,}:MobileSelectDrawerProps):react_jsx_runtime.JSX.Element; type MobileFooterItem={value:string; label:string; icon?:React$1.ReactNode; badge?:React$1.ReactNode;}; declare const mobileFooterVariantMeta:{readonly floating:{readonly label:"Floating Glow"; readonly description:"Glassmorphism-inspired bar with a floating circular highlight around the active tab.";}; readonly pill:{readonly label:"Soft Pill"; readonly description:"Rounded pill navigation with a smooth capsule indicator that slides beneath the active item.";}; readonly minimal:{readonly label:"Minimal Line"; readonly description:"Lightweight footer that focuses on iconography with a subtle underline transition.";}; readonly curved:{readonly label:"Curved Wave"; readonly description:"Playful curved dock that mimics native device docks with a spotlighted active state.";};}; type MobileFooterVariant=keyof typeof mobileFooterVariantMeta; declare const mobileFooterVariants:MobileFooterVariant[]; type MobileFooterProps={items:MobileFooterItem[]; value?:string; defaultValue?:string; onChange?:(value:string)=> void; className?:string; variant?:MobileFooterVariant; forceLabels?:boolean;}&Omit<React$1.ComponentPropsWithoutRef<"nav">,"onChange">; declare const MobileFooter:React$1.ForwardRefExoticComponent<{items:MobileFooterItem[]; value?:string; defaultValue?:string; onChange?:(value:string)=> void; className?:string; variant?:MobileFooterVariant; forceLabels?:boolean;}&Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>,HTMLElement>,"ref">,"onChange">&React$1.RefAttributes<HTMLElement>>; type MobileHeaderAction={value:string; icon?:React$1.ReactNode; label?:string; ariaLabel?:string; badge?:React$1.ReactNode; onClick?:React$1.MouseEventHandler<HTMLButtonElement>;}; type MobileHeaderStory=MobileHeaderAction&{description?:string;}; declare const mobileHeaderVariantMeta:{readonly hero:{readonly label:"Hero Spotlight"; readonly description:"Immersive header with a leading action row, large title block, and optional hero media thumbnail.";}; readonly stories:{readonly label:"Stories Carousel"; readonly description:"Horizontal story rail with rounded action chips that mimic social media story pickers.";}; readonly minimal:{readonly label:"Minimal Bar"; readonly description:"Compact navigation bar with centered title and contextual leading/trailing actions.";}; readonly search:{readonly label:"Search Hub"; readonly description:"Two-line header with quick actions and an inline search field anchored by an avatar trigger.";};}; type MobileHeaderVariant=keyof typeof mobileHeaderVariantMeta; declare const mobileHeaderVariants:MobileHeaderVariant[]; type MobileHeaderProps={title?:string; subtitle?:string; supportingText?:string; heroBadge?:React$1.ReactNode; heroMedia?:React$1.ReactNode; heroImage?:string; heroAlt?:string; leadingAction?:MobileHeaderAction; trailingActions?:MobileHeaderAction[]; trailingContent?:React$1.ReactNode; stories?:MobileHeaderStory[]; searchPlaceholder?:string; searchValue?:string; defaultSearchValue?:string; onSearchChange?:(value:string)=> void; searchIcon?:React$1.ReactNode; variant?:MobileHeaderVariant; className?:string; children?:React$1.ReactNode;}&React$1.ComponentPropsWithoutRef<"header">; declare const MobileHeader:React$1.ForwardRefExoticComponent<{title?:string; subtitle?:string; supportingText?:string; heroBadge?:React$1.ReactNode; heroMedia?:React$1.ReactNode; heroImage?:string; heroAlt?:string; leadingAction?:MobileHeaderAction; trailingActions?:MobileHeaderAction[]; trailingContent?:React$1.ReactNode; stories?:MobileHeaderStory[]; searchPlaceholder?:string; searchValue?:string; defaultSearchValue?:string; onSearchChange?:(value:string)=> void; searchIcon?:React$1.ReactNode; variant?:MobileHeaderVariant; className?:string; children?:React$1.ReactNode;}&Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>,HTMLElement>,"ref">&React$1.RefAttributes<HTMLElement>>; type SafeAreaConfig={top?:boolean; bottom?:boolean; left?:boolean; right?:boolean;}; type MobileLayoutHeaderConfig={show?:boolean; variant?:MobileHeaderVariant; type?:MobileHeaderVariant; className?:string;}; type MobileLayoutFooterConfig=MobileFooterProps&{show?:boolean; activeKey?:string;}; interface MobileLayoutProps {header?:MobileLayoutHeaderConfig; footer?:MobileLayoutFooterConfig; children:React$1.ReactNode; className?:string; safeArea?:SafeAreaConfig;} declare const MobileLayout:React$1.FC<MobileLayoutProps>; declare function NavigationMenu({className,children,viewport,...props}:React$1.ComponentProps<typeof NavigationMenu$1.Root>&{viewport?:boolean;}):react_jsx_runtime.JSX.Element; declare function NavigationMenuList({className,...props}:React$1.ComponentProps<typeof NavigationMenu$1.List>):react_jsx_runtime.JSX.Element; declare function NavigationMenuItem({className,...props}:React$1.ComponentProps<typeof NavigationMenu$1.Item>):react_jsx_runtime.JSX.Element; declare const navigationMenuTriggerStyle:(props?:class_variance_authority_types.ClassProp|undefined)=> string; declare function NavigationMenuTrigger({className,children,...props}:React$1.ComponentProps<typeof NavigationMenu$1.Trigger>):react_jsx_runtime.JSX.Element; declare function NavigationMenuContent({className,...props}:React$1.ComponentProps<typeof NavigationMenu$1.Content>):react_jsx_runtime.JSX.Element; declare function NavigationMenuViewport({className,...props}:React$1.ComponentProps<typeof NavigationMenu$1.Viewport>):react_jsx_runtime.JSX.Element; declare function NavigationMenuLink({className,...props}:React$1.ComponentProps<typeof NavigationMenu$1.Link>):react_jsx_runtime.JSX.Element; declare function NavigationMenuIndicator({className,...props}:React$1.ComponentProps<typeof NavigationMenu$1.Indicator>):react_jsx_runtime.JSX.Element; declare function Pagination({className,...props}:React$1.ComponentProps<"nav">):react_jsx_runtime.JSX.Element; declare function PaginationContent({className,...props}:React$1.ComponentProps<"ul">):react_jsx_runtime.JSX.Element; declare function PaginationItem({...props}:React$1.ComponentProps<"li">):react_jsx_runtime.JSX.Element; type PaginationLinkProps={isActive?:boolean;}&Pick<React$1.ComponentProps<typeof Button>,"size">&React$1.ComponentProps<"a">; declare function PaginationLink({className,isActive,size,...props}:PaginationLinkProps):react_jsx_runtime.JSX.Element; declare function PaginationPrevious({className,...props}:React$1.ComponentProps<typeof PaginationLink>):react_jsx_runtime.JSX.Element; declare function PaginationNext({className,...props}:React$1.ComponentProps<typeof PaginationLink>):react_jsx_runtime.JSX.Element; declare function PaginationEllipsis({className,...props}:React$1.ComponentProps<"span">):react_jsx_runtime.JSX.Element; declare function Popover({...props}:React$1.ComponentProps<typeof Popover$1.Root>):react_jsx_runtime.JSX.Element; declare function PopoverTrigger({...props}:React$1.ComponentProps<typeof Popover$1.Trigger>):react_jsx_runtime.JSX.Element; declare function PopoverContent({className,align,sideOffset,...props}:React$1.ComponentProps<typeof Popover$1.Content>):react_jsx_runtime.JSX.Element; declare function PopoverAnchor({...props}:React$1.ComponentProps<typeof Popover$1.Anchor>):react_jsx_runtime.JSX.Element; declare function Progress({className,value,...props}:React$1.ComponentProps<typeof Progress$1.Root>):react_jsx_runtime.JSX.Element; declare function RadioGroup({className,...props}:React$1.ComponentProps<typeof RadioGroup$1.Root>):react_jsx_runtime.JSX.Element; declare function RadioGroupItem({className,...props}:React$1.ComponentProps<typeof RadioGroup$1.Item>):react_jsx_runtime.JSX.Element; declare function ResizablePanelGroup({className,...props}:PanelGroupProps):react_jsx_runtime.JSX.Element; declare function ResizablePanel({...props}:PanelProps):react_jsx_runtime.JSX.Element; declare function ResizableHandle({withHandle,className,...props}:PanelResizeHandleProps&{withHandle?:boolean;}):react_jsx_runtime.JSX.Element; declare function ScrollArea({className,children,...props}:React$1.ComponentProps<typeof ScrollArea$1.Root>):react_jsx_runtime.JSX.Element; declare function ScrollBar({className,orientation,...props}:React$1.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>):react_jsx_runtime.JSX.Element; type SelectOption={value:string; label?:React$1.ReactNode; disabled?:boolean; key?:React$1.Key; className?:string;}; type SimpleSelectProps=Omit<React$1.ComponentProps<typeof Select$1.Root>,"children">&{options:SelectOption[]; placeholder?:React$1.ReactNode; triggerProps?:Omit<React$1.ComponentProps<typeof SelectTrigger>,"children">; contentProps?:Omit<React$1.ComponentProps<typeof SelectContent>,"children">;}; declare function SelectRoot({open:openProp,defaultOpen,onOpenChange,children,...props}:React$1.ComponentProps<typeof Select$1.Root>):react_jsx_runtime.JSX.Element; declare function SelectTrigger({className,size,children,...props}:React$1.ComponentProps<typeof Select$1.Trigger>&{size?:"sm"|"default";}):react_jsx_runtime.JSX.Element; declare function SelectContent({className,children,position,title,...props}:React$1.ComponentProps<typeof Select$1.Content>&{title?:string;}):react_jsx_runtime.JSX.Element; declare function SelectItem({className,children,onSelect,...props}:React$1.ComponentProps<typeof Select$1.Item>):react_jsx_runtime.JSX.Element; declare function SelectScrollUpButton({className,...props}:React$1.ComponentProps<typeof Select$1.ScrollUpButton>):react_jsx_runtime.JSX.Element; declare function SelectScrollDownButton({className,...props}:React$1.ComponentProps<typeof Select$1.ScrollDownButton>):react_jsx_runtime.JSX.Element; declare function SelectValue({className,...props}:React$1.ComponentProps<typeof Select$1.Value>):react_jsx_runtime.JSX.Element; declare function Select({options,placeholder,triggerProps,contentProps,...rootProps}:SimpleSelectProps):react_jsx_runtime.JSX.Element; type SelectTriggerProps=React$1.ComponentProps<typeof SelectTrigger>; type SelectContentProps=React$1.ComponentProps<typeof SelectContent>; type MultiSelectProps=React$1.PropsWithChildren<{value?:string[]; defaultValue?:string[]; onValueChange?:(values:string[])=> void; open?:boolean; defaultOpen?:boolean; onOpenChange?:(open:boolean)=> void;}>; declare function MultiSelect({value,defaultValue,onValueChange,open:openProp,defaultOpen,onOpenChange,children,}:MultiSelectProps):react_jsx_runtime.JSX.Element; type MultiSelectTriggerProps=React$1.ComponentPropsWithoutRef<"button">&{disabled?:boolean;}; declare function MultiSelectTrigger({className,children,disabled,onClick,...props}:MultiSelectTriggerProps):react_jsx_runtime.JSX.Element; type MultiSelectValueProps={placeholder?:string; className?:string; separator?:string; formatValue?:(values:string[])=> React$1.ReactNode;}; declare function MultiSelectValue({placeholder,className,separator,formatValue,}:MultiSelectValueProps):react_jsx_runtime.JSX.Element; type MultiSelectContentProps=React$1.PropsWithChildren<{title?:string; className?:string; commandClassName?:string; showSearch?:boolean; searchPlaceholder?:string; emptyMessage?:React$1.ReactNode;}>&Omit<React$1.ComponentProps<typeof PopoverContent>,"children"|"className">; declare function MultiSelectContent({className,title,children,commandClassName,showSearch,searchPlaceholder,emptyMessage,sideOffset,align,...props}:MultiSelectContentProps):react_jsx_runtime.JSX.Element; type MultiSelectItemProps=Omit<React$1.ComponentProps<typeof CommandItem>,"onSelect"|"value">&{value:string;}; declare function MultiSelectItem({value,children,className,disabled,...props}:MultiSelectItemProps):react_jsx_runtime.JSX.Element; declare function Separator({className,orientation,decorative,...props}:React$1.ComponentProps<typeof Separator$1.Root>):react_jsx_runtime.JSX.Element; declare function Sheet({...props}:React$1.ComponentProps<typeof Dialog$1.Root>):react_jsx_runtime.JSX.Element; declare function SheetTrigger({...props}:React$1.ComponentProps<typeof Dialog$1.Trigger>):react_jsx_runtime.JSX.Element; declare function SheetClose({...props}:React$1.ComponentProps<typeof Dialog$1.Close>):react_jsx_runtime.JSX.Element; declare function SheetContent({className,children,side,...props}:React$1.ComponentProps<typeof Dialog$1.Content>&{side?:"top"|"right"|"bottom"|"left";}):react_jsx_runtime.JSX.Element; declare function SheetHeader({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function SheetFooter({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function SheetTitle({className,...props}:React$1.ComponentProps<typeof Dialog$1.Title>):react_jsx_runtime.JSX.Element; declare function SheetDescription({className,...props}:React$1.ComponentProps<typeof Dialog$1.Description>):react_jsx_runtime.JSX.Element; declare function TooltipProvider({delayDuration,...props}:React$1.ComponentProps<typeof Tooltip$1.Provider>):react_jsx_runtime.JSX.Element; declare function Tooltip({...props}:React$1.ComponentProps<typeof Tooltip$1.Root>):react_jsx_runtime.JSX.Element; declare function TooltipTrigger({...props}:React$1.ComponentProps<typeof Tooltip$1.Trigger>):react_jsx_runtime.JSX.Element; declare function TooltipContent({className,sideOffset,children,...props}:React$1.ComponentProps<typeof Tooltip$1.Content>):react_jsx_runtime.JSX.Element; type SidebarContextProps={state:"expanded"|"collapsed"; open:boolean; setOpen:(open:boolean)=> void; openMobile:boolean; setOpenMobile:(open:boolean)=> void; isMobile:boolean; toggleSidebar:()=> void;}; declare function useSidebar():SidebarContextProps; declare function SidebarProvider({defaultOpen,open:openProp,onOpenChange:setOpenProp,className,style,children,...props}:React$1.ComponentProps<"div">&{defaultOpen?:boolean; open?:boolean; onOpenChange?:(open:boolean)=> void;}):react_jsx_runtime.JSX.Element; declare function Sidebar({side,variant,collapsible,className,children,...props}:React$1.ComponentProps<"div">&{side?:"left"|"right"; variant?:"sidebar"|"floating"|"inset"; collapsible?:"offcanvas"|"icon"|"none";}):react_jsx_runtime.JSX.Element; declare function SidebarTrigger({className,onClick,...props}:React$1.ComponentProps<typeof Button>):react_jsx_runtime.JSX.Element; declare function SidebarRail({className,...props}:React$1.ComponentProps<"button">):react_jsx_runtime.JSX.Element; declare function SidebarInset({className,...props}:React$1.ComponentProps<"main">):react_jsx_runtime.JSX.Element; declare function SidebarInput({className,...props}:React$1.ComponentProps<typeof Input>):react_jsx_runtime.JSX.Element; declare function SidebarHeader({className,sticky,...props}:React$1.ComponentProps<"div">&{sticky?:boolean;}):react_jsx_runtime.JSX.Element; declare function SidebarFooter({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function SidebarSeparator({className,...props}:React$1.ComponentProps<typeof Separator>):react_jsx_runtime.JSX.Element; declare function SidebarContent({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function SidebarGroup({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function SidebarGroupLabel({className,asChild,...props}:React$1.ComponentProps<"div">&{asChild?:boolean;}):react_jsx_runtime.JSX.Element; declare function SidebarGroupAction({className,asChild,...props}:React$1.ComponentProps<"button">&{asChild?:boolean;}):react_jsx_runtime.JSX.Element; declare function SidebarGroupContent({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function SidebarMenu({className,...props}:React$1.ComponentProps<"ul">):react_jsx_runtime.JSX.Element; declare function SidebarMenuItem({className,...props}:React$1.ComponentProps<"li">):react_jsx_runtime.JSX.Element; declare const sidebarMenuButtonVariants:(props?:({variant?:"default"|"outline"|null|undefined; size?:"default"|"sm"|"lg"|null|undefined;}&class_variance_authority_types.ClassProp)|undefined)=> string; declare function SidebarMenuButton({asChild,isActive,variant,size,tooltip,className,onClick,...props}:React$1.ComponentProps<"button">&{asChild?:boolean; isActive?:boolean; tooltip?:string|React$1.ComponentProps<typeof TooltipContent>;}&VariantProps<typeof sidebarMenuButtonVariants>):react_jsx_runtime.JSX.Element; declare function SidebarMenuAction({className,asChild,showOnHover,...props}:React$1.ComponentProps<"button">&{asChild?:boolean; showOnHover?:boolean;}):react_jsx_runtime.JSX.Element; declare function SidebarMenuBadge({className,...props}:React$1.ComponentProps<"div">):react_jsx_runtime.JSX.Element; declare function SidebarMenuSkeleton({className,showIcon,...props}:React$1.ComponentProps<"div">&{showIcon?:boolean;}):react_jsx_runtime.JSX.Element; declare function SidebarMenuSub({className,...props}:React$1.ComponentProps<"ul">):react_jsx_runtime.JSX.Element; declare function SidebarMenuSubItem({className,...props}:React$1.ComponentProps<"li">):react_jsx_runtime.JSX.Element; declare function SidebarMenuSubButton({asChild,size,isActive,className,onClick,...props}:React$1.ComponentProps<"a">&{asChild?:boolean; size?:"sm"|"md"; isActive?:boolean;}):react_jsx_runtime.JSX.Element; declare const Skeleton:React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>,HTMLDivElement>,"ref">&React$1.RefAttributes<HTMLDivElement>>&{Button:React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>,HTMLDivElement>,"ref">&React$1.RefAttributes<HTMLDivElement>>; Input:React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>,HTMLDivElement>,"ref">&React$1.RefAttributes<HTMLDivElement>>;}; declare function Slider({className,defaultValue,value,min,max,...props}:React$1.ComponentProps<typeof Slider$1.Root>):react_jsx_runtime.JSX.Element; declare const Toaster:({...props}:ToasterProps)=> react_jsx_runtime.JSX.Element; declare function Switch({className,...props}:React$1.ComponentProps<typeof Switch$1.Root>):react_jsx_runtime.JSX.Element; declare function Table({className,...props}:React$1.ComponentProps<"table">):react_jsx_runtime.JSX.Element; declare function TableHeader({className,...props}:React$1.ComponentProps<"thead">):react_jsx_runtime.JSX.Element; declare function TableBody({className,...props}:React$1.ComponentProps<"tbody">):react_jsx_runtime.JSX.Element; declare function TableFooter({className,...props}:React$1.ComponentProps<"tfoot">):react_jsx_runtime.JSX.Element; declare function TableRow({className,...props}:React$1.ComponentProps<"tr">):react_jsx_runtime.JSX.Element; declare function TableHead({className,...props}:React$1.ComponentProps<"th">):react_jsx_runtime.JSX.Element; declare function TableCell({className,...props}:React$1.ComponentProps<"td">):react_jsx_runtime.JSX.Element; declare function TableCaption({className,...props}:React$1.ComponentProps<"caption">):react_jsx_runtime.JSX.Element; type TabsVariant="default"|"solid"|"segmented"|"underline"|"boxed"; type TabsActivationMode="automatic"|"manual"; type TabsOrientation="horizontal"|"vertical"; interface TabsItem {key:string; label:React$1.ReactNode; children:React$1.ReactNode; disabled?:boolean; triggerClassName?:string; contentClassName?:string; triggerProps?:Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>,"type"|"role"|"id"|"disabled"|"value"|"aria-selected"|"aria-controls"|"tabIndex"|"data-state"|"onClick"|"onKeyDown">; contentProps?:Omit<React$1.HTMLAttributes<HTMLDivElement>,"role"|"id"|"hidden"|"aria-labelledby"|"data-state">;} interface TabsProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,"children">{value?:string; defaultValue?:string; onValueChange?:(value:string)=> void; activationMode?:TabsActivationMode; variant?:TabsVariant; orientation?:TabsOrientation; items:TabsItem[]; listClassName?:string; triggerClassName?:string; contentClassName?:string; renderList?:(list:React$1.ReactNode)=> React$1.ReactNode;} declare const Tabs:React$1.ForwardRefExoticComponent<TabsProps&React$1.RefAttributes<HTMLDivElement>>; declare const Textarea:React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>,HTMLTextAreaElement>,"ref">&React$1.RefAttributes<HTMLTextAreaElement>>; declare const toggleVariants:(props?:({variant?:"default"|"outline"|null|undefined; size?:"default"|"sm"|"lg"|null|undefined;}&class_variance_authority_types.ClassProp)|undefined)=> string; declare function Toggle({className,variant,size,...props}:React$1.ComponentProps<typeof Toggle$1.Root>&VariantProps<typeof toggleVariants>):react_jsx_runtime.JSX.Element; declare function ToggleGroup({className,variant,size,children,...props}:React$1.ComponentProps<typeof ToggleGroup$1.Root>&VariantProps<typeof toggleVariants>):react_jsx_runtime.JSX.Element; declare function ToggleGroupItem({className,children,variant,size,...props}:React$1.ComponentProps<typeof ToggleGroup$1.Item>&VariantProps<typeof toggleVariants>):react_jsx_runtime.JSX.Element; type TimeValue={hour:number; minute:number; second:number;}; type TimePickerFormat=string|((value:TimeValue|null)=> string); type AllowClearConfig={clearIcon?:React$1.ReactNode;}; interface TimePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,"value"|"defaultValue"|"onChange"|"size"|"prefix"|"style"|"className"|"type">{value?:string|null; defaultValue?:string|null; onChange?:(value:string|null,timeString:string)=> void; onOpenChange?:(open:boolean)=> void; hourStep?:number; minuteStep?:number; secondStep?:number; showSeconds?:boolean; use12Hours?:boolean; allowClear?:boolean|AllowClearConfig; format?:TimePickerFormat; placeholder?:string; placement?:DatePickerPlacement; size?:"large"|"middle"|"small"; status?:"error"|"warning"; variant?:DatePickerVariant; inputClassName?:string; inputStyle?:React$1.CSSProperties; prefix?:React$1.ReactNode; open?:boolean; defaultOpen?:boolean; inputReadOnly?:boolean; className?:string; style?:React$1.CSSProperties;} declare const TimePicker:React$1.ForwardRefExoticComponent<TimePickerProps&React$1.RefAttributes<HTMLInputElement>>; interface FormLike$9 {form?:FormLike$9; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; setFieldValue?:(field:PropertyKey,value:unknown)=> void; setFieldError?:(field:PropertyKey,error?:string)=> void; setFieldTouched?:(field:PropertyKey,touched?:boolean)=> void; handleChange?:(event:React$1.ChangeEvent<any>)=> void; validationSequence?:number;} type FormCheckboxProps={name:string; label?:React$1.ReactNode; description?:React$1.ReactNode; className?:string; checked?:boolean; defaultChecked?:boolean; onCheckedChange?:(checked:boolean)=> void; checkboxProps?:Omit<React$1.ComponentPropsWithoutRef<typeof Checkbox>,"checked"|"defaultChecked">; error?:string; form?:FormLike$9; rules?:{required?:boolean|string; validate?:(checked:boolean)=> string|boolean;};}; declare const FormCheckbox:{({name,label,description,className,checked,defaultChecked,onCheckedChange,checkboxProps,error,form,rules}:FormCheckboxProps):react_jsx_runtime.JSX.Element; displayName:string;}; interface FormErrorProps extends React$1.HTMLAttributes<HTMLParagraphElement>{message?:React$1.ReactNode;} declare const FormError:React$1.ForwardRefExoticComponent<FormErrorProps&React$1.RefAttributes<HTMLParagraphElement>>; interface FormLike$8 {form?:FormLike$8; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; validationSequence?:number; handleChange?:(event:React$1.ChangeEvent<any>)=> void; handleBlur?:(event:React$1.FocusEvent<any>)=> void; setFieldValue?:(field:string,value:unknown)=> void; setFieldError?:(field:string,error?:string)=> void; setFieldTouched?:(field:string,touched?:boolean)=> void;} interface FormInputProps {label?:string; name:string; type?:React$1.HTMLInputTypeAttribute; placeholder?:string; required?:boolean; error?:string; value?:string|number; onChange?:(value:string)=> void; onBlur?:()=> void; className?:string; description?:string; autoComplete?:string; labelProps?:React$1.ComponentProps<typeof Label>; inputProps?:React$1.ComponentProps<typeof Input>; form?:FormLike$8; rules?:{required?:boolean|string; minLength?:{value:number; message:string;}; maxLength?:{value:number; message:string;}; pattern?:{value:RegExp; message:string;}; validate?:(value:string)=> string|boolean;};} declare const FormInput:React$1.ForwardRefExoticComponent<FormInputProps&React$1.RefAttributes<HTMLInputElement>>; interface FormLike$7 {form?:FormLike$7; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; validationSequence?:number; handleChange?:(event:React$1.ChangeEvent<any>)=> void; handleBlur?:(event:React$1.FocusEvent<any>)=> void; setFieldValue?:(field:string,value:unknown)=> void; setFieldError?:(field:string,error?:string)=> void; setFieldTouched?:(field:string,touched?:boolean)=> void;} interface FormInputMaskProps {label?:string; name:string; mask:string; placeholderChar?:string; placeholder?:string; required?:boolean; error?:string; value?:string; onChange?:(value:string)=> void; onBlur?:()=> void; className?:string; description?:string; labelProps?:React$1.ComponentProps<typeof Label>; inputProps?:Omit<InputMaskProps,"value"|"defaultValue"|"mask"|"placeholderChar">; form?:FormLike$7; rules?:{required?:boolean|string; minLength?:{value:number; message:string;}; maxLength?:{value:number; message:string;}; pattern?:{value:RegExp; message:string;}; validate?:(value:string)=> string|boolean;};} declare const FormInputMask:React$1.ForwardRefExoticComponent<FormInputMaskProps&React$1.RefAttributes<HTMLInputElement>>; interface FormLike$6 {form?:FormLike$6; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; validationSequence?:number; handleChange?:(event:React$1.ChangeEvent<any>)=> void; handleBlur?:(event:React$1.FocusEvent<any>)=> void; setFieldValue?:(field:string,value:unknown)=> void; setFieldError?:(field:string,error?:string)=> void; setFieldTouched?:(field:string,touched?:boolean)=> void;} interface FormInputNumericProps {label?:string; name:string; placeholder?:string; required?:boolean; error?:string; value?:number|null; onChange?:(value:number|null)=> void; onBlur?:()=> void; className?:string; description?:string; labelProps?:React$1.ComponentProps<typeof Label>; inputProps?:Omit<InputNumericProps,"value">; form?:FormLike$6; min?:number; max?:number; decimals?:number; formatter?:InputNumericProps["formatter"]; parser?:InputNumericProps["parser"]; rules?:{required?:boolean|string; min?:{value:number; message:string;}; max?:{value:number; message:string;}; validate?:(value:number|null)=> string|boolean;};} declare const FormInputNumeric:React$1.ForwardRefExoticComponent<FormInputNumericProps&React$1.RefAttributes<HTMLInputElement>>; interface FormLike$5 {form?:FormLike$5; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; setFieldValue?:(field:string,value:unknown)=> void; setFieldError?:(field:string,error?:string)=> void; setFieldTouched?:(field:string,touched?:boolean)=> void; handleChange?:(event:React$1.ChangeEvent<any>)=> void; handleBlur?:(event:React$1.FocusEvent<any>)=> void; validationSequence?:number;} interface FormSelectOption {label:React$1.ReactNode; value:string; disabled?:boolean;} interface FormSelectProps {label?:string; name:string; description?:string; placeholder?:string; required?:boolean; error?:string; value?:string|string[]; defaultValue?:string|string[]; onChange?:(value:string|string[])=> void; onBlur?:()=> void; className?:string; disabled?:boolean; labelProps?:React$1.ComponentProps<typeof Label>; selectProps?:Omit<React$1.ComponentProps<typeof Select>,'options'|'placeholder'|'triggerProps'|'contentProps'>; triggerProps?:SelectTriggerProps; contentProps?:SelectContentProps; multiSelectProps?:React$1.ComponentProps<typeof MultiSelect>; multiSelectTriggerProps?:React$1.ComponentPropsWithoutRef<typeof MultiSelectTrigger>; multiSelectValueProps?:React$1.ComponentProps<typeof MultiSelectValue>; multiSelectContentProps?:React$1.ComponentProps<typeof MultiSelectContent>; form?:FormLike$5; options:FormSelectOption[]; isMulti?:boolean; rules?:{required?:boolean|string; validate?:(value:string|string[])=> string|boolean;};} declare function FormSelect({label,name,description,placeholder,required,error,value,defaultValue,onChange,onBlur,className,disabled,labelProps,selectProps,triggerProps,contentProps,multiSelectProps,multiSelectTriggerProps,multiSelectValueProps,multiSelectContentProps,form,options,isMulti,rules}:FormSelectProps):react_jsx_runtime.JSX.Element; interface FormLike$4 {form?:FormLike$4; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; validationSequence?:number; handleChange?:(event:React$1.ChangeEvent<any>)=> void; handleBlur?:(event:React$1.FocusEvent<any>)=> void; setFieldValue?:(field:string,value:unknown)=> void; setFieldError?:(field:string,error?:string)=> void; setFieldTouched?:(field:string,touched?:boolean)=> void;} interface FormTextareaProps {label?:string; name:string; placeholder?:string; required?:boolean; error?:string; value?:string; onChange?:(value:string)=> void; onBlur?:()=> void; className?:string; labelProps?:React$1.ComponentProps<typeof Label>; textareaProps?:React$1.ComponentProps<typeof Textarea>; form?:FormLike$4; rules?:{required?:boolean|string; minLength?:{value:number; message:string;}; maxLength?:{value:number; message:string;}; pattern?:{value:RegExp; message:string;}; validate?:(value:string)=> string|boolean;};} declare const FormTextarea:React$1.ForwardRefExoticComponent<FormTextareaProps&React$1.RefAttributes<HTMLTextAreaElement>>; interface FormLike$3 {form?:FormLike$3; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; setFieldValue?:(field:string,value:unknown)=> void; setFieldTouched?:(field:string,touched?:boolean)=> void; handleBlur?:(event:React$1.FocusEvent<HTMLInputElement>)=> void;} interface FormRadioGroupOption {value:string; label:React$1.ReactNode; description?:React$1.ReactNode; disabled?:boolean; className?:string;} interface FormRadioGroupProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,'onChange'|'onBlur'>{label?:string; description?:React$1.ReactNode; name:string; required?:boolean; error?:string; value?:string; defaultValue?:string; onChange?:(value:string)=> void; onBlur?:()=> void; form?:FormLike$3; options:FormRadioGroupOption[]; labelProps?:React$1.ComponentProps<typeof Label>; radioGroupProps?:React$1.ComponentProps<typeof RadioGroup>; optionLabelProps?:Omit<React$1.ComponentProps<typeof Label>,'htmlFor'|'children'>; optionWrapperClassName?:string;} declare const FormRadioGroup:React$1.ForwardRefExoticComponent<FormRadioGroupProps&React$1.RefAttributes<HTMLDivElement>>; interface FormLike$2 {form?:FormLike$2; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; setFieldValue?:(field:string,value:unknown)=> void; setFieldError?:(field:string,error?:string)=> void; setFieldTouched?:(field:string,touched?:boolean)=> void; handleChange?:(event:React$1.ChangeEvent<any>)=> void; handleBlur?:(event:React$1.FocusEvent<any>)=> void; validationSequence?:number;} interface FormDatePickerProps {label?:string; name:string; placeholder?:string; required?:boolean; error?:string; value?:Dayjs|null; defaultValue?:Dayjs|null; onChange?:(value:Dayjs|null)=> void; onBlur?:()=> void; className?:string; description?:string; labelProps?:React$1.ComponentProps<typeof Label>; datePickerProps?:Omit<DatePickerProps,'name'|'id'|'value'|'defaultValue'|'onChange'|'onBlur'>&{onChange?:DatePickerProps['onChange']; onBlur?:DatePickerProps['onBlur']; value?:DatePickerProps['value']; defaultValue?:DatePickerProps['defaultValue'];}; form?:FormLike$2; rules?:{required?:boolean|string; minDate?:{value:Dayjs; message:string;}; maxDate?:{value:Dayjs; message:string;}; validate?:(value:Dayjs|null)=> string|boolean;};} declare function FormDatePicker({label,name,placeholder,required,error,value,defaultValue,onChange,onBlur,className,description,labelProps,datePickerProps,form,rules}:FormDatePickerProps):react_jsx_runtime.JSX.Element; interface FormLike$1 {form?:FormLike$1; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; setFieldValue?:(field:string,value:unknown)=> void; setFieldError?:(field:string,error?:string)=> void; setFieldTouched?:(field:string,touched?:boolean)=> void; handleChange?:(event:React$1.ChangeEvent<any>)=> void; handleBlur?:(event:React$1.FocusEvent<any>)=> void; validationSequence?:number;} interface FormTimePickerProps {label?:string; name:string; placeholder?:string; required?:boolean; error?:string; value?:string|null; defaultValue?:string|null; onChange?:(value:string|null)=> void; onBlur?:()=> void; className?:string; description?:string; labelProps?:React$1.ComponentProps<typeof Label>; timePickerProps?:Omit<TimePickerProps,'name'|'id'|'value'|'defaultValue'|'onChange'|'onBlur'>&{onChange?:TimePickerProps['onChange']; onBlur?:TimePickerProps['onBlur']; value?:TimePickerProps['value']; defaultValue?:TimePickerProps['defaultValue'];}; form?:FormLike$1; rules?:{required?:boolean|string; validate?:(value:string|null)=> string|boolean;};} declare function FormTimePicker({label,name,placeholder,required,error,value,defaultValue,onChange,onBlur,className,description,labelProps,timePickerProps,form,rules,}:FormTimePickerProps):react_jsx_runtime.JSX.Element; interface FormLike {form?:FormLike; values?:unknown; errors?:Record<string,string|undefined>; touched?:Record<string,boolean|undefined>; setFieldValue?:(field:PropertyKey,value:unknown)=> void; setFieldError?:(field:PropertyKey,error?:string)=> void; setFieldTouched?:(field:PropertyKey,touched?:boolean)=> void; handleChange?:(event:React$1.ChangeEvent<any>)=> void; validationSequence?:number;} type FormSwitchProps={name:string; label?:React$1.ReactNode; description?:React$1.ReactNode; className?:string; checked?:boolean; defaultChecked?:boolean; onCheckedChange?:(checked:boolean)=> void; switchProps?:Omit<React$1.ComponentPropsWithoutRef<typeof Switch>,"checked"|"defaultChecked">; error?:string; form?:FormLike; rules?:{required?:boolean|string; validate?:(checked:boolean)=> string|boolean;};}; declare const FormSwitch:React$1.FC<FormSwitchProps>; declare const defaultEdges:readonly["top","right","bottom","left"]; type SafeAreaEdge=(typeof defaultEdges)[number]; type SafeAreaProps={edges?:ReadonlyArray<SafeAreaEdge>; asChild?:boolean;}&React$1.HTMLAttributes<HTMLDivElement>; declare const SafeArea:React$1.ForwardRefExoticComponent<{edges?:ReadonlyArray<SafeAreaEdge>; asChild?:boolean;}&React$1.HTMLAttributes<HTMLDivElement>&React$1.RefAttributes<HTMLDivElement>>; type LogLevel='debug'|'info'|'warning'|'error'|'critical'; interface LogMetadata {context?:Record<string,unknown>; error?:unknown;[key:string]:unknown;} interface RequestLogDetails {method?:string; url?:string; durationMs:number; statusCode?:number; thresholdMs?:number; metadata?:Record<string,unknown>;} interface MonitorRequestOptions extends Omit<RequestLogDetails,'durationMs'>{operationName?:string;} interface MonitoringOptions {enable?:boolean; level?:LogLevel; storeDays?:number|boolean; json?:boolean; slowRequestThresholdMs?:number; maxFileSizeMB?:number; directory?:string; consoleLogging?:boolean; captureUnhandled?:boolean; writeToFileInDev?:boolean;} interface ResolvedMonitoringOptions {enable:boolean; level:LogLevel; retentionDays:number|null; json:boolean; slowRequestThresholdMs:number; maxFileSizeBytes:number; directory:string; consoleLogging:boolean; captureUnhandled:boolean; writeToFile:boolean;} interface MonitorApi {log:(level:LogLevel,message:string,metadata?:LogMetadata)=> Promise<void>; debug:(message:string,metadata?:LogMetadata)=> Promise<void>; info:(message:string,metadata?:LogMetadata)=> Promise<void>; warning:(message:string,metadata?:LogMetadata)=> Promise<void>; error:(message:string,metadata?:LogMetadata)=> Promise<void>; critical:(message:string,metadata?:LogMetadata)=> Promise<void>; logRequest:(details:RequestLogDetails)=> Promise<void>; monitorRequest:<T>(details:MonitorRequestOptions,handler:()=> Promise<T>)=> Promise<T>; deleteLogFile:(fileName?:string)=> Promise<void>; purgeLogs:()=> Promise<void>; listLogFiles:()=> Promise<string[]>; getLogDirectory:()=> Promise<string|null>; getOptions:()=> Readonly<ResolvedMonitoringOptions>; updateOptions:(options:MonitoringOptions)=> void;} declare const initializeMonitoring:(options:MonitoringOptions)=> MonitorApi; declare const getMonitor:()=> MonitorApi; declare const useMonitor:(options?:MonitoringOptions)=> MonitorApi; interface ToastOptions {title?:string; description?:string; duration?:number; action?:{label:string; onClick:()=> void;};} declare function showSonner(message:string,type?:'success'|'error'|'warning'|'info',options?:ToastOptions):void; declare const showSuccess:(message:string,options?:ToastOptions)=> void; declare const showError:(message:string,options?:ToastOptions)=> void; declare const showWarning:(message:string,options?:ToastOptions)=> void; declare const showInfo:(message:string,options?:ToastOptions)=> void; declare const toBool:(value:any)=> boolean; declare const isNullOrEmpty:(data:any)=> boolean; type UseDataTableInstanceProps<TData,TValue>={data:TData[]; columns:ColumnDef<TData,TValue>[]; enableRowSelection?:boolean; defaultPageIndex?:number; defaultPageSize?:number; getRowId?:(row:TData,index:number)=> string;}; declare function useDataTableInstance<TData,TValue>({data,columns,enableRowSelection,defaultPageIndex,defaultPageSize,getRowId,}:UseDataTableInstanceProps<TData,TValue>):_tanstack_table_core.Table<TData>; interface FormConfig<T>{initialValues:T; onSubmit:(values:T)=> void|Promise<void>; validate?:(values:T)=> Partial<Record<keyof T,string>>;} interface FormState<T>{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;} interface FormHelpers<T>{setFieldValue:(field:keyof T,value:any)=> void; setFieldTouched:(field:keyof T,touched?:boolean)=> void; setFieldError:(field:keyof T,error?:string)=> void; handleChange:(e:ChangeEvent<HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement>)=> void; handleBlur:(e:FocusEvent<HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement>)=> void; handleSubmit:(e?:FormEvent)=> void; resetForm:()=> void; validateForm:()=> boolean; triggerValidation:()=> void;} declare function useForm<T extends Record<string,any>>(config:FormConfig<T>):{form:{values:T; errors:Partial<Record<keyof T,string>>; fieldErrors:Partial<Record<keyof T,string>>; touched:Partial<Record<keyof T,boolean>>; validationSequence:number; setFieldValue:(field:PropertyKey,value:unknown)=> void; setFieldError:(field:PropertyKey,error?:string)=> void; setFieldTouched:(field:PropertyKey,touched?:boolean)=> void; handleChange:(e:ChangeEvent<HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement>)=> void; handleBlur:(e:FocusEvent<HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement>)=> void; handleSubmit:(e?:FormEvent)=> Promise<void>; resetForm:()=> void; validateForm:()=> boolean; triggerValidation:()=> void; isSubmitting:boolean; isValid:boolean;}; setFieldValue:(field:keyof T,value:any)=> void; setFieldTouched:(field:keyof T,touched?:boolean)=> void; setFieldError:(field:keyof T,error?:string)=> void; handleChange:(e:ChangeEvent<HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement>)=> void; handleBlur:(e:FocusEvent<HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement>)=> void; handleSubmit:(e?:FormEvent)=> void; resetForm:()=> void; validateForm:()=> boolean; triggerValidation:()=> void; 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 useIsMobile():boolean; interface NavigationState {title?:string; subtitle?:string; supportingText?:string; heroBadge?:ReactNode; icon?:ReactNode; back?:boolean; actions?:ReactNode; variant?:MobileHeaderVariant;} interface UseMobileHeaderReturn {header:NavigationState; navigationState:NavigationState; navigationStack:NavigationState[]; setHeader:(state:NavigationState)=> void; navigateTo:(state:NavigationState)=> void; navigateBack:()=> void; canGoBack:boolean; resetNavigation:(initialState?:NavigationState)=> void;} declare const MobileHeaderProvider:React.FC<{initialState?:NavigationState; children:ReactNode;}>; declare const useMobileHeader:(initialState?:NavigationState)=> UseMobileHeaderReturn; declare const SIDEBAR_VARIANT_VALUES:readonly["sidebar","floating","inset"]; type SidebarVariant=(typeof SIDEBAR_VARIANT_VALUES)[number]; declare const SIDEBAR_COLLAPSIBLE_VALUES:readonly["offcanvas","icon","none"]; type SidebarCollapsible=(typeof SIDEBAR_COLLAPSIBLE_VALUES)[number]; declare const CONTENT_LAYOUT_VALUES:readonly["centered","full-width"]; type ContentLayout=(typeof CONTENT_LAYOUT_VALUES)[number]; declare const NAVBAR_STYLE_VALUES:readonly["sticky","scroll"]; type NavbarStyle=(typeof NAVBAR_STYLE_VALUES)[number]; declare function updateContentLayout(layout:ContentLayout):void; declare function updateNavbarStyle(style:NavbarStyle):void; type NavigateOptions={replace?:boolean;}; declare function RouterProvider({children}:{children:ReactNode;}):react_jsx_runtime.JSX.Element; declare function usePathname():string; declare function useNavigate():(path:string,options?:NavigateOptions)=> void; declare function redirect(path:string):void; declare const THEME_MODE_VALUES:readonly["auto","light","dark"]; type ThemeMode=(typeof THEME_MODE_VALUES)[number]; type ThemePresetOption={label:string; value:string; primary:{light:string; dark:string;};}; declare const THEME_PRESET_OPTIONS:readonly[{readonly label:"Default"; readonly value:"default"; readonly primary:{readonly light:"oklch(0.205 0 0)"; readonly dark:"oklch(0.922 0 0)";};},{readonly label:"Brutalist"; readonly value:"brutalist"; readonly primary:{readonly light:"oklch(0.6489 0.2370 26.9728)"; readonly dark:"oklch(0.7044 0.1872 23.1858)";};},{readonly label:"Soft Pop"; readonly value:"soft-pop"; readonly primary:{readonly light:"oklch(0.5106 0.2301 276.9656)"; readonly dark:"oklch(0.6801 0.1583 276.9349)";};},{readonly label:"Tangerine"; readonly value:"tangerine"; readonly primary:{readonly light:"oklch(0.64 0.17 36.44)"; readonly dark:"oklch(0.64 0.17 36.44)";};}]; declare const THEME_PRESET_VALUES:("default"|"brutalist"|"soft-pop"|"tangerine")[]; type ThemePreset=(typeof THEME_PRESET_OPTIONS)[number]["value"]; declare const THEME_MODE_STORAGE_KEY="gi_theme"; declare const THEME_MODE_CHANGE_EVENT="gi-theme-mode-change"; type ResolvedThemeMode=Extract<ThemeMode,"light"|"dark">; declare function isThemeMode(value:unknown):value is ThemeMode; declare function resolveThemeMode(theme:ThemeMode):ResolvedThemeMode; declare function updateThemeMode(theme:ThemeMode):void; declare function setThemeMode(theme?:ThemeMode):void; declare function getThemeMode():ThemeMode; declare function updateThemePreset(preset:ThemePreset):void; declare function cn(...inputs:ClassValue[]):string; type FormatCurrencyOptions={currency?:string; noDecimals?:boolean;}; declare function formatCurrency(value:number,options?:FormatCurrencyOptions):string; declare function getInitials(name:string):string; type StoreApi<TState>={getState:()=> TState; setState:(partial:Partial<TState>|((state:TState)=> Partial<TState>))=> void; subscribe:(listener:(state:TState,previousState:TState)=> void)=>()=> void;}; type StateCreator<TState>=(set:(partial:Partial<TState>|((state:TState)=> Partial<TState>))=> void,get:()=> TState)=> TState; declare function createStore<TState>(initializer:StateCreator<TState>):StoreApi<TState>; declare function useStore<TState,TSlice>(store:StoreApi<TState>,selector:(state:TState)=> TSlice):TSlice; declare const FIELD_HEIGHT_MOBILE_CLASS="h-10 md:h-9"; declare const detectVirtualKeyboardDevice:()=> Promise<boolean>; declare const maybeScrollElementIntoView:(element:HTMLElement|null)=> void; declare const __virtualKeyboardTesting:{readonly isVirtualKeyboardLikelyDevice:boolean; readonly hasAttemptedVirtualKeyboardDetection:boolean; reset():void;}; type ThemeFramework='nextjs'|'vite'|'babel'|'webpack'|'unknown'; type ThemeDatabase='supabase'|'postgresql'|'unknown'; interface ThemeExtrasOptions {enabled?:boolean; framework?:'auto'|ThemeFramework; database?:'auto'|ThemeDatabase; fieldName?:boolean|'auto'; fieldCy?:boolean|'auto';} interface ThemeSidebarOptions {show?:boolean; collapsible?:'icon'|'offcanvas'; navbarStyle?:'sticky'|'scroll'; contentLayout?:'centered'|'full-width'; props?:any; header?:ThemeSidebarHeaderOptions; content?:ThemeSidebarContentOptions; footer?:ThemeSidebarFooterOptions;} interface ThemeSidebarHeaderOptions {show?:boolean; children:ReactNode|null;} interface ThemeSidebarContentOptions {show?:boolean; children:ReactNode|null;} interface ThemeSidebarFooterOptions {show?:boolean; children:ReactNode|null;} interface ThemeExtrasRuntime {enabled:boolean; debug:boolean; framework:ThemeFramework; requestedFramework:NonNullable<ThemeExtrasOptions['framework']>; database:ThemeDatabase; requestedDatabase:NonNullable<ThemeExtrasOptions['database']>; fieldName:boolean; fieldCy:boolean;} interface ThemeContextType {isDarkMode:boolean; themeMode:ThemeMode; isNativeApp:boolean; isNativeLike:boolean; isNative:boolean; extras:ThemeExtrasRuntime; nativeOverlayContainer:HTMLElement|null; setIsDarkMode:(darkMode:boolean)=> void; setThemeMode:(mode:ThemeMode)=> void; setNativeApp:(nativeApp:boolean)=> void; setNativeOverlayContainer:(element:HTMLElement|null)=> void;} interface ThemeProviderProps {children:React__default.ReactNode; defaultTheme?:'light'|'dark'|'system'; nativeApp?:boolean; extras?:ThemeExtrasOptions; monitoring?:MonitoringOptions; siderbar?:ThemeSidebarOptions;} declare const ThemeProvider:({children,defaultTheme,nativeApp,extras,monitoring,siderbar,}:ThemeProviderProps)=> React__default.JSX.Element; declare const useTheme:()=> ThemeContextType; declare const useThemeExtras:()=> ThemeExtrasRuntime; export {Accordion,AccordionContent,AccordionItem,AccordionTrigger,Alert,AlertDescription,AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogFooter,AlertDialogHeader,AlertDialogOverlay,AlertDialogPortal,AlertDialogTitle,AlertDialogTrigger,AlertTitle,AspectRatio,type Attachment,Avatar,AvatarFallback,AvatarImage,Badge,Breadcrumb,BreadcrumbEllipsis,BreadcrumbItem,BreadcrumbLink,BreadcrumbList,BreadcrumbPage,BreadcrumbSeparator,Button,CONTENT_LAYOUT_VALUES,Calendar,CalendarDayButton,Card,CardAction,CardContent,CardDescription,CardFooter,CardHeader,CardTitle,Carousel,type CarouselApi,CarouselContent,CarouselItem,CarouselNext,CarouselPrevious,type ChartConfig,ChartContainer,ChartLegend,ChartLegendContent,ChartStyle,ChartTooltip,ChartTooltipContent,Chat,ChatContainer,ChatForm,ChatMessage,type ChatMessageProps,ChatMessages,Checkbox,Collapsible,CollapsibleContent,CollapsibleTrigger,Command,CommandDialog,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator,CommandShortcut,type ContentLayout,ContextMenu,ContextMenuCheckboxItem,ContextMenuContent,ContextMenuGroup,ContextMenuItem,ContextMenuLabel,ContextMenuPortal,ContextMenuRadioGroup,ContextMenuRadioItem,ContextMenuSeparator,ContextMenuShortcut,ContextMenuSub,ContextMenuSubContent,ContextMenuSubTrigger,ContextMenuTrigger,CopyButton,DataGrid,type DataGridColumn,type DataGridProps,DataTable,DataTableColumnHeader,DataTablePagination,DataTableViewOptions,DatePicker,type DatePickerLocale,type DatePickerMode,type DatePickerPlacement,type DatePickerPreset,type DatePickerProps,type DatePickerVariant,Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger,DraggableRow,Drawer,DrawerClose,DrawerContent,DrawerDescription,DrawerFooter,DrawerHeader,DrawerOverlay,DrawerPortal,DrawerTitle,DrawerTrigger,DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger,ErrorBoundary,FIELD_HEIGHT_MOBILE_CLASS,Flex,type FlexAlign,type FlexDirection,type FlexGap,type FlexJustify,type FlexProps,type FlexWrap,Form,FormBlock,type FormBlockProps,FormCheckbox,type FormConfig,FormDatePicker,type FormDatePickerProps,FormError,type FormErrorProps,type FormHelpers,FormInput,FormInputMask,type FormInputMaskProps,FormInputNumeric,type FormInputNumericProps,type FormInputProps,FormRadioGroup,type FormRadioGroupOption,type FormRadioGroupProps,FormSelect,type FormSelectOption,type FormSelectProps,type FormState,FormSwitch,type FormSwitchProps,FormTextarea,type FormTextareaProps,FormTimePicker,type FormTimePickerProps,HoverCard,HoverCardContent,HoverCardTrigger,HtmlRenderer,type HtmlRendererProps,Input,InputMask,type InputMaskProps,InputNumeric,type InputNumericProps,InputOTP,InputOTPGroup,InputOTPSeparator,InputOTPSlot,Label,type LogLevel,type LogMetadata,MarkdownRenderer,Menubar,MenubarCheckboxItem,MenubarContent,MenubarGroup,MenubarItem,MenubarLabel,MenubarMenu,MenubarPortal,MenubarRadioGroup,MenubarRadioItem,MenubarSeparator,MenubarShortcut,MenubarSub,MenubarSubContent,MenubarSubTrigger,MenubarTrigger,type Message,MessageInput,type MessageInputProps,MessageList,type MessagePart,MobileFooter,type MobileFooterItem,type MobileFooterProps,type MobileFooterVariant,MobileHeader,type MobileHeaderAction,type MobileHeaderProps,MobileHeaderProvider,type MobileHeaderStory,type MobileHeaderVariant,MobileLayout,type MobileLayoutProps,MobileSelectDrawer,type MobileSelectDrawerProps,type MobileSelectOption,Modal,type ModalClassNames,type ModalFooterConfig,type ModalProps,type MonitorApi,type MonitorRequestOptions,type MonitoringOptions,MultiSelect,MultiSelectContent,MultiSelectItem,MultiSelectTrigger,MultiSelectValue,NAVBAR_STYLE_VALUES,type NavbarStyle,type NavigateOptions,NavigationMenu,NavigationMenuContent,NavigationMenuIndicator,NavigationMenuItem,NavigationMenuLink,NavigationMenuList,NavigationMenuTrigger,NavigationMenuViewport,type NavigationState,Pagination,PaginationContent,PaginationEllipsis,PaginationItem,PaginationLink,PaginationNext,PaginationPrevious,type PartialToolCall,Popover,PopoverAnchor,PopoverContent,PopoverTrigger,Progress,PromptSuggestions,RadioGroup,RadioGroupItem,type ReasoningPart,type RequestLogDetails,ResizableHandle,ResizablePanel,ResizablePanelGroup,type ResolvedMonitoringOptions,RouterProvider,SIDEBAR_COLLAPSIBLE_VALUES,SIDEBAR_VARIANT_VALUES,SafeArea,type SafeAreaEdge,type SafeAreaProps,ScrollArea,ScrollBar,Select,SelectContent,type SelectContentProps,SelectItem,type SelectOption,SelectRoot,SelectScrollDownButton,SelectScrollUpButton,SelectTrigger,type SelectTriggerProps,SelectValue,Separator,Sheet,SheetClose,SheetContent,SheetDescription,SheetFooter,SheetHeader,SheetTitle,SheetTrigger,Sidebar,type SidebarCollapsible,SidebarContent,SidebarFooter,SidebarGroup,SidebarGroupAction,SidebarGroupContent,SidebarGroupLabel,SidebarHeader,SidebarInput,SidebarInset,SidebarMenu,SidebarMenuAction,SidebarMenuBadge,SidebarMenuButton,SidebarMenuItem,SidebarMenuSkeleton,SidebarMenuSub,SidebarMenuSubButton,SidebarMenuSubItem,SidebarProvider,SidebarRail,SidebarSeparator,SidebarTrigger,type SidebarVariant,Skeleton,Slider,type StoreApi,Switch,THEME_MODE_CHANGE_EVENT,THEME_MODE_STORAGE_KEY,THEME_MODE_VALUES,THEME_PRESET_OPTIONS,THEME_PRESET_VALUES,Table,TableBody,TableCaption,TableCell,TableFooter,TableHead,TableHeader,TableRow,Tabs,type TabsItem,type TabsProps,type TabsVariant,type TextPart,Textarea,type ThemeMode,type ThemePreset,type ThemePresetOption,ThemeProvider,TimePicker,type TimePickerProps,type ToastOptions,Toaster,Toggle,ToggleGroup,ToggleGroupItem,type ToolCall,type ToolInvocation,type ToolInvocationPart,type ToolResult,Tooltip,TooltipContent,TooltipProvider,TooltipTrigger,TypingIndicator,type UseMobileHeaderReturn,__virtualKeyboardTesting,badgeVariants,buttonVariants,cn,createStore,detectVirtualKeyboardDevice,dragColumn,formatCurrency,getInitials,getMonitor,getThemeMode,initializeMonitoring,isNullOrEmpty,isThemeMode,maybeScrollElementIntoView,mobileFooterVariantMeta,mobileFooterVariants,mobileHeaderVariantMeta,mobileHeaderVariants,navigationMenuTriggerStyle,redirect,resolveThemeMode,setThemeMode,showError,showInfo,showSonner,showSuccess,showWarning,toBool,toggleVariants,updateContentLayout,updateNavbarStyle,updateThemeMode,updateThemePreset,useDataTableInstance,useForm,useIsMobile,useMobileHeader,useMonitor,useNavigate,usePathname,useSidebar,useStore,useTheme,useThemeExtras,withDndColumn};
1
+ import * as react from 'react';
2
+ import react__default, { AnchorHTMLAttributes, HTMLAttributes, FC, Ref, ElementType, ReactNode, CSSProperties, DOMAttributes, Key, ReactElement, ComponentPropsWithRef, RefAttributes, Context, MouseEvent, ComponentProps, ComponentType, KeyboardEvent } from 'react';
3
+ import { LucideProps, LucideIcon } from 'lucide-react';
4
+ import { TooltipPopupProps, TooltipPortalProps as TooltipPortalProps$1, TooltipPositionerProps as TooltipPositionerProps$1, Tooltip as Tooltip$1, TooltipTriggerProps } from '@base-ui/react/tooltip';
5
+ import { Placement as Placement$1 } from '@floating-ui/react';
6
+ import * as _base_ui_react_menu from '@base-ui/react/menu';
7
+ import { MenuRootProps, MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuTriggerProps, Menu as Menu$1 } from '@base-ui/react/menu';
8
+ 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';
9
+ export { FormInstance } from 'antd';
10
+ import { MenuItemType as MenuItemType$1, SubMenuType as SubMenuType$1, MenuItemGroupType as MenuItemGroupType$1, MenuDividerType as MenuDividerType$1, MenuInfo } from 'rc-menu/es/interface';
11
+ export { MenuInfo } from 'rc-menu/es/interface';
12
+ import { AlertRef } from 'antd/lib/alert/Alert';
13
+ import { FileDiffOptions } from '@pierre/diffs';
14
+ import { ItemType as ItemType$1 } from 'rc-collapse/es/interface';
15
+ import * as motion_react from 'motion/react';
16
+ import { HTMLMotionProps, Transition, TargetAndTransition } from 'motion/react';
17
+ import * as m from 'motion/react-m';
18
+ import * as react_jsx_runtime from 'react/jsx-runtime';
19
+ import { Size, NumberSize } from 're-resizable';
20
+ import { Props as Props$1 } from 'react-rnd';
21
+ import { DropdownProps as DropdownProps$1 } from 'antd/es';
22
+ import { OTPProps, OTPRef } from 'antd/es/input/OTP';
23
+ import { PasswordProps } from 'antd/es/input/Password';
24
+ import { TextAreaProps as TextAreaProps$2, TextAreaRef } from 'antd/es/input/TextArea';
25
+ import { InputNumberRef } from 'rc-input-number';
26
+ import * as _base_ui_react_autocomplete from '@base-ui/react/autocomplete';
27
+ import { Autocomplete, AutocompleteRootChangeEventDetails, AutocompleteRootProps } from '@base-ui/react/autocomplete';
28
+ import * as _base_ui_react_popover from '@base-ui/react/popover';
29
+ 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';
30
+ import { FooterProps as FooterProps$1 } from 'rc-footer';
31
+ import { FormItemProps as FormItemProps$1 } from 'antd/es/form/FormItem';
32
+ import { BuiltinTheme } from 'shiki';
33
+ import { PreviewConfig } from 'antd/es/image';
34
+ import { GroupPreviewConfig } from 'antd/es/image/PreviewGroup';
35
+ import * as node_modules__base_ui_react_esm_separator_Separator from 'node_modules/@base-ui/react/esm/separator/Separator';
36
+ import * as _base_ui_react_select from '@base-ui/react/select';
37
+ import { Select as Select$1 } from '@base-ui/react/select';
38
+ import { Switch } from '@base-ui/react/switch';
39
+ import { Components, Options } from 'react-markdown';
40
+ import { Pluggable } from 'unified';
41
+ import { MermaidConfig } from 'mermaid';
42
+ import { Node } from 'unist';
43
+ import { Root } from 'hast';
44
+ import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
45
+ import { GetCustomStylish, GetCustomToken, ThemeProviderProps as ThemeProviderProps$1, CustomStylishParams, CustomTokenParams, ThemeMode } from 'antd-style';
46
+ import { AliasToken } from 'antd/es/theme/interface';
47
+ import { Toast } from '@base-ui/react/toast';
48
+ export { ErrorBoundary, ErrorBoundaryProps } from 'react-error-boundary';
49
+
50
+ interface LobeCustomStylish {
51
+ active: string;
52
+ blur: string;
53
+ blurStrong: string;
54
+ bottomScrollbar: string;
55
+ disabled: string;
56
+ gradientAnimation: string;
57
+ noScrollbar: string;
58
+ resetLinkColor: string;
59
+ shadow: string;
60
+ variantBorderless: string;
61
+ variantBorderlessDanger: string;
62
+ variantBorderlessWithoutHover: string;
63
+ variantFilled: string;
64
+ variantFilledDanger: string;
65
+ variantFilledWithoutHover: string;
66
+ variantOutlined: string;
67
+ variantOutlinedDanger: string;
68
+ variantOutlinedWithoutHover: string;
69
+ }
70
+
71
+ declare const PresetColors: readonly ["red", "volcano", "orange", "gold", "yellow", "lime", "green", "cyan", "blue", "geekblue", "purple", "magenta", "gray"];
72
+ declare const PresetSystemColors: readonly ["Error", "Warning", "Success", "Info"];
73
+ type PresetColorKey = (typeof PresetColors)[number];
74
+ type PresetSystemColorKey = (typeof PresetSystemColors)[number];
75
+ type PresetColorType = Record<PresetColorKey, string>;
76
+ type PresetSystemColorType = Record<PresetSystemColorKey, string>;
77
+ type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
78
+ type ColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary' | 'Bg' | 'BgHover' | 'Border' | 'BorderSecondary' | 'BorderHover' | 'Hover' | '' | 'Active' | 'TextHover' | 'Text' | 'TextActive';
79
+ type SystemColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary';
80
+ type ColorToken = {
81
+ [key in `${keyof PresetColorType}${ColorTokenKey}`]: string;
82
+ };
83
+ type SystemColorToken = {
84
+ [key in `color${keyof PresetSystemColorType}${SystemColorTokenKey}`]: string;
85
+ };
86
+ type ColorPalettes = {
87
+ [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string;
88
+ };
89
+ type ColorPalettesAlpha = {
90
+ [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string;
91
+ };
92
+ interface LobeCustomToken extends ColorPalettes, ColorPalettesAlpha, ColorToken, SystemColorToken {
93
+ colorBgContainerSecondary: string;
94
+ }
95
+
96
+ /**
97
+ * Common trigger type for components that support hover/click interactions
98
+ */
99
+ type Trigger = 'hover' | 'click' | 'both' | ('hover' | 'click')[];
100
+
101
+ type DivProps$1 = HTMLAttributes<HTMLDivElement>;
102
+ type VideoProps$2 = HTMLAttributes<HTMLVideoElement>;
103
+ type SvgProps = HTMLAttributes<SVGSVGElement>;
104
+ type ImgProps = HTMLAttributes<HTMLImageElement>;
105
+ type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
106
+ type TextAreaProps$1 = HTMLAttributes<HTMLTextAreaElement>;
107
+ type SpanProps = HTMLAttributes<HTMLSpanElement>;
108
+
109
+ declare const A: FC<AProps & {
110
+ ref?: Ref<HTMLAnchorElement>;
111
+ }>;
112
+
113
+ type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start' | 'stretch' | 'baseline';
114
+ type FlexDirection = 'vertical' | 'vertical-reverse' | 'horizontal' | 'horizontal-reverse';
115
+ type DivProps = DOMAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>;
116
+ type CommonSpaceNumber = 2 | 4 | 8 | 12 | 16 | 24;
117
+ /**
118
+ * Flexbox 布局组件的接口
119
+ */
120
+ interface IFlexbox {
121
+ /**
122
+ * 交叉轴对齐方式
123
+ * @default "stretch"
124
+ */
125
+ align?: ContentPosition;
126
+ /**
127
+ * 允许在 flex 布局中正常收缩(通过将根节点的 min-width 设为 0 实现)
128
+ *
129
+ * 在 Flex 容器(或作为 flex item)中,启用该选项可避免内容导致的溢出,
130
+ * 让元素可以正常 shrink(常见于文本省略、滚动容器等场景)。
131
+ * @default false
132
+ */
133
+ allowShrink?: boolean;
134
+ /**
135
+ * 渲染的 HTML 元素类型
136
+ * @default "div"
137
+ */
138
+ as?: ElementType;
139
+ /**
140
+ * 子元素
141
+ */
142
+ children?: ReactNode;
143
+ /**
144
+ * 自定义类名
145
+ */
146
+ className?: string;
147
+ /**
148
+ * 主轴方向
149
+ * @default "horizontal"
150
+ */
151
+ direction?: FlexDirection;
152
+ /**
153
+ * 内容分布
154
+ */
155
+ distribution?: CSSProperties['justifyContent'];
156
+ /**
157
+ * flex 值
158
+ * @default "0 1 auto"
159
+ */
160
+ flex?: number | string;
161
+ /**
162
+ * 主轴方向上的间距
163
+ * @default 0
164
+ */
165
+ gap?: CommonSpaceNumber | number | string;
166
+ /**
167
+ * 高度
168
+ * @default "auto"
169
+ */
170
+ height?: number | string;
171
+ /**
172
+ * 是否横向
173
+ * @default false
174
+ */
175
+ horizontal?: boolean;
176
+ /**
177
+ * 主轴对齐方式
178
+ */
179
+ justify?: CSSProperties['justifyContent'];
180
+ /**
181
+ * 内边距
182
+ * @default 0
183
+ */
184
+ padding?: string | number | CommonSpaceNumber;
185
+ /**
186
+ * 块内边距
187
+ */
188
+ paddingBlock?: string | number;
189
+ /**
190
+ * 内联内边距
191
+ */
192
+ paddingInline?: string | number;
193
+ /**
194
+ * 类名前缀
195
+ */
196
+ prefixCls?: string;
197
+ /**
198
+ * ref 引用
199
+ */
200
+ ref?: Ref<HTMLElement>;
201
+ /**
202
+ * 自定义样式
203
+ */
204
+ style?: CSSProperties;
205
+ /**
206
+ * 是否显示
207
+ * @default true
208
+ */
209
+ visible?: boolean;
210
+ /**
211
+ * 宽度
212
+ * @default "auto"
213
+ */
214
+ width?: number | string;
215
+ /**
216
+ * 换行方式
217
+ */
218
+ wrap?: CSSProperties['flexWrap'];
219
+ }
220
+ interface FlexBasicProps extends IFlexbox, DivProps {
221
+ }
222
+ type FlexboxProps = FlexBasicProps;
223
+ type CenterProps = Omit<FlexBasicProps, 'distribution' | 'direction' | 'align'>;
224
+
225
+ declare const Center: FC<CenterProps>;
226
+
227
+ declare const _default$9: react.NamedExoticComponent<FlexBasicProps>;
228
+
229
+ interface BlockProps extends FlexboxProps {
230
+ clickable?: boolean;
231
+ glass?: boolean;
232
+ ref?: Ref<HTMLDivElement>;
233
+ shadow?: boolean;
234
+ variant?: 'filled' | 'outlined' | 'borderless';
235
+ }
236
+
237
+ declare const Block: FC<BlockProps>;
238
+
239
+ interface AccordionItemProps extends Pick<BlockProps, 'padding' | 'paddingBlock' | 'paddingInline' | 'variant' | 'ref'> {
240
+ /**
241
+ * Action component that appears on hover
242
+ */
243
+ action?: ReactNode;
244
+ /**
245
+ * Whether to allow expanding (hide indicator when false)
246
+ * @default true
247
+ */
248
+ allowExpand?: boolean;
249
+ /**
250
+ * Content of the accordion item
251
+ */
252
+ children?: ReactNode;
253
+ /**
254
+ * Custom classNames for child elements
255
+ */
256
+ classNames?: {
257
+ action?: string;
258
+ base?: string;
259
+ content?: string;
260
+ header?: string;
261
+ indicator?: string;
262
+ title?: string;
263
+ };
264
+ /**
265
+ * Default expanded state (uncontrolled)
266
+ */
267
+ defaultExpand?: boolean;
268
+ /**
269
+ * Whether the item is disabled
270
+ */
271
+ disabled?: boolean;
272
+ /**
273
+ * Controlled expanded state
274
+ */
275
+ expand?: boolean;
276
+ headerWrapper?: (header: ReactNode) => ReactNode;
277
+ /**
278
+ * Whether to hide the chevron indicator
279
+ * @default false
280
+ */
281
+ hideIndicator?: boolean;
282
+ /**
283
+ * Custom indicator component or function
284
+ */
285
+ indicator?: ReactNode | ((props: {
286
+ isDisabled?: boolean;
287
+ isOpen: boolean;
288
+ }) => ReactNode);
289
+ /**
290
+ * Indicator placement
291
+ * @default 'start'
292
+ */
293
+ indicatorPlacement?: 'end' | 'start';
294
+ /**
295
+ * Unique identifier for the item (use as React key)
296
+ */
297
+ itemKey: Key;
298
+ /**
299
+ * Callback when expanded state changes
300
+ */
301
+ onExpandChange?: (expanded: boolean) => void;
302
+ /**
303
+ * Custom styles for child elements
304
+ */
305
+ styles?: {
306
+ action?: CSSProperties;
307
+ base?: CSSProperties;
308
+ content?: CSSProperties;
309
+ header?: CSSProperties;
310
+ indicator?: CSSProperties;
311
+ title?: CSSProperties;
312
+ };
313
+ /**
314
+ * Title of the accordion item
315
+ */
316
+ title: ReactNode;
317
+ }
318
+ interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<BlockProps, 'variant' | 'ref'> {
319
+ /**
320
+ * Whether only one item can be expanded at a time
321
+ * @default false
322
+ */
323
+ accordion?: boolean;
324
+ /**
325
+ * Accordion items
326
+ */
327
+ children?: ReactNode;
328
+ /**
329
+ * Custom classNames for child elements
330
+ */
331
+ classNames?: {
332
+ base?: string;
333
+ };
334
+ /**
335
+ * Default expanded keys (uncontrolled)
336
+ */
337
+ defaultExpandedKeys?: Key[];
338
+ /**
339
+ * Disable animation
340
+ * @default false
341
+ */
342
+ disableAnimation?: boolean;
343
+ /**
344
+ * Controlled expanded keys
345
+ */
346
+ expandedKeys?: Key[];
347
+ /**
348
+ * Gap between accordion items
349
+ */
350
+ gap?: number;
351
+ /**
352
+ * Whether to hide the chevron indicator for all items
353
+ * @default false
354
+ */
355
+ hideIndicator?: boolean;
356
+ /**
357
+ * Indicator placement for all items
358
+ * @default 'start'
359
+ */
360
+ indicatorPlacement?: 'end' | 'start';
361
+ /**
362
+ * Keep content mounted when collapsed
363
+ * @default true
364
+ */
365
+ keepContentMounted?: boolean;
366
+ /**
367
+ * Motion props for motion animation
368
+ */
369
+ motionProps?: any;
370
+ /**
371
+ * Callback when expanded keys change
372
+ */
373
+ onExpandedChange?: (keys: Key[]) => void;
374
+ /**
375
+ * Whether to show dividers between items
376
+ * @default false
377
+ */
378
+ showDivider?: boolean;
379
+ /**
380
+ * Custom styles for child elements
381
+ */
382
+ styles?: {
383
+ base?: CSSProperties;
384
+ };
385
+ }
386
+
387
+ declare const Accordion: react.NamedExoticComponent<AccordionProps>;
388
+
389
+ declare const AccordionItem: react.NamedExoticComponent<AccordionItemProps>;
390
+
391
+ interface IconSizeConfig extends Pick<LucideProps, 'strokeWidth' | 'absoluteStrokeWidth'> {
392
+ size?: number | string;
393
+ }
394
+ type IconSizeType = 'large' | 'middle' | 'small';
395
+ type IconSize = number | IconSizeType | IconSizeConfig;
396
+ type LucideIconProps = Pick<LucideProps, 'fill' | 'fillRule' | 'fillOpacity' | 'color' | 'focusable'>;
397
+ interface IconProps$1 extends Omit<SpanProps, 'children'>, LucideIconProps {
398
+ icon: LucideIcon | FC<any> | ReactNode;
399
+ ref?: Ref<SVGSVGElement>;
400
+ size?: IconSize;
401
+ spin?: boolean;
402
+ }
403
+
404
+ type IconContentConfig = Omit<IconProps$1, 'icon' | 'ref'>;
405
+ declare const IconProvider: react.NamedExoticComponent<{
406
+ children: ReactNode;
407
+ config?: IconContentConfig;
408
+ }>;
409
+
410
+ declare const Icon: react.NamedExoticComponent<IconProps$1>;
411
+
412
+ declare const KeyMapEnum: {
413
+ readonly Alt: "alt";
414
+ readonly Backquote: "backquote";
415
+ readonly Backslash: "backslash";
416
+ readonly Backspace: "backspace";
417
+ readonly BracketLeft: "bracketleft";
418
+ readonly BracketRight: "bracketright";
419
+ readonly Comma: "comma";
420
+ readonly CommandOrControl: "commandorcontrol";
421
+ readonly Control: "control";
422
+ readonly Ctrl: "ctrl";
423
+ readonly Down: "down";
424
+ readonly Enter: "enter";
425
+ readonly Equal: "equal";
426
+ readonly Esc: "esc";
427
+ readonly Left: "left";
428
+ readonly LeftClick: "left-click";
429
+ readonly LeftDoubleClick: "left-double-click";
430
+ readonly Meta: "meta";
431
+ readonly MiddleClick: "middle-click";
432
+ readonly Minus: "minus";
433
+ readonly Mod: "mod";
434
+ readonly Period: "period";
435
+ readonly Plus: "equal";
436
+ readonly QuestionMark: "slash";
437
+ readonly Quote: "quote";
438
+ readonly Right: "right";
439
+ readonly RightClick: "right-click";
440
+ readonly RightDoubleClick: "right-double-click";
441
+ readonly Semicolon: "semicolon";
442
+ readonly Shift: "shift";
443
+ readonly Slash: "slash";
444
+ readonly Space: "space";
445
+ readonly Tab: "tab";
446
+ readonly Up: "up";
447
+ };
448
+
449
+ interface HotkeyProps extends Omit<FlexboxProps, 'children'> {
450
+ classNames?: {
451
+ kbdClassName?: string;
452
+ };
453
+ compact?: boolean;
454
+ inverseTheme?: boolean;
455
+ isApple?: boolean;
456
+ keys: string;
457
+ styles?: {
458
+ kbdStyle?: CSSProperties;
459
+ };
460
+ variant?: 'filled' | 'outlined' | 'borderless';
461
+ }
462
+
463
+ declare const Hotkey: react.NamedExoticComponent<HotkeyProps>;
464
+
465
+ declare const combineKeys: (keys: string[]) => string;
466
+
467
+ /**
468
+ * Base UI uses a small set of string literal unions for alignment and side.
469
+ * We re-declare them here to avoid importing internal/non-exported Base UI paths.
470
+ */
471
+ type Side = 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start';
472
+ type Align = 'start' | 'center' | 'end';
473
+ type PlacementConfig = {
474
+ align: Align;
475
+ side: Side;
476
+ };
477
+ /**
478
+ * All supported placement values
479
+ * - Unified placement names for Tooltip, Popover, and DropdownMenu
480
+ * - Ant Design style: topLeft, topCenter, topRight, etc.
481
+ * - Additional aliases: top (same as topCenter), bottom (same as bottomCenter)
482
+ */
483
+ type Placement = 'top' | 'topLeft' | 'topCenter' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom';
484
+ /**
485
+ * Map of placement values to Base UI placement config
486
+ * Used by Popover and DropdownMenu components
487
+ */
488
+ declare const placementMap: Record<Placement, PlacementConfig>;
489
+ /**
490
+ * Convert unified Placement to Floating UI placement format
491
+ * Used by Tooltip component which uses @floating-ui/react
492
+ *
493
+ * @param placement - Unified placement value
494
+ * @returns Floating UI placement (e.g., 'top-start', 'bottom-end')
495
+ */
496
+ declare const toFloatingUIPlacement: (placement?: Placement) => Placement$1;
497
+
498
+ type TooltipPlacement = Placement;
499
+ /**
500
+ * Base UI Positioner props that can be passed through
501
+ */
502
+ type TooltipPositionerProps = Omit<TooltipPositionerProps$1, 'className' | 'style' | 'children'>;
503
+ /**
504
+ * Base UI Trigger props that can be passed through
505
+ */
506
+ type TooltipTriggerComponentProps = Omit<TooltipTriggerProps, 'className' | 'style' | 'children' | 'render' | 'handle' | 'payload'>;
507
+ /**
508
+ * Base UI Popup props that can be passed through
509
+ */
510
+ type TooltipPopupComponentProps = Omit<TooltipPopupProps, 'className' | 'style' | 'children'>;
511
+ /**
512
+ * Base UI Portal props that can be passed through
513
+ */
514
+ type TooltipPortalProps = Omit<TooltipPortalProps$1, 'children' | 'container'>;
515
+ interface TooltipProps {
516
+ /**
517
+ * Whether the tooltip has an arrow pointer.
518
+ * @default false
519
+ */
520
+ arrow?: boolean;
521
+ /**
522
+ * Trigger element. Prefer a single React element.
523
+ */
524
+ children: ReactElement | ReactNode;
525
+ /**
526
+ * Custom className for the tooltip floating root.
527
+ */
528
+ className?: string;
529
+ /**
530
+ * Compatible with Ant Design `classNames` shape (subset).
531
+ */
532
+ classNames?: {
533
+ arrow?: string;
534
+ container?: string;
535
+ content?: string;
536
+ root?: string;
537
+ };
538
+ /**
539
+ * Delay (in milliseconds) before closing the tooltip.
540
+ * Takes precedence over `mouseLeaveDelay`.
541
+ */
542
+ closeDelay?: number;
543
+ /**
544
+ * Uncontrolled initial open state.
545
+ */
546
+ defaultOpen?: boolean;
547
+ /**
548
+ * Disable tooltip behavior.
549
+ */
550
+ disabled?: boolean;
551
+ /**
552
+ * An Ant Design compatible escape hatch for portal container.
553
+ */
554
+ getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
555
+ hotkey?: string;
556
+ hotkeyProps?: Omit<HotkeyProps, 'keys'>;
557
+ /**
558
+ * Delay (in seconds) before showing the tooltip on hover.
559
+ * Kept compatible with Ant Design `Tooltip`.
560
+ */
561
+ mouseEnterDelay?: number;
562
+ /**
563
+ * Delay (in seconds) before hiding the tooltip on hover out.
564
+ * Kept compatible with Ant Design `Tooltip`.
565
+ */
566
+ mouseLeaveDelay?: number;
567
+ /**
568
+ * Callback when open state changes.
569
+ */
570
+ onOpenChange?: (open: boolean) => void;
571
+ /**
572
+ * Controlled open state.
573
+ */
574
+ open?: boolean;
575
+ /**
576
+ * Delay (in milliseconds) before opening the tooltip.
577
+ * Takes precedence over `mouseEnterDelay`.
578
+ */
579
+ openDelay?: number;
580
+ /**
581
+ * Tooltip placement. Supports Floating UI placements and Ant Design legacy placements.
582
+ */
583
+ placement?: TooltipPlacement;
584
+ /**
585
+ * Base UI Popup 组件的 props
586
+ */
587
+ popupProps?: TooltipPopupComponentProps;
588
+ /**
589
+ * Base UI Portal 组件的 props
590
+ */
591
+ portalProps?: TooltipPortalProps;
592
+ /**
593
+ * Base UI Positioner 组件的 props
594
+ */
595
+ positionerProps?: TooltipPositionerProps;
596
+ ref?: ComponentPropsWithRef<typeof Tooltip$1.Trigger>['ref'];
597
+ /**
598
+ * When true, this tooltip will render independently even inside a TooltipGroup,
599
+ * ignoring the group singleton behavior.
600
+ */
601
+ standalone?: boolean;
602
+ /**
603
+ * Compatible with Ant Design `styles` shape (subset).
604
+ */
605
+ styles?: {
606
+ arrow?: CSSProperties;
607
+ /**
608
+ * Backwards-compatible alias for the floating root style.
609
+ */
610
+ container?: CSSProperties;
611
+ content?: CSSProperties;
612
+ root?: CSSProperties;
613
+ };
614
+ /**
615
+ * Tooltip content.
616
+ */
617
+ title: ReactNode;
618
+ /**
619
+ * Base UI Trigger 组件的 props
620
+ */
621
+ triggerProps?: TooltipTriggerComponentProps;
622
+ /**
623
+ * z-index for tooltip floating root.
624
+ */
625
+ zIndex?: number;
626
+ }
627
+ /**
628
+ * Props for `TooltipGroup`.
629
+ */
630
+ interface TooltipGroupProps {
631
+ arrow?: boolean;
632
+ children: ReactNode;
633
+ className?: string;
634
+ classNames?: TooltipProps['classNames'];
635
+ closeDelay?: number;
636
+ /**
637
+ * Disable the "destroy on invalid trigger (display:none / disconnected)" guard for performance.
638
+ * @default false
639
+ */
640
+ disableDestroyOnInvalidTrigger?: boolean;
641
+ /**
642
+ * Disable the "hide when positioner falls back to (0,0)" visual guard for performance.
643
+ * @default false
644
+ */
645
+ disableZeroOriginGuard?: boolean;
646
+ disabled?: boolean;
647
+ getPopupContainer?: TooltipProps['getPopupContainer'];
648
+ hotkey?: string;
649
+ hotkeyProps?: Omit<HotkeyProps, 'keys'>;
650
+ layoutAnimation?: boolean;
651
+ mouseEnterDelay?: number;
652
+ mouseLeaveDelay?: number;
653
+ openDelay?: number;
654
+ placement?: TooltipPlacement;
655
+ popupProps?: TooltipPopupComponentProps;
656
+ portalProps?: TooltipPortalProps;
657
+ positionerProps?: TooltipPositionerProps;
658
+ styles?: TooltipProps['styles'];
659
+ triggerProps?: TooltipTriggerComponentProps;
660
+ zIndex?: number;
661
+ }
662
+
663
+ declare const Tooltip: FC<TooltipProps>;
664
+
665
+ declare const TooltipGroup: FC<TooltipGroupProps>;
666
+
667
+ interface ActionIconSizeConfig extends IconSizeConfig {
668
+ blockSize?: number | string;
669
+ borderRadius?: number | string;
670
+ }
671
+ type ActionIconSize = number | IconSizeType | ActionIconSizeConfig;
672
+ interface ActionIconProps extends Partial<LucideIconProps>, Omit<CenterProps, 'title' | 'children'> {
673
+ active?: boolean;
674
+ danger?: boolean;
675
+ disabled?: boolean;
676
+ glass?: boolean;
677
+ icon?: IconProps$1['icon'] | ReactNode;
678
+ loading?: boolean;
679
+ ref?: Ref<HTMLDivElement>;
680
+ shadow?: boolean;
681
+ size?: ActionIconSize;
682
+ spin?: boolean;
683
+ title?: TooltipProps['title'];
684
+ tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
685
+ variant?: 'borderless' | 'filled' | 'outlined';
686
+ }
687
+
688
+ declare const ActionIcon: react.NamedExoticComponent<ActionIconProps>;
689
+
690
+ /**
691
+ * Checkbox menu item shared by DropdownMenu / ContextMenu.
692
+ * This is intentionally aligned with Base UI's `Menu.CheckboxItem` API we use.
693
+ */
694
+ interface MenuCheckboxItemType {
695
+ checked?: boolean;
696
+ closeOnClick?: boolean;
697
+ danger?: boolean;
698
+ defaultChecked?: boolean;
699
+ disabled?: boolean;
700
+ extra?: ReactNode;
701
+ icon?: IconProps$1['icon'];
702
+ key: Key;
703
+ label?: ReactNode;
704
+ onCheckedChange?: (checked: boolean) => void;
705
+ title?: ReactNode;
706
+ type: 'checkbox';
707
+ }
708
+
709
+ /**
710
+ * Switch menu item shared by DropdownMenu / ContextMenu.
711
+ * Similar to checkbox but renders as a toggle switch.
712
+ */
713
+ interface MenuSwitchItemType {
714
+ checked?: boolean;
715
+ closeOnClick?: boolean;
716
+ danger?: boolean;
717
+ defaultChecked?: boolean;
718
+ disabled?: boolean;
719
+ extra?: ReactNode;
720
+ icon?: IconProps$1['icon'];
721
+ key: Key;
722
+ label?: ReactNode;
723
+ onCheckedChange?: (checked: boolean) => void;
724
+ title?: ReactNode;
725
+ type: 'switch';
726
+ }
727
+
728
+ interface MenuItemType extends MenuItemType$1 {
729
+ /**
730
+ * Whether to close the menu when this item is clicked.
731
+ * Set to `false` to keep the menu open (useful for items with Upload, file picker, etc.)
732
+ * @default true
733
+ */
734
+ closeOnClick?: boolean;
735
+ danger?: boolean;
736
+ icon?: IconProps$1['icon'];
737
+ loading?: boolean;
738
+ title?: string;
739
+ }
740
+ interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<SubMenuType$1, 'children'> {
741
+ children: ItemType<T>[];
742
+ icon?: IconProps$1['icon'];
743
+ }
744
+ interface MenuItemGroupType<T extends MenuItemType = MenuItemType> extends Omit<MenuItemGroupType$1, 'children'> {
745
+ children?: ItemType<T>[];
746
+ key?: Key;
747
+ }
748
+ interface MenuDividerType extends MenuDividerType$1 {
749
+ dashed?: boolean;
750
+ key?: Key;
751
+ }
752
+ type ItemType<T extends MenuItemType = MenuItemType> = T | SubMenuType<T> | MenuItemGroupType<T> | MenuDividerType | null;
753
+ type GenericItemType<T = unknown> = T extends infer U extends MenuItemType ? unknown extends U ? ItemType : ItemType<U> : ItemType;
754
+ interface MenuProps<T = unknown> extends Omit<MenuProps$1, 'items'> {
755
+ compact?: boolean;
756
+ iconProps?: IconContentConfig;
757
+ items: GenericItemType<T>[];
758
+ ref?: Ref<MenuRef>;
759
+ shadow?: boolean;
760
+ variant?: 'filled' | 'outlined' | 'borderless';
761
+ }
762
+
763
+ /**
764
+ * Group type for Base UI driven menus (DropdownMenu / ContextMenu).
765
+ * Unlike MenuItemGroupType, this supports checkbox/switch items in children.
766
+ */
767
+ interface BaseMenuItemGroupType {
768
+ children?: BaseMenuItemType[];
769
+ key?: Key;
770
+ label?: ReactNode;
771
+ type: 'group';
772
+ }
773
+ /**
774
+ * Submenu type for Base UI driven menus (DropdownMenu / ContextMenu).
775
+ * Unlike SubMenuType, this supports checkbox/switch items in children.
776
+ */
777
+ interface BaseSubMenuType extends Omit<SubMenuType, 'children'> {
778
+ children?: BaseMenuItemType[];
779
+ }
780
+ /**
781
+ * Base item union for Base UI driven menus (DropdownMenu / ContextMenu).
782
+ *
783
+ * Note: This intentionally does NOT change `GenericItemType` itself,
784
+ * because `GenericItemType` maps to rc-menu/antd Menu item types.
785
+ */
786
+ type BaseMenuItemType = MenuItemType | BaseSubMenuType | BaseMenuItemGroupType | MenuDividerType | MenuCheckboxItemType | MenuSwitchItemType | null;
787
+
788
+ declare const Menu: react.NamedExoticComponent<MenuProps<unknown>>;
789
+
790
+ type IconSpaceMode = 'global' | 'group';
791
+ interface RenderOptions {
792
+ iconSpaceMode?: IconSpaceMode;
793
+ indicatorOnRight?: boolean;
794
+ reserveIconSpace?: boolean;
795
+ }
796
+
797
+ declare const renderDropdownMenuItems: (items: DropdownItem[], keyPath?: string[], options?: RenderOptions) => ReactNode[];
798
+
799
+ type DropdownMenuPlacement = Placement;
800
+ type DropdownMenuCheckboxItem = MenuCheckboxItemType;
801
+ type DropdownItem = BaseMenuItemType;
802
+ interface DropdownMenuProps<Payload = unknown> extends Omit<MenuRootProps<Payload>, 'children'> {
803
+ children: ReactNode;
804
+ /**
805
+ * 图标空间保留模式
806
+ * - 'global': 当任何一个选项有图标时,所有 item 都保留图标位
807
+ * - 'group': 只有当一个分组中存在图标时,该分组才保留图标位
808
+ * @default 'global'
809
+ */
810
+ iconSpaceMode?: IconSpaceMode;
811
+ items: DropdownItem[] | (() => DropdownItem[]);
812
+ nativeButton?: boolean;
813
+ placement?: DropdownMenuPlacement;
814
+ popupProps?: MenuPopupProps;
815
+ portalProps?: MenuPortalProps;
816
+ positionerProps?: MenuPositionerProps;
817
+ /**
818
+ * 触发方式
819
+ * @default 'click'
820
+ */
821
+ trigger?: Trigger;
822
+ triggerProps?: Omit<MenuTriggerProps<Payload>, 'children'>;
823
+ }
824
+
825
+ declare const DROPDOWN_MENU_CONTAINER_ATTR = "data-lobe-ui-dropdown-menu-container";
826
+ declare const DropdownMenuRoot: typeof Menu$1.Root;
827
+ declare const DropdownMenuSubmenuRoot: typeof Menu$1.SubmenuRoot;
828
+ declare const DropdownMenuCheckboxItemIndicator: react__default.ForwardRefExoticComponent<_base_ui_react_menu.MenuCheckboxItemIndicatorProps & react__default.RefAttributes<HTMLSpanElement>>;
829
+ type DropdownMenuTriggerProps = Omit<react__default.ComponentPropsWithRef<typeof Menu$1.Trigger>, 'children' | 'render'> & {
830
+ children: react__default.ReactNode;
831
+ };
832
+ declare const DropdownMenuTrigger: {
833
+ ({ children, className, nativeButton, ref: refProp, ...rest }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
834
+ displayName: string;
835
+ };
836
+ type DropdownMenuPortalProps = react__default.ComponentProps<typeof Menu$1.Portal> & {
837
+ /**
838
+ * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
839
+ */
840
+ container?: HTMLElement | null;
841
+ };
842
+ declare const DropdownMenuPortal: {
843
+ ({ container, ...rest }: DropdownMenuPortalProps): react_jsx_runtime.JSX.Element;
844
+ displayName: string;
845
+ };
846
+ type DropdownMenuPositionerProps = react__default.ComponentProps<typeof Menu$1.Positioner> & {
847
+ hoverTrigger?: boolean;
848
+ placement?: DropdownMenuPlacement;
849
+ };
850
+ declare const DropdownMenuPositioner: {
851
+ ({ className, placement, hoverTrigger, align, side, sideOffset, children, ...rest }: DropdownMenuPositionerProps): react_jsx_runtime.JSX.Element;
852
+ displayName: string;
853
+ };
854
+ type DropdownMenuPopupProps = react__default.ComponentProps<typeof Menu$1.Popup>;
855
+ declare const DropdownMenuPopup: {
856
+ ({ className, ...rest }: DropdownMenuPopupProps): react_jsx_runtime.JSX.Element;
857
+ displayName: string;
858
+ };
859
+ type DropdownMenuItemProps = react__default.ComponentProps<typeof Menu$1.Item> & {
860
+ danger?: boolean;
861
+ };
862
+ declare const DropdownMenuItem: {
863
+ ({ className, danger, ...rest }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
864
+ displayName: string;
865
+ };
866
+ type DropdownMenuCheckboxItemProps = react__default.ComponentProps<typeof Menu$1.CheckboxItem> & {
867
+ danger?: boolean;
868
+ };
869
+ declare const DropdownMenuCheckboxItemPrimitive: {
870
+ ({ className, danger, ...rest }: DropdownMenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
871
+ displayName: string;
872
+ };
873
+ type DropdownMenuSeparatorProps = react__default.ComponentProps<typeof Menu$1.Separator>;
874
+ declare const DropdownMenuSeparator: {
875
+ ({ className, ...rest }: DropdownMenuSeparatorProps): react_jsx_runtime.JSX.Element;
876
+ displayName: string;
877
+ };
878
+ declare const DropdownMenuGroup: react__default.ForwardRefExoticComponent<_base_ui_react_menu.MenuGroupProps & react__default.RefAttributes<Element>>;
879
+ type DropdownMenuGroupLabelProps = react__default.ComponentProps<typeof Menu$1.GroupLabel>;
880
+ declare const DropdownMenuGroupLabel: {
881
+ ({ className, ...rest }: DropdownMenuGroupLabelProps): react_jsx_runtime.JSX.Element;
882
+ displayName: string;
883
+ };
884
+ type DropdownMenuSubmenuTriggerProps = react__default.ComponentProps<typeof Menu$1.SubmenuTrigger> & {
885
+ danger?: boolean;
886
+ };
887
+ declare const DropdownMenuSubmenuTrigger: {
888
+ ({ className, danger, ...rest }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime.JSX.Element;
889
+ displayName: string;
890
+ };
891
+ type DropdownMenuItemContentProps = react__default.HTMLAttributes<HTMLDivElement>;
892
+ declare const DropdownMenuItemContent: {
893
+ ({ className, ...rest }: DropdownMenuItemContentProps): react_jsx_runtime.JSX.Element;
894
+ displayName: string;
895
+ };
896
+ type DropdownMenuItemIconProps = react__default.HTMLAttributes<HTMLSpanElement>;
897
+ declare const DropdownMenuItemIcon: {
898
+ ({ className, ...rest }: DropdownMenuItemIconProps): react_jsx_runtime.JSX.Element;
899
+ displayName: string;
900
+ };
901
+ type DropdownMenuItemLabelProps = react__default.HTMLAttributes<HTMLSpanElement>;
902
+ declare const DropdownMenuItemLabel: {
903
+ ({ className, ...rest }: DropdownMenuItemLabelProps): react_jsx_runtime.JSX.Element;
904
+ displayName: string;
905
+ };
906
+ type DropdownMenuItemExtraProps = react__default.HTMLAttributes<HTMLSpanElement>;
907
+ declare const DropdownMenuItemExtra: {
908
+ ({ className, ...rest }: DropdownMenuItemExtraProps): react_jsx_runtime.JSX.Element;
909
+ displayName: string;
910
+ };
911
+ type DropdownMenuSubmenuArrowProps = react__default.HTMLAttributes<HTMLSpanElement>;
912
+ declare const DropdownMenuSubmenuArrow: {
913
+ ({ className, ...rest }: DropdownMenuSubmenuArrowProps): react_jsx_runtime.JSX.Element;
914
+ displayName: string;
915
+ };
916
+
917
+ declare const DropdownMenu: react.NamedExoticComponent<DropdownMenuProps<unknown>>;
918
+
919
+ type ActionIconGroupEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
920
+ interface ActionIconGroupProps extends Omit<CenterProps, 'children'> {
921
+ actionIconProps?: Partial<Omit<ActionIconProps, 'icon' | 'size' | 'ref'>>;
922
+ disabled?: boolean;
923
+ glass?: boolean;
924
+ items?: MenuItemType[];
925
+ menu?: DropdownMenuProps['items'];
926
+ onActionClick?: (action: ActionIconGroupEvent) => void;
927
+ ref?: Ref<HTMLDivElement>;
928
+ shadow?: boolean;
929
+ size?: ActionIconProps['size'];
930
+ variant?: 'filled' | 'outlined' | 'borderless';
931
+ }
932
+
933
+ declare const ActionIconGroup: FC<ActionIconGroupProps>;
934
+
935
+ interface AlertProps extends Omit<AlertProps$1, 'icon' | 'type'> {
936
+ classNames?: {
937
+ alert?: string;
938
+ container?: string;
939
+ extraContent?: string;
940
+ };
941
+ colorfulText?: boolean;
942
+ extra?: ReactNode;
943
+ extraDefaultExpand?: boolean;
944
+ extraIsolate?: boolean;
945
+ glass?: boolean;
946
+ icon?: IconProps$1['icon'];
947
+ iconProps?: Omit<IconProps$1, 'icon'>;
948
+ ref?: Ref<AlertRef>;
949
+ styles?: {
950
+ alert?: CSSProperties;
951
+ container?: CSSProperties;
952
+ extraContent?: CSSProperties;
953
+ };
954
+ text?: {
955
+ detail?: string;
956
+ };
957
+ type?: 'success' | 'info' | 'warning' | 'error' | 'secondary';
958
+ variant?: 'filled' | 'outlined' | 'borderless';
959
+ }
960
+
961
+ declare const Alert: react.NamedExoticComponent<AlertProps>;
962
+
963
+ interface AutoCompleteProps extends AutoCompleteProps$1 {
964
+ shadow?: boolean;
965
+ }
966
+
967
+ declare const AutoComplete: react.NamedExoticComponent<AutoCompleteProps>;
968
+
969
+ interface AvatarProps extends AvatarProps$1 {
970
+ animation?: boolean;
971
+ avatar?: string | ReactNode;
972
+ background?: string;
973
+ bordered?: boolean;
974
+ borderedColor?: string;
975
+ emojiScaleWithBackground?: boolean;
976
+ loading?: boolean;
977
+ ref?: Ref<HTMLDivElement>;
978
+ shadow?: boolean;
979
+ shape?: 'circle' | 'square';
980
+ size?: number;
981
+ sliceText?: boolean;
982
+ title?: string;
983
+ tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
984
+ unoptimized?: boolean;
985
+ variant?: 'borderless' | 'filled' | 'outlined';
986
+ }
987
+ interface AvatarGroupItemType extends Pick<AvatarProps, 'avatar' | 'title' | 'alt' | 'onClick' | 'style' | 'className' | 'loading'> {
988
+ key: string;
989
+ }
990
+ interface AvatarGroupProps extends Pick<AvatarProps, 'variant' | 'bordered' | 'shadow' | 'size' | 'background' | 'animation' | 'draggable' | 'shape'>, Omit<FlexboxProps, 'children' | 'onClick'> {
991
+ classNames?: {
992
+ avatar?: string;
993
+ count?: string;
994
+ };
995
+ items: AvatarGroupItemType[];
996
+ max?: number;
997
+ onClick?: (props: {
998
+ item: AvatarGroupItemType;
999
+ key: string;
1000
+ }) => void;
1001
+ ref?: Ref<HTMLDivElement>;
1002
+ styles?: {
1003
+ avatar?: CSSProperties;
1004
+ count?: CSSProperties;
1005
+ };
1006
+ zIndexReverse?: boolean;
1007
+ }
1008
+
1009
+ declare const AvatarGroup: react.NamedExoticComponent<AvatarGroupProps>;
1010
+
1011
+ interface IAvatar {
1012
+ (props: AvatarProps & RefAttributes<HTMLDivElement>): ReactNode;
1013
+ Group: typeof AvatarGroup;
1014
+ }
1015
+ declare const Avatar: IAvatar;
1016
+
1017
+ interface BurgerProps {
1018
+ className?: string;
1019
+ drawerProps?: Partial<Omit<DrawerProps$1, 'items' | 'opened' | 'setOpened'>>;
1020
+ fullscreen?: boolean;
1021
+ headerHeight?: number;
1022
+ iconProps?: Partial<ActionIconProps>;
1023
+ items: MenuProps$1['items'];
1024
+ onClick?: MenuProps$1['onClick'];
1025
+ openKeys?: MenuProps$1['openKeys'];
1026
+ opened: boolean;
1027
+ ref?: Ref<HTMLDivElement>;
1028
+ rootClassName?: string;
1029
+ selectedKeys?: MenuProps$1['selectedKeys'];
1030
+ setOpened: (state: boolean) => void;
1031
+ size?: ActionIconProps['size'];
1032
+ style?: CSSProperties;
1033
+ variant?: ActionIconProps['variant'];
1034
+ }
1035
+
1036
+ declare const Burger: react.NamedExoticComponent<BurgerProps>;
1037
+
1038
+ interface ButtonProps extends Omit<ButtonProps$1, 'icon'> {
1039
+ glass?: boolean;
1040
+ icon?: IconProps$1['icon'];
1041
+ iconProps?: Partial<Omit<IconProps$1, 'icon'>>;
1042
+ ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
1043
+ shadow?: boolean;
1044
+ }
1045
+
1046
+ declare const Button: FC<ButtonProps>;
1047
+
1048
+ interface TextProps extends DivProps$1 {
1049
+ align?: 'left' | 'center' | 'right';
1050
+ as?: ElementType;
1051
+ code?: boolean;
1052
+ color?: string;
1053
+ delete?: boolean;
1054
+ disabled?: boolean;
1055
+ ellipsis?: boolean | {
1056
+ rows?: number;
1057
+ tooltip?: boolean | string | TooltipProps;
1058
+ tooltipWhenOverflow?: boolean;
1059
+ };
1060
+ fontSize?: number | string;
1061
+ italic?: boolean;
1062
+ /**
1063
+ * Clamp lines with CSS line-clamp.
1064
+ *
1065
+ * Note: When `ellipsis` is provided, `ellipsis` takes precedence.
1066
+ */
1067
+ lineClamp?: number;
1068
+ lineHeight?: CSSProperties['lineHeight'];
1069
+ mark?: boolean;
1070
+ /**
1071
+ * Whether to disable wrapping (set `white-space: nowrap`).
1072
+ *
1073
+ * Note: When multi-line ellipsis is enabled, it will be ignored.
1074
+ */
1075
+ noWrap?: boolean;
1076
+ ref?: Ref<HTMLDivElement>;
1077
+ strong?: boolean;
1078
+ textDecoration?: CSSProperties['textDecoration'];
1079
+ textTransform?: CSSProperties['textTransform'];
1080
+ type?: 'secondary' | 'success' | 'warning' | 'danger' | 'info';
1081
+ underline?: boolean;
1082
+ weight?: 'bold' | 'bolder' | number;
1083
+ whiteSpace?: CSSProperties['whiteSpace'];
1084
+ wordBreak?: CSSProperties['wordBreak'];
1085
+ }
1086
+
1087
+ declare const Text: FC<TextProps>;
1088
+
1089
+ interface CheckboxProps extends Omit<DivProps$1, 'onChange'> {
1090
+ backgroundColor?: string;
1091
+ checked?: boolean;
1092
+ classNames?: {
1093
+ checkbox?: string;
1094
+ text?: string;
1095
+ wrapper?: string;
1096
+ };
1097
+ defaultChecked?: boolean;
1098
+ disabled?: boolean;
1099
+ indeterminate?: boolean;
1100
+ onChange?: (checked: boolean) => void;
1101
+ shape?: 'square' | 'circle';
1102
+ size?: number;
1103
+ styles?: {
1104
+ checkbox?: CSSProperties;
1105
+ text?: CSSProperties;
1106
+ wrapper?: CSSProperties;
1107
+ };
1108
+ textProps?: Omit<TextProps, 'children' | 'className' | 'style'>;
1109
+ }
1110
+ interface CheckboxGroupOption {
1111
+ disabled?: boolean;
1112
+ label: ReactNode;
1113
+ value: string;
1114
+ }
1115
+ interface CheckboxGroupProps extends Omit<FlexboxProps, 'defaultValue' | 'onChange'> {
1116
+ defaultValue?: string[];
1117
+ disabled?: boolean;
1118
+ onChange?: (value: string[]) => void;
1119
+ options: string[] | CheckboxGroupOption[];
1120
+ shape?: 'square' | 'circle';
1121
+ size?: number;
1122
+ textProps?: Omit<TextProps, 'children' | 'className' | 'style'>;
1123
+ value?: string[];
1124
+ }
1125
+
1126
+ declare const CheckboxGroup: FC<CheckboxGroupProps>;
1127
+
1128
+ interface ICheckbox {
1129
+ (props: CheckboxProps & RefAttributes<HTMLDivElement>): ReactNode;
1130
+ Group: typeof CheckboxGroup;
1131
+ }
1132
+ declare const Checkbox: ICheckbox;
1133
+
1134
+ type DiffViewMode = 'split' | 'unified';
1135
+ interface CodeDiffProps extends Omit<FlexboxProps, 'children'> {
1136
+ /**
1137
+ * Actions to render in the header
1138
+ */
1139
+ actionsRender?: (props: {
1140
+ newContent: string;
1141
+ oldContent: string;
1142
+ originalNode: ReactNode;
1143
+ }) => ReactNode;
1144
+ /**
1145
+ * Custom class names for different parts
1146
+ */
1147
+ classNames?: {
1148
+ body?: string;
1149
+ header?: string;
1150
+ };
1151
+ /**
1152
+ * Options for the diff component
1153
+ */
1154
+ diffOptions?: FileDiffOptions<string>;
1155
+ /**
1156
+ * File name to display
1157
+ */
1158
+ fileName?: string;
1159
+ /**
1160
+ * Programming language for syntax highlighting
1161
+ */
1162
+ language?: string;
1163
+ /**
1164
+ * New content (after changes)
1165
+ */
1166
+ newContent: string;
1167
+ /**
1168
+ * Old content (before changes)
1169
+ */
1170
+ oldContent: string;
1171
+ /**
1172
+ * Whether to show file header
1173
+ * @default true
1174
+ */
1175
+ showHeader?: boolean;
1176
+ /**
1177
+ * Custom styles for different parts
1178
+ */
1179
+ styles?: {
1180
+ body?: CSSProperties;
1181
+ header?: CSSProperties;
1182
+ };
1183
+ /**
1184
+ * Visual variant
1185
+ * @default 'filled'
1186
+ */
1187
+ variant?: 'filled' | 'outlined' | 'borderless';
1188
+ /**
1189
+ * View mode for diff display
1190
+ * @default 'split'
1191
+ */
1192
+ viewMode?: DiffViewMode;
1193
+ }
1194
+ interface PatchDiffProps extends Omit<FlexboxProps, 'children'> {
1195
+ /**
1196
+ * Actions to render in the header
1197
+ */
1198
+ actionsRender?: (props: {
1199
+ originalNode: ReactNode;
1200
+ patch: string;
1201
+ }) => ReactNode;
1202
+ /**
1203
+ * Custom class names for different parts
1204
+ */
1205
+ classNames?: {
1206
+ body?: string;
1207
+ header?: string;
1208
+ };
1209
+ /**
1210
+ * Options for the diff component
1211
+ */
1212
+ diffOptions?: FileDiffOptions<string>;
1213
+ /**
1214
+ * File name to display (optional, extracted from patch if not provided)
1215
+ */
1216
+ fileName?: string;
1217
+ /**
1218
+ * Programming language for syntax highlighting
1219
+ */
1220
+ language?: string;
1221
+ /**
1222
+ * Unified diff patch string
1223
+ */
1224
+ patch: string;
1225
+ /**
1226
+ * Whether to show file header
1227
+ * @default true
1228
+ */
1229
+ showHeader?: boolean;
1230
+ /**
1231
+ * Custom styles for different parts
1232
+ */
1233
+ styles?: {
1234
+ body?: CSSProperties;
1235
+ header?: CSSProperties;
1236
+ };
1237
+ /**
1238
+ * Visual variant
1239
+ * @default 'filled'
1240
+ */
1241
+ variant?: 'filled' | 'outlined' | 'borderless';
1242
+ /**
1243
+ * View mode for diff display
1244
+ * @default 'split'
1245
+ */
1246
+ viewMode?: DiffViewMode;
1247
+ }
1248
+
1249
+ declare const CodeDiff: react.NamedExoticComponent<CodeDiffProps>;
1250
+
1251
+ declare const PatchDiff: react.NamedExoticComponent<PatchDiffProps>;
1252
+
1253
+ interface CodeEditorProps extends TextAreaProps$1, Pick<FlexboxProps, 'width' | 'height' | 'flex'> {
1254
+ classNames?: {
1255
+ highlight?: string;
1256
+ textarea?: string;
1257
+ };
1258
+ defaultValue?: string;
1259
+ language: string;
1260
+ onValueChange: (value: string) => void;
1261
+ placeholder?: string;
1262
+ ref?: Ref<HTMLTextAreaElement>;
1263
+ style?: CSSProperties;
1264
+ styles?: {
1265
+ highlight?: CSSProperties;
1266
+ textarea?: CSSProperties;
1267
+ };
1268
+ value: string;
1269
+ variant?: 'filled' | 'outlined' | 'borderless';
1270
+ }
1271
+
1272
+ declare const CodeEditor: react.NamedExoticComponent<CodeEditorProps>;
1273
+
1274
+ interface CollapseItemType extends ItemType$1 {
1275
+ desc?: ReactNode;
1276
+ icon?: IconProps$1['icon'];
1277
+ }
1278
+ interface CollapseProps extends Omit<CollapseProps$1, 'collapsible' | 'ghost' | 'items'> {
1279
+ classNames?: {
1280
+ desc?: string;
1281
+ header?: string;
1282
+ title?: string;
1283
+ };
1284
+ collapsible?: boolean;
1285
+ gap?: number;
1286
+ items: CollapseItemType[];
1287
+ padding?: number | string | {
1288
+ body?: number | string;
1289
+ header?: number | string;
1290
+ };
1291
+ ref?: Ref<HTMLDivElement>;
1292
+ styles?: {
1293
+ desc?: CSSProperties;
1294
+ header?: CSSProperties;
1295
+ title?: CSSProperties;
1296
+ };
1297
+ variant?: 'filled' | 'outlined' | 'borderless';
1298
+ }
1299
+
1300
+ declare const Collapse: react.NamedExoticComponent<CollapseProps>;
1301
+
1302
+ interface ColorSwatchesItemType {
1303
+ color: string;
1304
+ key?: Key;
1305
+ title?: ReactNode;
1306
+ }
1307
+ interface ColorSwatchesProps extends Omit<FlexboxProps, 'onChange'> {
1308
+ colors: ColorSwatchesItemType[];
1309
+ defaultValue?: string;
1310
+ enableColorPicker?: boolean;
1311
+ enableColorSwatches?: boolean;
1312
+ onChange?: (color?: string) => void;
1313
+ ref?: Ref<HTMLDivElement>;
1314
+ shape?: 'circle' | 'square';
1315
+ size?: number;
1316
+ texts?: {
1317
+ custom: string;
1318
+ presets: string;
1319
+ };
1320
+ value?: string;
1321
+ }
1322
+
1323
+ declare const ColorSwatches: FC<ColorSwatchesProps>;
1324
+
1325
+ type MotionComponentType = typeof motion_react.motion | typeof m;
1326
+ declare const MotionComponent: Context<MotionComponentType>;
1327
+ declare const MotionProvider: react.NamedExoticComponent<{
1328
+ children: ReactNode;
1329
+ motion: MotionComponentType;
1330
+ }>;
1331
+ declare const useMotionComponent: () => MotionComponentType;
1332
+
1333
+ declare const _default$8: {
1334
+ readonly 'sideNav.collapse': "Collapse sidebar";
1335
+ readonly 'sideNav.demoActiveLabel': "Active";
1336
+ readonly 'sideNav.demoFeatureAutoCollapseDesc': "Drag below threshold for smart collapse";
1337
+ readonly 'sideNav.demoFeatureAutoCollapseTitle': "Auto-collapse";
1338
+ readonly 'sideNav.demoFeaturePerformanceDesc': "No animation overhead for better performance";
1339
+ readonly 'sideNav.demoFeaturePerformanceTitle': "Performance";
1340
+ readonly 'sideNav.demoFeatureResizeDesc': "Drag to adjust panel width";
1341
+ readonly 'sideNav.demoFeatureResizeTitle': "Flexible Resize";
1342
+ readonly 'sideNav.demoFeatureSmartHandleDesc': "Hover to reveal toggle button";
1343
+ readonly 'sideNav.demoFeatureSmartHandleTitle': "Smart Handle";
1344
+ readonly 'sideNav.demoFeaturesTitle': "Features";
1345
+ readonly 'sideNav.demoHint': "Try dragging the panel edge and using the toggle button ->";
1346
+ readonly 'sideNav.demoSubtitle': "A workspace-style side panel with draggable resize";
1347
+ readonly 'sideNav.demoTitle': "DraggableSideNav Demo";
1348
+ readonly 'sideNav.expand': "Expand sidebar";
1349
+ };
1350
+
1351
+ declare const _default$7: {
1352
+ readonly 'messageModal.cancel': "Cancel";
1353
+ readonly 'messageModal.confirm': "Confirm";
1354
+ readonly 'messageModal.edit': "Edit";
1355
+ };
1356
+
1357
+ declare const _default$6: {
1358
+ readonly 'hotkey.conflict': "This shortcut conflicts with an existing one.";
1359
+ readonly 'hotkey.invalidCombination': "Shortcut must include a modifier key (Ctrl, Alt, Shift) and only one regular key.";
1360
+ readonly 'hotkey.placeholder': "Press keys to record shortcut";
1361
+ readonly 'hotkey.reset': "Reset to default";
1362
+ };
1363
+
1364
+ declare const _default$5: {
1365
+ readonly 'form.reset': "Reset";
1366
+ readonly 'form.submit': "Submit";
1367
+ readonly 'form.unsavedChanges': "Unsaved changes";
1368
+ readonly 'form.unsavedWarning': "You have unsaved changes. Are you sure you want to leave?";
1369
+ };
1370
+
1371
+ declare const _default$4: {
1372
+ readonly 'emojiPicker.delete': "Delete";
1373
+ readonly 'emojiPicker.draggerDesc': "Click or Drag image to this area to upload";
1374
+ readonly 'emojiPicker.emoji': "Emoji";
1375
+ readonly 'emojiPicker.fileTypeError': "You can only upload image file!";
1376
+ readonly 'emojiPicker.upload': "Upload";
1377
+ readonly 'emojiPicker.uploadBtn': "Crop and Upload";
1378
+ };
1379
+
1380
+ declare const _default$3: {
1381
+ readonly 'editableMessage.addProps': "Add Props";
1382
+ readonly 'editableMessage.delete': "Delete";
1383
+ readonly 'editableMessage.input': "Input";
1384
+ readonly 'editableMessage.inputPlaceholder': "Please enter sample input content";
1385
+ readonly 'editableMessage.output': "Output";
1386
+ readonly 'editableMessage.outputPlaceholder': "Please enter sample output content";
1387
+ readonly 'editableMessage.system': "System";
1388
+ };
1389
+
1390
+ declare const _default$2: {
1391
+ readonly 'common.cancel': "Cancel";
1392
+ readonly 'common.confirm': "Confirm";
1393
+ readonly 'common.delete': "Delete";
1394
+ readonly 'common.edit': "Edit";
1395
+ readonly 'common.empty': "(empty)";
1396
+ };
1397
+
1398
+ declare const _default$1: {
1399
+ readonly 'chat.avatar': "avatar";
1400
+ readonly 'chat.placeholder': "...";
1401
+ readonly 'tokenTag.overload': "Overload";
1402
+ readonly 'tokenTag.remained': "Remained";
1403
+ readonly 'tokenTag.used': "Used";
1404
+ };
1405
+
1406
+ type BuiltinTranslationResources = typeof _default$1 & typeof _default$2 & typeof _default$3 & typeof _default$4 & typeof _default$5 & typeof _default$6 & typeof _default$7 & typeof _default$8;
1407
+ type TranslationKey = keyof BuiltinTranslationResources;
1408
+ type TranslationValue = string;
1409
+ /**
1410
+ * A (partial) dictionary of translations.
1411
+ *
1412
+ * Note: it's intentionally Partial so feature-level modules can pass only their own keys as
1413
+ * fallback resources (e.g. `useTranslation(editableMessageMessages)`).
1414
+ */
1415
+ type TranslationResources = Partial<Record<TranslationKey, TranslationValue>>;
1416
+ type TranslationResourcesMap = TranslationResources[] | Record<string, TranslationResources>;
1417
+ type TranslationResourcesInput = TranslationResourcesMap | Promise<TranslationResourcesMap>;
1418
+
1419
+ type CDN = 'aliyun' | 'unpkg';
1420
+ interface CdnApi {
1421
+ path: string;
1422
+ pkg: string;
1423
+ proxy?: CDN;
1424
+ version?: string;
1425
+ }
1426
+ declare const genCdnUrl: ({ pkg, version, path, proxy }: CdnApi) => string;
1427
+
1428
+ interface Config {
1429
+ aAs?: ElementType;
1430
+ customCdnFn?: CdnFn;
1431
+ imgAs?: ElementType;
1432
+ imgUnoptimized?: boolean;
1433
+ proxy?: CDN | 'custom';
1434
+ }
1435
+ interface ConfigProviderProps {
1436
+ children: ReactNode;
1437
+ config?: Config;
1438
+ locale?: string;
1439
+ motion: MotionComponentType;
1440
+ resources?: TranslationResourcesInput;
1441
+ }
1442
+ declare const ConfigProvider: react.NamedExoticComponent<ConfigProviderProps>;
1443
+ type CdnFn = ({ pkg, version, path }: CdnApi) => string;
1444
+ declare const useCdnFn: () => CdnFn;
1445
+
1446
+ type ContextMenuCheckboxItem = MenuCheckboxItemType;
1447
+ type ContextMenuItem = BaseMenuItemType;
1448
+
1449
+ type ContextMenuTriggerProps = {
1450
+ children: ReactNode;
1451
+ /**
1452
+ * Menu items to display. Supports lazy rendering via function.
1453
+ * When provided, context menu will be automatically shown on right-click.
1454
+ */
1455
+ items?: ContextMenuItem[] | (() => ContextMenuItem[]);
1456
+ /**
1457
+ * Custom context menu handler. If `items` is provided, this is optional.
1458
+ */
1459
+ onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
1460
+ } & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;
1461
+ declare const ContextMenuTrigger: react__default.NamedExoticComponent<ContextMenuTriggerProps>;
1462
+
1463
+ declare const ContextMenuHost: react.MemoExoticComponent<() => react_jsx_runtime.JSX.Element | null>;
1464
+
1465
+ interface ShowContextMenuOptions {
1466
+ iconSpaceMode?: IconSpaceMode;
1467
+ }
1468
+ declare const showContextMenu: (items: ContextMenuItem[], options?: ShowContextMenuOptions) => void;
1469
+ /**
1470
+ * Update menu items while keeping current anchor/position.
1471
+ * Useful for interactive menu items (e.g. checkbox) to avoid re-positioning.
1472
+ */
1473
+ declare const updateContextMenuItems: (items: ContextMenuItem[]) => void;
1474
+ declare const closeContextMenu: () => void;
1475
+
1476
+ interface CopyButtonProps extends Omit<ActionIconProps, 'content'> {
1477
+ content: string | (() => string);
1478
+ }
1479
+
1480
+ declare const CopyButton: react.NamedExoticComponent<CopyButtonProps>;
1481
+
1482
+ interface DatePickerProps extends DatePickerProps$1 {
1483
+ shadow?: boolean;
1484
+ }
1485
+
1486
+ declare const DatePicker: react.NamedExoticComponent<DatePickerProps>;
1487
+
1488
+ interface DownloadButtonProps extends ActionIconProps {
1489
+ blobUrl?: string;
1490
+ fileName?: string;
1491
+ fileType?: string;
1492
+ }
1493
+
1494
+ declare const DownloadButton: react__default.NamedExoticComponent<DownloadButtonProps>;
1495
+
1496
+ type DraggablePanelBodyProps = DivProps$1;
1497
+ declare const DraggablePanelBody: react.NamedExoticComponent<DivProps$1>;
1498
+
1499
+ type DraggablePanelContainerProps = DivProps$1;
1500
+ declare const DraggablePanelContainer: react.NamedExoticComponent<DivProps$1>;
1501
+
1502
+ type DraggablePanelFooterProps = DivProps$1;
1503
+ declare const DraggablePanelFooter: react.NamedExoticComponent<DivProps$1>;
1504
+
1505
+ interface DraggablePanelHeaderProps extends Omit<DivProps$1, 'children'> {
1506
+ pin?: boolean;
1507
+ position?: 'left' | 'right';
1508
+ setExpand?: (expand: boolean) => void;
1509
+ setPin?: (pin: boolean) => void;
1510
+ title?: string;
1511
+ }
1512
+ declare const DraggablePanelHeader: react.NamedExoticComponent<DraggablePanelHeaderProps>;
1513
+
1514
+ type PlacementType = 'right' | 'left' | 'top' | 'bottom';
1515
+ interface DraggablePanelProps extends DivProps$1 {
1516
+ backgroundColor?: string;
1517
+ classNames?: {
1518
+ content?: string;
1519
+ handle?: string;
1520
+ };
1521
+ defaultExpand?: boolean;
1522
+ defaultSize?: Partial<Size>;
1523
+ destroyOnClose?: boolean;
1524
+ expand?: boolean;
1525
+ expandable?: boolean;
1526
+ fullscreen?: boolean;
1527
+ headerHeight?: number;
1528
+ maxHeight?: number;
1529
+ maxWidth?: number;
1530
+ minHeight?: number;
1531
+ minWidth?: number;
1532
+ mode?: 'fixed' | 'float';
1533
+ onExpandChange?: (expand: boolean) => void;
1534
+ onSizeChange?: (delta: NumberSize, size?: Size) => void;
1535
+ onSizeDragging?: (delta: NumberSize, size?: Size) => void;
1536
+ pin?: boolean;
1537
+ placement: PlacementType;
1538
+ resize?: Props$1['enableResizing'];
1539
+ /**
1540
+ * Whether to show border
1541
+ * @default true
1542
+ */
1543
+ showBorder?: boolean;
1544
+ showHandleHighlight?: boolean;
1545
+ showHandleWhenCollapsed?: boolean;
1546
+ showHandleWideArea?: boolean;
1547
+ size?: Partial<Size>;
1548
+ styles?: {
1549
+ content?: CSSProperties;
1550
+ handle?: CSSProperties;
1551
+ };
1552
+ }
1553
+
1554
+ interface IDraggablePanel {
1555
+ (props: DraggablePanelProps & RefAttributes<HTMLDivElement>): ReactNode;
1556
+ Body: typeof DraggablePanelBody;
1557
+ Container: typeof DraggablePanelContainer;
1558
+ Footer: typeof DraggablePanelFooter;
1559
+ Header: typeof DraggablePanelHeader;
1560
+ }
1561
+ declare const DraggablePanel: IDraggablePanel;
1562
+
1563
+ interface DraggableSideNavProps extends Omit<DivProps$1, 'children' | 'onSelect'> {
1564
+ backgroundColor?: string;
1565
+ /**
1566
+ * Body content (main content area)
1567
+ * Function that receives expand state
1568
+ */
1569
+ body: (expand: boolean) => ReactNode;
1570
+ /**
1571
+ * Classnames for internal components
1572
+ */
1573
+ classNames?: {
1574
+ body?: string;
1575
+ container?: string;
1576
+ content?: string;
1577
+ footer?: string;
1578
+ handle?: string;
1579
+ header?: string;
1580
+ };
1581
+ /**
1582
+ * Whether the panel is expanded by default
1583
+ * @default true
1584
+ */
1585
+ defaultExpand?: boolean;
1586
+ /**
1587
+ * Default width (number format)
1588
+ */
1589
+ defaultWidth?: number;
1590
+ /**
1591
+ * Whether the panel is expanded (controlled)
1592
+ */
1593
+ expand?: boolean;
1594
+ /**
1595
+ * Whether the panel can be expanded/collapsed
1596
+ * @default true
1597
+ */
1598
+ expandable?: boolean;
1599
+ /**
1600
+ * Footer content
1601
+ * Can be a static element or a function that receives expand state
1602
+ */
1603
+ footer?: ReactNode | ((expand: boolean) => ReactNode);
1604
+ /**
1605
+ * Header content
1606
+ * Can be a static element or a function that receives expand state
1607
+ */
1608
+ header?: ReactNode | ((expand: boolean) => ReactNode);
1609
+ /**
1610
+ * Maximum width
1611
+ */
1612
+ maxWidth?: number;
1613
+ /**
1614
+ * Minimum width when expanded (does not affect collapsed width which is always 64px)
1615
+ * Only applies when the panel is in expanded state
1616
+ * @default 64
1617
+ */
1618
+ minWidth?: number;
1619
+ /**
1620
+ * Callback when expand state changes
1621
+ */
1622
+ onExpandChange?: (expand: boolean) => void;
1623
+ /**
1624
+ * Callback when menu item is selected
1625
+ */
1626
+ onSelect?: (key: string) => void;
1627
+ /**
1628
+ * Callback when width changes
1629
+ */
1630
+ onWidthChange?: (delta: NumberSize, width: number) => void;
1631
+ /**
1632
+ * Callback when actively resizing width
1633
+ */
1634
+ onWidthDragging?: (delta: NumberSize, width: number) => void;
1635
+ /**
1636
+ * Placement of the side nav
1637
+ * @default 'left'
1638
+ */
1639
+ placement?: 'left' | 'right';
1640
+ /**
1641
+ * Whether to enable resizing
1642
+ * @default true
1643
+ */
1644
+ resizable?: boolean;
1645
+ /**
1646
+ * Whether to show border
1647
+ * @default true
1648
+ */
1649
+ showBorder?: boolean;
1650
+ /**
1651
+ * Whether to show handle for toggling
1652
+ * @default true
1653
+ */
1654
+ showHandle?: boolean;
1655
+ showHandleHighlight?: boolean;
1656
+ /**
1657
+ * Whether to show handle when collapsed
1658
+ * @default false
1659
+ */
1660
+ showHandleWhenCollapsed?: boolean;
1661
+ /**
1662
+ * Custom styles
1663
+ */
1664
+ styles?: {
1665
+ body?: CSSProperties;
1666
+ container?: CSSProperties;
1667
+ content?: CSSProperties;
1668
+ footer?: CSSProperties;
1669
+ handle?: CSSProperties;
1670
+ header?: CSSProperties;
1671
+ };
1672
+ /**
1673
+ * Expanded width (controlled)
1674
+ * This represents the width when expanded, not the current displayed width
1675
+ * The actual displayed width will be `width` when expanded, or `minWidth` when collapsed
1676
+ */
1677
+ width?: number;
1678
+ }
1679
+
1680
+ declare const DraggableSideNav: react.NamedExoticComponent<DraggableSideNavProps>;
1681
+
1682
+ interface DrawerProps extends Omit<DrawerProps$1, 'styles' | 'classNames'> {
1683
+ classNames?: DrawerProps$1['classNames'] & {
1684
+ bodyContent?: string;
1685
+ extra?: string;
1686
+ sidebar?: string;
1687
+ sidebarContent?: string;
1688
+ title?: string;
1689
+ };
1690
+ closeIconProps?: ActionIconProps;
1691
+ containerMaxWidth?: number | string;
1692
+ noHeader?: boolean;
1693
+ ref?: Ref<HTMLDivElement>;
1694
+ sidebar?: ReactNode;
1695
+ sidebarWidth?: number;
1696
+ styles?: DrawerProps$1['styles'] & {
1697
+ bodyContent?: CSSProperties;
1698
+ extra?: CSSProperties;
1699
+ sidebar?: CSSProperties;
1700
+ sidebarContent?: CSSProperties;
1701
+ title?: CSSProperties;
1702
+ };
1703
+ }
1704
+
1705
+ declare const Drawer: react.NamedExoticComponent<DrawerProps>;
1706
+
1707
+ interface DropdownProps extends Omit<DropdownProps$1, 'menu'> {
1708
+ iconProps?: IconContentConfig;
1709
+ menu: MenuProps;
1710
+ }
1711
+
1712
+ /**
1713
+ * @deprecated
1714
+ * Use `DropdownMenu` or `ContextMenu` instead
1715
+ * @see https://ui.lobehub.com/components/context-menu
1716
+ * @see https://ui.lobehub.com/components/dropdown-menu
1717
+ */
1718
+ declare const Dropdown: react.NamedExoticComponent<DropdownProps>;
1719
+
1720
+ interface InputProps extends InputProps$1 {
1721
+ ref?: Ref<InputRef>;
1722
+ shadow?: boolean;
1723
+ }
1724
+ interface TextAreaProps extends TextAreaProps$2 {
1725
+ ref?: Ref<TextAreaRef>;
1726
+ resize?: boolean;
1727
+ shadow?: boolean;
1728
+ }
1729
+ interface InputNumberProps extends InputNumberProps$1 {
1730
+ ref?: Ref<InputNumberRef>;
1731
+ shadow?: boolean;
1732
+ }
1733
+ interface InputPasswordProps extends PasswordProps {
1734
+ ref?: Ref<InputRef>;
1735
+ shadow?: boolean;
1736
+ }
1737
+ interface InputOPTProps extends OTPProps {
1738
+ ref?: Ref<OTPRef>;
1739
+ shadow?: boolean;
1740
+ }
1741
+
1742
+ declare const Input: react.NamedExoticComponent<InputProps>;
1743
+
1744
+ declare const InputNumber: react.NamedExoticComponent<InputNumberProps>;
1745
+
1746
+ declare const InputOPT: react.NamedExoticComponent<InputOPTProps>;
1747
+
1748
+ declare const InputPassword: react.NamedExoticComponent<InputPasswordProps>;
1749
+
1750
+ declare const TextArea: react.NamedExoticComponent<TextAreaProps>;
1751
+
1752
+ interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value' | 'onAbort'> {
1753
+ onChange?: (value: string) => void;
1754
+ onChangeEnd?: (value: string) => void;
1755
+ onValueChanging?: (value: string) => void;
1756
+ submitIcon?: ActionIconProps['icon'];
1757
+ texts?: {
1758
+ reset?: string;
1759
+ submit?: string;
1760
+ };
1761
+ value?: string;
1762
+ }
1763
+
1764
+ interface EditableTextProps extends Omit<FlexboxProps, 'onChange' | 'onBlur' | 'onFocus'>, Pick<ControlInputProps, 'onChange' | 'value' | 'onChangeEnd' | 'onValueChanging' | 'texts' | 'variant' | 'onBlur' | 'onFocus' | 'size'> {
1765
+ className?: string;
1766
+ classNames?: {
1767
+ container?: string;
1768
+ input?: string;
1769
+ };
1770
+ editing?: boolean;
1771
+ inputProps?: Omit<ControlInputProps, 'onChange' | 'value' | 'onChangeEnd' | 'onValueChanging' | 'texts' | 'className' | 'style' | 'onBlur' | 'onFocus' | 'size'>;
1772
+ onEditingChange?: (editing: boolean) => void;
1773
+ showEditIcon?: boolean;
1774
+ style?: CSSProperties;
1775
+ styles?: {
1776
+ container?: CSSProperties;
1777
+ input?: CSSProperties;
1778
+ };
1779
+ }
1780
+
1781
+ declare const EditableText: react.NamedExoticComponent<EditableTextProps>;
1782
+
1783
+ declare const EditorSlashMenuList: react__default.ForwardRefExoticComponent<Omit<_base_ui_react_autocomplete.AutocompleteListProps & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1784
+ type EditorSlashMenuPortalProps = react__default.ComponentProps<typeof Autocomplete.Portal> & {
1785
+ /**
1786
+ * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
1787
+ */
1788
+ container?: HTMLElement | null;
1789
+ };
1790
+ declare const EditorSlashMenuPortal: {
1791
+ ({ container, ...rest }: EditorSlashMenuPortalProps): react_jsx_runtime.JSX.Element;
1792
+ displayName: string;
1793
+ };
1794
+ type EditorSlashMenuPositionerProps = react__default.ComponentProps<typeof Autocomplete.Positioner>;
1795
+ declare const EditorSlashMenuPositioner: {
1796
+ ({ className, align, positionMethod, side, sideOffset, ...rest }: EditorSlashMenuPositionerProps): react_jsx_runtime.JSX.Element;
1797
+ displayName: string;
1798
+ };
1799
+ type EditorSlashMenuPopupProps = react__default.ComponentProps<typeof Autocomplete.Popup>;
1800
+ declare const EditorSlashMenuPopup: {
1801
+ ({ className, initialFocus, ...rest }: EditorSlashMenuPopupProps): react_jsx_runtime.JSX.Element;
1802
+ displayName: string;
1803
+ };
1804
+ declare const EditorSlashMenuGroup$1: react__default.ForwardRefExoticComponent<_base_ui_react_autocomplete.AutocompleteGroupProps & react__default.RefAttributes<HTMLDivElement>>;
1805
+ type EditorSlashMenuHiddenInputProps = react__default.ComponentProps<typeof Autocomplete.Input>;
1806
+ declare const EditorSlashMenuHiddenInput: {
1807
+ ({ className, ...rest }: EditorSlashMenuHiddenInputProps): react_jsx_runtime.JSX.Element;
1808
+ displayName: string;
1809
+ };
1810
+
1811
+ type EditorSlashMenuItemValue = string;
1812
+ type EditorSlashMenuOption = {
1813
+ /** Render danger style (red) */
1814
+ danger?: boolean;
1815
+ /** Whether the item is disabled */
1816
+ disabled?: boolean;
1817
+ /** Optional extra content shown at the end */
1818
+ extra?: react__default.ReactNode;
1819
+ /** Optional icon shown at the start */
1820
+ icon?: react__default.ReactNode;
1821
+ /** Optional additional keywords for filtering */
1822
+ keywords?: string[];
1823
+ /** Visible label, also used for filtering by default */
1824
+ label: string;
1825
+ /** Unique id of the command */
1826
+ value: EditorSlashMenuItemValue;
1827
+ };
1828
+ type EditorSlashMenuGroup = {
1829
+ items: EditorSlashMenuOption[];
1830
+ /** Optional group title */
1831
+ label?: string;
1832
+ };
1833
+ type EditorSlashMenuItems = Array<EditorSlashMenuOption | EditorSlashMenuGroup>;
1834
+
1835
+ type Props = {
1836
+ /** Anchor for positioning (caret virtual element, dom element, ref, etc.) */
1837
+ anchor?: react__default.ComponentProps<typeof EditorSlashMenuPositioner>['anchor'];
1838
+ defaultOpen?: boolean;
1839
+ /** Initial query string (uncontrolled) */
1840
+ defaultValue?: string;
1841
+ /** Optional custom empty state */
1842
+ empty?: react__default.ReactNode;
1843
+ hiddenInputProps?: react__default.ComponentProps<typeof EditorSlashMenuHiddenInput>;
1844
+ items: EditorSlashMenuItems;
1845
+ listProps?: react__default.ComponentProps<typeof EditorSlashMenuList>;
1846
+ onOpenChange?: (open: boolean, details: AutocompleteRootChangeEventDetails) => void;
1847
+ onOpenChangeComplete?: (open: boolean) => void;
1848
+ /** Called when a command is selected. */
1849
+ onSelect?: (item: EditorSlashMenuOption, details: AutocompleteRootChangeEventDetails) => void;
1850
+ /** Called when query changes. By default, changes caused by item selection are ignored. */
1851
+ onValueChange?: (value: string, details: AutocompleteRootChangeEventDetails) => void;
1852
+ open?: boolean;
1853
+ popupProps?: react__default.ComponentProps<typeof EditorSlashMenuPopup>;
1854
+ portalProps?: Omit<react__default.ComponentProps<typeof EditorSlashMenuPortal>, 'container'> & {
1855
+ container?: HTMLElement | null;
1856
+ };
1857
+ positionerProps?: Omit<react__default.ComponentProps<typeof EditorSlashMenuPositioner>, 'anchor'>;
1858
+ /** Optional custom group label renderer */
1859
+ renderGroupLabel?: (label: string) => react__default.ReactNode;
1860
+ /** Optional custom item renderer */
1861
+ renderItem?: (item: EditorSlashMenuOption) => react__default.ReactNode;
1862
+ /** Reserve icon space even when icon is missing */
1863
+ reserveIconSpace?: boolean;
1864
+ /** Pass-through props */
1865
+ rootProps?: Omit<AutocompleteRootProps<EditorSlashMenuOption>, 'items' | 'value' | 'defaultValue' | 'onValueChange' | 'open' | 'defaultOpen' | 'onOpenChange' | 'onOpenChangeComplete' | 'itemToStringValue'>;
1866
+ /** Whether selecting an item should propagate its filled value via `onValueChange`. */
1867
+ updateValueOnSelect?: boolean;
1868
+ /** Current query string (controlled) */
1869
+ value?: string;
1870
+ /**
1871
+ * Render a visually-hidden input element for keyboard navigation / screen readers.
1872
+ * Default is `false` because slash menus usually live inside an editor input.
1873
+ */
1874
+ withHiddenInput?: boolean;
1875
+ };
1876
+ declare const EditorSlashMenu: react__default.NamedExoticComponent<Props>;
1877
+
1878
+ declare const PopoverArrowIcon: react_jsx_runtime.JSX.Element;
1879
+
1880
+ type PopoverPlacement = Placement;
1881
+ type PopoverTrigger = Trigger;
1882
+ /**
1883
+ * Base UI Positioner props that can be passed through
1884
+ */
1885
+ type PopoverPositionerProps = Omit<PopoverPositionerProps$1, 'className' | 'style' | 'children'>;
1886
+ /**
1887
+ * Base UI Trigger props that can be passed through
1888
+ */
1889
+ type PopoverTriggerComponentProps = Omit<PopoverTriggerProps, 'className' | 'style' | 'children' | 'render' | 'nativeButton' | 'handle' | 'payload'>;
1890
+ /**
1891
+ * Base UI Popup props that can be passed through
1892
+ */
1893
+ type PopoverPopupProps = Omit<PopoverPopupProps$1, 'className' | 'style' | 'children'>;
1894
+ /**
1895
+ * Base UI Backdrop props that can be passed through
1896
+ */
1897
+ type PopoverBackdropProps = Omit<PopoverBackdropProps$1, 'className' | 'style'>;
1898
+ /**
1899
+ * Base UI Portal props that can be passed through
1900
+ */
1901
+ type PopoverPortalProps = Omit<PopoverPortalProps$1, 'children' | 'container'>;
1902
+ interface PopoverProps {
1903
+ /**
1904
+ * 是否显示箭头, 在 `inset` 下无法使用
1905
+ * @default false
1906
+ */
1907
+ arrow?: boolean;
1908
+ /**
1909
+ * Base UI Backdrop 组件的 props
1910
+ */
1911
+ backdropProps?: PopoverBackdropProps;
1912
+ /**
1913
+ * 触发元素
1914
+ */
1915
+ children: ReactElement | ReactNode;
1916
+ /**
1917
+ * 弹出容器类名
1918
+ */
1919
+ className?: string;
1920
+ /**
1921
+ * 自定义类名
1922
+ */
1923
+ classNames?: {
1924
+ arrow?: string;
1925
+ content?: string;
1926
+ root?: string;
1927
+ trigger?: string;
1928
+ };
1929
+ /**
1930
+ * 关闭延迟(毫秒),优先级高于 mouseLeaveDelay
1931
+ */
1932
+ closeDelay?: number;
1933
+ /**
1934
+ * 弹出内容
1935
+ */
1936
+ content: ReactNode;
1937
+ /**
1938
+ * 默认打开状态
1939
+ * @default false
1940
+ */
1941
+ defaultOpen?: boolean;
1942
+ /**
1943
+ * 是否禁用
1944
+ * @default false
1945
+ */
1946
+ disabled?: boolean;
1947
+ /**
1948
+ * 获取弹出容器
1949
+ */
1950
+ getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
1951
+ /**
1952
+ * 是否嵌入 trigger 内部显示
1953
+ * @default false
1954
+ */
1955
+ inset?: boolean;
1956
+ /**
1957
+ * 鼠标移入延迟(秒)
1958
+ * @default 0.1
1959
+ */
1960
+ mouseEnterDelay?: number;
1961
+ /**
1962
+ * 鼠标移出延迟(秒)
1963
+ * @default 0.1
1964
+ */
1965
+ mouseLeaveDelay?: number;
1966
+ /**
1967
+ * 是否使用原生 button 元素作为触发器
1968
+ */
1969
+ nativeButton?: boolean;
1970
+ /**
1971
+ * 打开状态变化回调
1972
+ */
1973
+ onOpenChange?: (open: boolean) => void;
1974
+ /**
1975
+ * 受控的打开状态
1976
+ */
1977
+ open?: boolean;
1978
+ /**
1979
+ * 打开延迟(毫秒),优先级高于 mouseEnterDelay
1980
+ */
1981
+ openDelay?: number;
1982
+ /**
1983
+ * 弹出位置
1984
+ * @default 'top'
1985
+ */
1986
+ placement?: PopoverPlacement;
1987
+ /**
1988
+ * Base UI Popup 组件的 props
1989
+ */
1990
+ popupProps?: PopoverPopupProps;
1991
+ /**
1992
+ * Base UI Portal 组件的 props
1993
+ */
1994
+ portalProps?: PopoverPortalProps;
1995
+ /**
1996
+ * Base UI Positioner 组件的 props
1997
+ */
1998
+ positionerProps?: PopoverPositionerProps;
1999
+ /**
2000
+ * ref
2001
+ */
2002
+ ref?: ComponentPropsWithRef<typeof Popover$1.Trigger>['ref'];
2003
+ /**
2004
+ * 当设置为 true 时,即使在 PopoverGroup 内部也会独立渲染,忽略 group 单例行为
2005
+ */
2006
+ standalone?: boolean;
2007
+ /**
2008
+ * 自定义样式
2009
+ */
2010
+ styles?: {
2011
+ arrow?: CSSProperties;
2012
+ content?: CSSProperties;
2013
+ root?: CSSProperties;
2014
+ };
2015
+ /**
2016
+ * 触发方式
2017
+ * @default 'hover'
2018
+ */
2019
+ trigger?: Trigger;
2020
+ /**
2021
+ * Base UI Trigger 组件的 props
2022
+ */
2023
+ triggerProps?: PopoverTriggerComponentProps;
2024
+ /**
2025
+ * z-index
2026
+ */
2027
+ zIndex?: number;
2028
+ }
2029
+
2030
+ declare const PopoverRoot: typeof Popover$1.Root;
2031
+ declare const PopoverBackdrop: react.ForwardRefExoticComponent<_base_ui_react_popover.PopoverBackdropProps & react.RefAttributes<HTMLDivElement>>;
2032
+ type PopoverTriggerElementProps = Omit<ComponentPropsWithRef<typeof Popover$1.Trigger>, 'children' | 'render'> & {
2033
+ children: ComponentProps<typeof Popover$1.Trigger>['children'];
2034
+ };
2035
+ declare const PopoverTriggerElement: {
2036
+ ({ children, className, nativeButton, ref: refProp, ...rest }: PopoverTriggerElementProps): react_jsx_runtime.JSX.Element;
2037
+ displayName: string;
2038
+ };
2039
+ type PopoverPortalAtomProps = Omit<ComponentProps<typeof Popover$1.Portal>, 'container'> & {
2040
+ /**
2041
+ * Portal container. When not provided, it uses the shared container created by `usePopoverPortalContainer`.
2042
+ */
2043
+ container?: HTMLElement | null;
2044
+ /**
2045
+ * Root element used by `usePopoverPortalContainer` to create the default container.
2046
+ */
2047
+ root?: HTMLElement | ShadowRoot | null;
2048
+ };
2049
+ declare const PopoverPortal: {
2050
+ ({ container, root, children, ...rest }: PopoverPortalAtomProps): react_jsx_runtime.JSX.Element | null;
2051
+ displayName: string;
2052
+ };
2053
+ type PopoverPositionerAtomProps = ComponentProps<typeof Popover$1.Positioner> & {
2054
+ hoverTrigger?: boolean;
2055
+ placement?: PopoverPlacement;
2056
+ };
2057
+ declare const PopoverPositioner: {
2058
+ ({ children, className, hoverTrigger, placement, align, side, sideOffset, ...rest }: PopoverPositionerAtomProps): react_jsx_runtime.JSX.Element;
2059
+ displayName: string;
2060
+ };
2061
+ type PopoverPopupAtomProps = ComponentProps<typeof Popover$1.Popup>;
2062
+ declare const PopoverPopup: {
2063
+ ({ className, ...rest }: PopoverPopupAtomProps): react_jsx_runtime.JSX.Element;
2064
+ displayName: string;
2065
+ };
2066
+ type PopoverArrowAtomProps = ComponentProps<typeof Popover$1.Arrow>;
2067
+ declare const PopoverArrow: {
2068
+ ({ className, children, ...rest }: PopoverArrowAtomProps): react_jsx_runtime.JSX.Element;
2069
+ displayName: string;
2070
+ };
2071
+ type PopoverViewportAtomProps = ComponentProps<typeof Popover$1.Viewport>;
2072
+ declare const PopoverViewport: {
2073
+ ({ className, ...rest }: PopoverViewportAtomProps): react_jsx_runtime.JSX.Element;
2074
+ displayName: string;
2075
+ };
2076
+
2077
+ type PopoverContextValue = {
2078
+ close: () => void;
2079
+ };
2080
+ declare const PopoverProvider: react.NamedExoticComponent<{
2081
+ children: ReactNode;
2082
+ value: PopoverContextValue;
2083
+ }>;
2084
+ declare const usePopoverContext: () => PopoverContextValue;
2085
+
2086
+ declare const Popover: FC<PopoverProps>;
2087
+
2088
+ type PopoverGroupSharedProps = Omit<PopoverProps, 'children' | 'content' | 'defaultOpen' | 'open' | 'ref'> & {
2089
+ /**
2090
+ * @description Whether to enable content layout animation when switching triggers
2091
+ * @default false
2092
+ */
2093
+ contentLayoutAnimation?: boolean;
2094
+ /**
2095
+ * Disable the "destroy on invalid trigger (display:none / disconnected)" guard for performance.
2096
+ * @default false
2097
+ */
2098
+ disableDestroyOnInvalidTrigger?: boolean;
2099
+ /**
2100
+ * Disable the "hide when positioner falls back to (0,0)" visual guard for performance.
2101
+ * @default false
2102
+ */
2103
+ disableZeroOriginGuard?: boolean;
2104
+ };
2105
+
2106
+ type PopoverGroupProps = PopoverGroupSharedProps & {
2107
+ children: ReactNode;
2108
+ };
2109
+ declare const PopoverGroup: FC<PopoverGroupProps>;
2110
+
2111
+ declare const POPOVER_CONTAINER_ATTR = "data-lobe-ui-popover-container";
2112
+ declare const usePopoverPortalContainer: (root?: HTMLElement | ShadowRoot | null) => HTMLElement | null;
2113
+
2114
+ interface AvatarUploaderProps {
2115
+ compressSize?: number;
2116
+ onChange: (avatar: string) => void;
2117
+ onUpload?: (file: File) => void;
2118
+ shape?: 'circle' | 'square';
2119
+ texts?: {
2120
+ draggerDesc?: string;
2121
+ fileTypeError?: string;
2122
+ uploadBtn?: string;
2123
+ };
2124
+ }
2125
+ interface EmojiPickerCustomEmoji {
2126
+ emojis: [
2127
+ {
2128
+ id: string;
2129
+ keywords?: string[];
2130
+ name: string;
2131
+ skins: {
2132
+ src: string;
2133
+ }[];
2134
+ }
2135
+ ];
2136
+ id: string;
2137
+ name: string;
2138
+ }
2139
+ interface EmojiPickerCustomTab {
2140
+ label: ReactNode;
2141
+ render: (handleAvatarChange: (avatar: string) => void) => ReactNode;
2142
+ value: string;
2143
+ }
2144
+ interface EmojiPickerProps extends Omit<AvatarProps, 'onChange' | 'avatar'> {
2145
+ allowDelete?: boolean;
2146
+ allowUpload?: boolean | {
2147
+ enableEmoji?: boolean;
2148
+ };
2149
+ compressSize?: number;
2150
+ contentProps?: Omit<FlexboxProps, 'className' | 'ref' | 'style'>;
2151
+ customEmojis?: EmojiPickerCustomEmoji[];
2152
+ customRender?: (avatar: string) => ReactNode;
2153
+ customTabs?: EmojiPickerCustomTab[];
2154
+ defaultAvatar?: string;
2155
+ defaultOpen?: boolean;
2156
+ loading?: boolean;
2157
+ locale?: string;
2158
+ onChange?: (emoji: string) => void;
2159
+ onDelete?: () => void;
2160
+ onOpenChange?: (open: boolean) => void;
2161
+ onUpload?: AvatarUploaderProps['onUpload'];
2162
+ open?: boolean;
2163
+ popupClassName?: string;
2164
+ popupProps?: Omit<PopoverProps, 'onOpenChange' | 'defaultOpen' | 'content' | 'open' | 'trigger' | 'children'>;
2165
+ popupStyle?: CSSProperties;
2166
+ size?: number;
2167
+ texts?: AvatarUploaderProps['texts'] & {
2168
+ delete?: string;
2169
+ emoji?: string;
2170
+ upload?: string;
2171
+ };
2172
+ value?: string;
2173
+ }
2174
+
2175
+ declare const EmojiPicker: react.NamedExoticComponent<EmojiPickerProps>;
2176
+
2177
+ interface EmptyProps extends Omit<FlexboxProps, 'title'> {
2178
+ action?: ReactNode;
2179
+ actionProps?: Omit<FlexboxProps, 'children'>;
2180
+ description?: ReactNode;
2181
+ descriptionProps?: Omit<TextProps, 'children'>;
2182
+ emoji?: string;
2183
+ icon?: IconProps$1['icon'];
2184
+ iconColor?: IconProps$1['color'];
2185
+ image?: ReactNode;
2186
+ imageProps?: Omit<BlockProps, 'children'>;
2187
+ imageSize?: number;
2188
+ title?: ReactNode;
2189
+ titleProps?: Omit<TextProps, 'children'>;
2190
+ type?: 'default' | 'page';
2191
+ }
2192
+
2193
+ declare const Empty: FC<EmptyProps>;
2194
+
2195
+ type IconProps = SvgProps & DivProps$1;
2196
+ interface FileTypeIconProps extends IconProps {
2197
+ color?: string;
2198
+ filetype?: string;
2199
+ icon?: ReactNode;
2200
+ ref?: Ref<HTMLDivElement>;
2201
+ size?: number;
2202
+ type?: 'file' | 'folder';
2203
+ variant?: 'color' | 'mono';
2204
+ }
2205
+
2206
+ declare const FileTypeIcon: FC<FileTypeIconProps>;
2207
+
2208
+ type EmojiType = 'anim' | 'flat' | 'modern' | 'mono' | 'raw' | '3d';
2209
+
2210
+ interface FluentEmojiProps extends DivProps$1 {
2211
+ emoji: string;
2212
+ ref?: Ref<HTMLImageElement>;
2213
+ size?: number;
2214
+ type?: EmojiType;
2215
+ unoptimized?: boolean;
2216
+ }
2217
+
2218
+ declare const FluentEmoji: FC<FluentEmojiProps>;
2219
+
2220
+ interface FontLoaderProps {
2221
+ url: string;
2222
+ }
2223
+ declare const FontLoader: react.NamedExoticComponent<FontLoaderProps>;
2224
+
2225
+ interface FooterProps extends FlexboxProps {
2226
+ bottom?: ReactNode;
2227
+ columns: FooterProps$1['columns'];
2228
+ contentMaxWidth?: number;
2229
+ theme?: 'light' | 'dark';
2230
+ }
2231
+
2232
+ declare const Footer: react.NamedExoticComponent<FooterProps>;
2233
+
2234
+ interface TagProps extends Omit<TagProps$1, 'color' | 'variant'> {
2235
+ color?: TagProps$1['color'] | 'info';
2236
+ ref?: Ref<HTMLDivElement>;
2237
+ size?: 'small' | 'middle' | 'large';
2238
+ variant?: 'filled' | 'outlined' | 'borderless';
2239
+ }
2240
+
2241
+ declare const Tag: FC<TagProps>;
2242
+
2243
+ type FormVariant = 'filled' | 'outlined' | 'borderless';
2244
+ type ItemsType = 'group' | 'flat';
2245
+ interface FormProps extends Omit<FormProps$1, 'variant'> {
2246
+ activeKey?: (string | number)[];
2247
+ children?: ReactNode;
2248
+ classNames?: FormGroupProps['classNames'] & {
2249
+ group?: string;
2250
+ item?: string;
2251
+ };
2252
+ collapsible?: boolean;
2253
+ defaultActiveKey?: (string | number)[];
2254
+ footer?: ReactNode;
2255
+ gap?: number | string;
2256
+ itemMinWidth?: FormItemProps['minWidth'];
2257
+ itemVariant?: FormProps$1['variant'];
2258
+ items?: FormGroupItemType[] | FormItemProps[];
2259
+ itemsType?: ItemsType;
2260
+ onCollapse?: (key: (string | number)[]) => void;
2261
+ ref?: Ref<FormInstance>;
2262
+ styles?: FormGroupProps['styles'] & {
2263
+ group?: CSSProperties;
2264
+ item?: CSSProperties;
2265
+ };
2266
+ variant?: FormVariant;
2267
+ }
2268
+ interface FormGroupItemType {
2269
+ children: FormItemProps[] | ReactNode;
2270
+ collapsible?: boolean;
2271
+ defaultActive?: boolean;
2272
+ desc?: ReactNode;
2273
+ extra?: ReactNode;
2274
+ icon?: IconProps$1['icon'];
2275
+ key?: string;
2276
+ title: ReactNode;
2277
+ variant?: FormVariant;
2278
+ }
2279
+ interface FormGroupProps extends Omit<CollapseProps, 'collapsible' | 'items' | 'defaultActiveKey' | 'activeKey' | 'variant'> {
2280
+ active?: boolean;
2281
+ children: ReactNode;
2282
+ collapsible?: boolean;
2283
+ defaultActive?: boolean;
2284
+ desc?: ReactNode;
2285
+ extra?: ReactNode;
2286
+ icon?: IconProps$1['icon'];
2287
+ keyValue?: string | number;
2288
+ onCollapse?: (active: boolean) => void;
2289
+ title?: ReactNode;
2290
+ variant?: FormVariant;
2291
+ }
2292
+ interface FormItemProps extends FormItemProps$1 {
2293
+ avatar?: FormTitleProps['avatar'];
2294
+ desc?: FormTitleProps['desc'];
2295
+ divider?: boolean;
2296
+ hidden?: boolean;
2297
+ minWidth?: string | number;
2298
+ tag?: FormTitleProps['tag'];
2299
+ variant?: FormVariant;
2300
+ }
2301
+ interface FormSubmitFooterProps extends Omit<FlexboxProps, 'onReset'> {
2302
+ buttonProps?: Omit<ButtonProps, 'children'>;
2303
+ children?: ReactNode;
2304
+ enableReset?: boolean;
2305
+ enableUnsavedWarning?: boolean;
2306
+ float?: boolean;
2307
+ onReset?: (value: any, preValue: any) => void;
2308
+ resetButtonProps?: Omit<ButtonProps, 'children'>;
2309
+ saveButtonProps?: Omit<ButtonProps, 'children'>;
2310
+ texts?: {
2311
+ reset?: string;
2312
+ submit?: string;
2313
+ unSaved?: string;
2314
+ unSavedWarning?: string;
2315
+ };
2316
+ }
2317
+ interface FormTitleProps extends Omit<FlexboxProps, 'title'> {
2318
+ avatar?: ReactNode;
2319
+ classNames?: {
2320
+ content?: string;
2321
+ desc?: string;
2322
+ tag?: string;
2323
+ title?: string;
2324
+ };
2325
+ desc?: ReactNode;
2326
+ styles?: {
2327
+ content?: CSSProperties;
2328
+ desc?: CSSProperties;
2329
+ tag?: CSSProperties;
2330
+ title?: CSSProperties;
2331
+ };
2332
+ tag?: string;
2333
+ tagProps?: Omit<TagProps, 'children'>;
2334
+ title: ReactNode;
2335
+ }
2336
+
2337
+ declare const FormGroup: react.NamedExoticComponent<FormGroupProps>;
2338
+
2339
+ declare const FormItem: react.NamedExoticComponent<FormItemProps>;
2340
+
2341
+ declare const FormSubmitFooter: react.NamedExoticComponent<FormSubmitFooterProps>;
2342
+
2343
+ declare const FormTitle: FC<FormTitleProps>;
2344
+
2345
+ interface IForm {
2346
+ (props: FormProps & RefAttributes<FormInstance>): ReactNode;
2347
+ Group: typeof FormGroup;
2348
+ Item: typeof FormItem;
2349
+ Provider: typeof Form$1.Provider;
2350
+ SubmitFooter: typeof FormSubmitFooter;
2351
+ Title: typeof FormTitle;
2352
+ useForm: typeof Form$1.useForm;
2353
+ }
2354
+ declare const Form: IForm;
2355
+
2356
+ type ModalProps = Omit<ModalProps$1, 'okType' | 'wrapClassName'> & {
2357
+ allowFullscreen?: boolean;
2358
+ enableResponsive?: boolean;
2359
+ paddings?: {
2360
+ desktop?: number;
2361
+ mobile?: number;
2362
+ };
2363
+ };
2364
+ type ModalContextValue = {
2365
+ close: () => void;
2366
+ setCanDismissByClickOutside: (value: boolean) => void;
2367
+ };
2368
+ type ModalInstance = ModalContextValue & {
2369
+ destroy: () => void;
2370
+ update: (nextProps: Partial<ImperativeModalProps>) => void;
2371
+ };
2372
+ type ImperativeModalProps = ModalProps;
2373
+ type RawModalComponentProps = {
2374
+ onClose: () => void;
2375
+ open: boolean;
2376
+ };
2377
+ type RawModalComponent<P = any> = ComponentType<P>;
2378
+ type RawModalOptions<OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = {
2379
+ destroyDelay?: number;
2380
+ destroyOnClose?: boolean;
2381
+ onCloseKey?: CloseKey;
2382
+ openKey?: OpenKey;
2383
+ };
2384
+ type RawModalKeyOptions<OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = RawModalOptions<OpenKey, CloseKey> & {
2385
+ onCloseKey: CloseKey;
2386
+ openKey: OpenKey;
2387
+ };
2388
+ type RawModalInstance<P = any, OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = ModalContextValue & {
2389
+ destroy: () => void;
2390
+ update: (nextProps: Partial<Omit<P, Extract<OpenKey, keyof P> | Extract<CloseKey, keyof P>>>) => void;
2391
+ };
2392
+
2393
+ type ModalHostProps = {
2394
+ root?: HTMLElement | ShadowRoot | null;
2395
+ };
2396
+ declare const ModalHost: ({ root }: ModalHostProps) => react_jsx_runtime.JSX.Element | null;
2397
+ declare const createModal: (props: ImperativeModalProps) => ModalInstance;
2398
+ declare function createRawModal<P extends RawModalComponentProps>(component: RawModalComponent<P>, props: Omit<P, 'open' | 'onClose'>, options?: RawModalOptions): RawModalInstance<P>;
2399
+ declare function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(component: RawModalComponent<P>, props: Omit<P, OpenKey | CloseKey>, options: RawModalKeyOptions<OpenKey, CloseKey>): RawModalInstance<P, OpenKey, CloseKey>;
2400
+
2401
+ declare const Modal: react.NamedExoticComponent<ModalProps>;
2402
+
2403
+ declare const ModalProvider: react.NamedExoticComponent<{
2404
+ children: ReactNode;
2405
+ value: ModalContextValue;
2406
+ }>;
2407
+ declare const useModalContext: () => ModalContextValue;
2408
+
2409
+ 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'>;
2410
+ type PickFormProps = Omit<FormProps, 'className' | 'style' | 'title' | 'styles' | 'classNames'>;
2411
+ interface FormModalProps extends PickModalProps, PickFormProps {
2412
+ classNames?: ModalProps['classNames'] & {
2413
+ form?: FormProps['className'];
2414
+ };
2415
+ onSubmit?: ModalProps['onOk'];
2416
+ ref?: Ref<FormInstance>;
2417
+ styles?: ModalProps['styles'] & {
2418
+ form?: FormProps['style'];
2419
+ };
2420
+ submitButtonProps?: ButtonProps;
2421
+ submitLoading?: ModalProps['confirmLoading'];
2422
+ submitText?: ModalProps['okText'];
2423
+ }
2424
+
2425
+ declare const FormModal: react.NamedExoticComponent<FormModalProps>;
2426
+
2427
+ interface GridProps extends Omit<FlexboxProps, 'gap'> {
2428
+ gap?: string | number;
2429
+ maxItemWidth?: string | number;
2430
+ ref?: Ref<HTMLDivElement>;
2431
+ rows?: number;
2432
+ }
2433
+
2434
+ declare const Grid: FC<GridProps>;
2435
+
2436
+ /**
2437
+ * Predefined smooth corners masks for common corner values
2438
+ */
2439
+ declare const SMOOTH_CORNER_MASKS: {
2440
+ readonly circle: string;
2441
+ readonly ios: string;
2442
+ readonly sharp: string;
2443
+ readonly smooth: string;
2444
+ readonly square: string;
2445
+ readonly squircle: string;
2446
+ };
2447
+
2448
+ type AvatarItem = string | Omit<AvatarProps, 'size'>;
2449
+ interface GroupAvatarProps extends Omit<BlockProps, 'width' | 'height' | 'variant'> {
2450
+ avatarShape?: AvatarProps['shape'];
2451
+ avatars?: AvatarItem[];
2452
+ cornerShape?: keyof typeof SMOOTH_CORNER_MASKS;
2453
+ grid?: 2 | 3 | 'auto';
2454
+ ref?: Ref<HTMLDivElement>;
2455
+ size?: number;
2456
+ }
2457
+
2458
+ declare const GroupAvatar: FC<GroupAvatarProps>;
2459
+
2460
+ interface GuideCardProps extends Omit<FlexboxProps, 'title'> {
2461
+ afterClose?: () => void;
2462
+ alt?: string;
2463
+ classNames?: {
2464
+ content?: string;
2465
+ cover?: string;
2466
+ };
2467
+ closable?: boolean;
2468
+ closeIconProps?: Omit<ActionIconProps, 'icon' | 'onClick'>;
2469
+ cover?: string;
2470
+ coverProps?: ImgProps & ImageProps$2 & {
2471
+ priority?: boolean;
2472
+ };
2473
+ desc?: ReactNode;
2474
+ height?: number;
2475
+ onClose?: ActionIconProps['onClick'];
2476
+ ref?: Ref<HTMLDivElement>;
2477
+ shadow?: boolean;
2478
+ styles?: {
2479
+ content?: CSSProperties;
2480
+ cover?: CSSProperties;
2481
+ };
2482
+ title?: ReactNode;
2483
+ variant?: 'filled' | 'outlined' | 'borderless';
2484
+ width?: number;
2485
+ }
2486
+
2487
+ declare const GuideCard: react.NamedExoticComponent<GuideCardProps>;
2488
+
2489
+ interface HeaderProps extends FlexboxProps {
2490
+ actions?: ReactNode;
2491
+ actionsClassName?: string;
2492
+ actionsStyle?: CSSProperties;
2493
+ logo?: ReactNode;
2494
+ logoClassName?: string;
2495
+ logoStyle?: CSSProperties;
2496
+ nav?: ReactNode;
2497
+ navClassName?: string;
2498
+ navStyle?: CSSProperties;
2499
+ ref?: Ref<HTMLDivElement>;
2500
+ }
2501
+
2502
+ declare const Header: react.NamedExoticComponent<HeaderProps>;
2503
+
2504
+ interface HighlighterThemeItem {
2505
+ displayName: string;
2506
+ id: string;
2507
+ }
2508
+ declare const highlighterThemes: HighlighterThemeItem[];
2509
+
2510
+ interface SyntaxHighlighterProps extends DivProps$1 {
2511
+ animated?: boolean;
2512
+ children: string;
2513
+ enableTransformer?: HighlighterProps['enableTransformer'];
2514
+ language: HighlighterProps['language'];
2515
+ ref?: Ref<HTMLDivElement>;
2516
+ theme?: HighlighterProps['theme'];
2517
+ variant?: HighlighterProps['variant'];
2518
+ }
2519
+ interface HighlighterProps extends Omit<FlexboxProps, 'children' | 'wrap'> {
2520
+ actionIconSize?: ActionIconProps['size'];
2521
+ actionsRender?: (props: {
2522
+ actionIconSize: ActionIconProps['size'];
2523
+ content: string;
2524
+ getContent: () => string;
2525
+ language: string;
2526
+ originalNode: ReactNode;
2527
+ }) => ReactNode;
2528
+ allowChangeLanguage?: boolean;
2529
+ animated?: boolean;
2530
+ bodyRender?: (props: {
2531
+ content: string;
2532
+ language: string;
2533
+ originalNode: ReactNode;
2534
+ }) => ReactNode;
2535
+ children: string;
2536
+ classNames?: {
2537
+ body?: string;
2538
+ content?: string;
2539
+ header?: string;
2540
+ };
2541
+ copyable?: boolean;
2542
+ defaultExpand?: boolean;
2543
+ enableTransformer?: boolean;
2544
+ fileName?: string;
2545
+ fullFeatured?: boolean;
2546
+ icon?: ReactNode;
2547
+ language: string;
2548
+ shadow?: boolean;
2549
+ showLanguage?: boolean;
2550
+ styles?: {
2551
+ body?: CSSProperties;
2552
+ content?: CSSProperties;
2553
+ header?: CSSProperties;
2554
+ };
2555
+ theme?: 'lobe-theme' | BuiltinTheme;
2556
+ variant?: 'filled' | 'outlined' | 'borderless';
2557
+ wrap?: boolean;
2558
+ }
2559
+
2560
+ declare const Highlighter: react.NamedExoticComponent<HighlighterProps>;
2561
+
2562
+ declare const SyntaxHighlighter: react.NamedExoticComponent<SyntaxHighlighterProps>;
2563
+
2564
+ /**
2565
+ * Preprocessing options for markdown content
2566
+ */
2567
+ interface PreprocessOptions {
2568
+ citationsLength?: number;
2569
+ enableCustomFootnotes?: boolean;
2570
+ enableLatex?: boolean;
2571
+ }
2572
+ declare const preprocessMarkdownContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
2573
+
2574
+ interface HotkeyInputProps {
2575
+ allowReset?: boolean;
2576
+ className?: string;
2577
+ defaultValue?: string;
2578
+ disabled?: boolean;
2579
+ hotkeyConflicts?: string[];
2580
+ isApple?: boolean;
2581
+ onBlur?: InputProps$1['onBlur'];
2582
+ onChange?: (value: string) => void;
2583
+ onConflict?: (conflictKey: string) => void;
2584
+ onFocus?: InputProps$1['onFocus'];
2585
+ onReset?: (currentValue: string, resetValue: string) => void;
2586
+ placeholder?: string;
2587
+ resetValue?: string;
2588
+ shadow?: boolean;
2589
+ style?: CSSProperties;
2590
+ texts?: {
2591
+ conflicts?: string;
2592
+ invalidCombination?: string;
2593
+ reset?: string;
2594
+ };
2595
+ value?: string;
2596
+ variant?: 'filled' | 'borderless' | 'outlined';
2597
+ }
2598
+
2599
+ declare const HotkeyInput: react.NamedExoticComponent<HotkeyInputProps>;
2600
+
2601
+ interface PreviewGroupPreviewOptions extends GroupPreviewConfig {
2602
+ classNames?: {
2603
+ root?: string;
2604
+ };
2605
+ toolbarAddon?: ReactNode;
2606
+ }
2607
+ interface PreviewGroupProps {
2608
+ children?: ReactNode;
2609
+ enable?: boolean;
2610
+ items?: string[];
2611
+ preview?: boolean | PreviewGroupPreviewOptions;
2612
+ }
2613
+ interface ImagePreviewOptions extends PreviewConfig {
2614
+ toolbarAddon?: ReactNode;
2615
+ }
2616
+ interface ImageProps$1 extends Omit<ImageProps$2, 'preview'> {
2617
+ actions?: ReactNode;
2618
+ alwaysShowActions?: boolean;
2619
+ classNames?: {
2620
+ image?: string;
2621
+ wrapper?: string;
2622
+ };
2623
+ isLoading?: boolean;
2624
+ maxHeight?: number | string;
2625
+ maxWidth?: number | string;
2626
+ minHeight?: number | string;
2627
+ minWidth?: number | string;
2628
+ objectFit?: 'cover' | 'contain';
2629
+ preview?: boolean | ImagePreviewOptions;
2630
+ ref?: Ref<HTMLDivElement>;
2631
+ size?: number | string;
2632
+ styles?: {
2633
+ image?: CSSProperties;
2634
+ wrapper?: CSSProperties;
2635
+ };
2636
+ toolbarAddon?: ReactNode;
2637
+ variant?: 'borderless' | 'filled' | 'outlined';
2638
+ }
2639
+
2640
+ declare const PreviewGroup: react.NamedExoticComponent<PreviewGroupProps>;
2641
+
2642
+ interface IImage {
2643
+ (props: ImageProps$1): ReactNode;
2644
+ PreviewGroup: typeof PreviewGroup;
2645
+ }
2646
+ declare const Image: IImage;
2647
+
2648
+ interface ImageSelectItem {
2649
+ alt?: string;
2650
+ icon?: IconProps$1['icon'];
2651
+ img: string;
2652
+ label: ReactNode;
2653
+ value: string;
2654
+ }
2655
+ interface ImageSelectProps extends FlexboxProps {
2656
+ className?: string;
2657
+ classNames?: {
2658
+ img?: string;
2659
+ };
2660
+ defaultValue?: SelectProps$1['defaultValue'];
2661
+ height?: number;
2662
+ onChange?: (value: this['value']) => void;
2663
+ options?: ImageSelectItem[];
2664
+ ref?: Ref<HTMLDivElement>;
2665
+ style?: CSSProperties;
2666
+ styles?: {
2667
+ img?: CSSProperties;
2668
+ };
2669
+ unoptimized?: boolean;
2670
+ value?: SelectProps$1['value'];
2671
+ width?: number;
2672
+ }
2673
+
2674
+ declare const ImageSelect: react.NamedExoticComponent<ImageSelectProps>;
2675
+
2676
+ declare const LayoutFooter: react.NamedExoticComponent<DivProps$1>;
2677
+
2678
+ interface LayoutProps {
2679
+ asideWidth?: number;
2680
+ children?: ReactNode;
2681
+ content?: ReactNode;
2682
+ footer?: ReactNode;
2683
+ header?: ReactNode;
2684
+ headerHeight?: number;
2685
+ helmet?: ReactNode;
2686
+ sidebar?: ReactNode;
2687
+ toc?: ReactNode;
2688
+ tocWidth?: number;
2689
+ }
2690
+ type LayoutFooterProps = DivProps$1;
2691
+ interface LayoutHeaderProps extends DivProps$1 {
2692
+ headerHeight?: number;
2693
+ }
2694
+ type LayoutMainProps = DivProps$1;
2695
+ interface LayoutSidebarProps extends DivProps$1 {
2696
+ headerHeight?: number;
2697
+ }
2698
+ interface LayoutSidebarInnerProps extends DivProps$1 {
2699
+ headerHeight?: number;
2700
+ }
2701
+ interface LayoutTocProps extends DivProps$1 {
2702
+ tocWidth?: number;
2703
+ }
2704
+
2705
+ declare const LayoutHeader: react.NamedExoticComponent<LayoutHeaderProps>;
2706
+
2707
+ declare const LayoutMain: react.NamedExoticComponent<DivProps$1>;
2708
+
2709
+ declare const LayoutSidebar: react.NamedExoticComponent<LayoutSidebarProps>;
2710
+
2711
+ declare const LayoutSidebarInner: react.NamedExoticComponent<LayoutSidebarInnerProps>;
2712
+
2713
+ declare const LayoutToc: react.NamedExoticComponent<LayoutTocProps>;
2714
+
2715
+ interface ILayout {
2716
+ (props: LayoutProps): ReactNode;
2717
+ Footer: typeof LayoutFooter;
2718
+ Header: typeof LayoutHeader;
2719
+ Main: typeof LayoutMain;
2720
+ Sidebar: typeof LayoutSidebar;
2721
+ SidebarInner: typeof LayoutSidebarInner;
2722
+ Toc: typeof LayoutToc;
2723
+ }
2724
+ declare const Layout: ILayout;
2725
+
2726
+ interface ListItemProps extends Omit<FlexboxProps, 'title'> {
2727
+ actions?: ReactNode;
2728
+ active?: boolean;
2729
+ addon?: ReactNode;
2730
+ avatar?: ReactNode;
2731
+ classNames?: {
2732
+ actions?: string;
2733
+ container?: string;
2734
+ content?: string;
2735
+ date?: string;
2736
+ desc?: string;
2737
+ pin?: string;
2738
+ title?: string;
2739
+ };
2740
+ date?: number;
2741
+ description?: ReactNode;
2742
+ key: string;
2743
+ loading?: boolean;
2744
+ onHoverChange?: (hover: boolean) => void;
2745
+ pin?: boolean;
2746
+ ref?: Ref<HTMLDivElement>;
2747
+ showAction?: boolean;
2748
+ styles?: {
2749
+ actions?: CSSProperties;
2750
+ container?: CSSProperties;
2751
+ content?: CSSProperties;
2752
+ date?: CSSProperties;
2753
+ desc?: CSSProperties;
2754
+ pin?: CSSProperties;
2755
+ title?: CSSProperties;
2756
+ };
2757
+ title: ReactNode;
2758
+ }
2759
+ interface ListProps extends Omit<FlexboxProps, 'onClick'> {
2760
+ activeKey?: string;
2761
+ classNames?: {
2762
+ item?: string;
2763
+ } & ListItemProps['classNames'];
2764
+ items: ListItemProps[];
2765
+ onClick?: (props: {
2766
+ item: ListItemProps;
2767
+ key: ListItemProps['key'];
2768
+ }) => void;
2769
+ ref?: Ref<HTMLDivElement>;
2770
+ styles?: {
2771
+ item?: CSSProperties;
2772
+ } & ListItemProps['styles'];
2773
+ }
2774
+
2775
+ declare const ListItem: react.NamedExoticComponent<ListItemProps>;
2776
+
2777
+ interface IList {
2778
+ (props: ListProps & RefAttributes<HTMLDivElement>): ReactNode;
2779
+ Item: typeof ListItem;
2780
+ }
2781
+ declare const List: IList;
2782
+
2783
+ type LobeSelectSize = 'large' | 'middle' | 'small';
2784
+ type LobeSelectVariant = 'borderless' | 'filled' | 'outlined';
2785
+ type LobeSelectBehaviorVariant = 'default' | 'item-aligned';
2786
+ /**
2787
+ * Variant for how selected items are indicated in the popup.
2788
+ * - `check`: Display a checkmark icon next to selected items (default)
2789
+ * - `bold`: Display selected items with bold text, no checkmark
2790
+ */
2791
+ type LobeSelectIndicatorVariant = 'check' | 'bold';
2792
+ interface LobeSelectOption<Value = string> {
2793
+ className?: string;
2794
+ disabled?: boolean;
2795
+ label: ReactNode;
2796
+ style?: CSSProperties;
2797
+ title?: string;
2798
+ value: Value;
2799
+ }
2800
+ interface LobeSelectOptionGroup<Value = string> {
2801
+ disabled?: boolean;
2802
+ label: ReactNode;
2803
+ options: LobeSelectOption<Value>[];
2804
+ }
2805
+ type LobeSelectOptions<Value = string> = Array<LobeSelectOption<Value> | LobeSelectOptionGroup<Value>>;
2806
+ interface LobeSelectClassNames {
2807
+ clear?: string;
2808
+ dropdown?: string;
2809
+ empty?: string;
2810
+ group?: string;
2811
+ groupLabel?: string;
2812
+ icon?: string;
2813
+ item?: string;
2814
+ itemIndicator?: string;
2815
+ itemText?: string;
2816
+ list?: string;
2817
+ option?: string;
2818
+ popup?: string;
2819
+ prefix?: string;
2820
+ root?: string;
2821
+ search?: string;
2822
+ suffix?: string;
2823
+ trigger?: string;
2824
+ value?: string;
2825
+ }
2826
+ interface LobeSelectProps<Value = string> {
2827
+ allowClear?: boolean;
2828
+ autoFocus?: boolean;
2829
+ /**
2830
+ * Behavior variant for Base UI Select.
2831
+ *
2832
+ * - `default`: regular dropdown positioning (alignItemWithTrigger=false, modal=false)
2833
+ * - `item-aligned`: aligns the selected item with trigger and uses modal=true
2834
+ * @default 'default'
2835
+ */
2836
+ behaviorVariant?: LobeSelectBehaviorVariant;
2837
+ className?: string;
2838
+ classNames?: LobeSelectClassNames;
2839
+ defaultOpen?: boolean;
2840
+ defaultValue?: Value | Value[] | null;
2841
+ disabled?: boolean;
2842
+ id?: string;
2843
+ labelRender?: (option: LobeSelectOption<Value>) => ReactNode;
2844
+ /**
2845
+ * 设置弹窗滚动高度
2846
+ * @default 256
2847
+ */
2848
+ listHeight?: number;
2849
+ listItemHeight?: number;
2850
+ loading?: boolean;
2851
+ mode?: 'multiple' | 'tags';
2852
+ name?: string;
2853
+ onChange?: (value: Value | Value[] | null, option?: LobeSelectOption<Value> | LobeSelectOption<Value>[]) => void;
2854
+ onOpenChange?: (open: boolean) => void;
2855
+ onSelect?: (value: Value, option?: LobeSelectOption<Value>) => void;
2856
+ open?: boolean;
2857
+ optionRender?: (option: LobeSelectOption<Value>, info: {
2858
+ index: number;
2859
+ }) => ReactNode;
2860
+ options?: LobeSelectOptions<Value>;
2861
+ placeholder?: ReactNode;
2862
+ popupClassName?: string;
2863
+ popupMatchSelectWidth?: boolean | number;
2864
+ prefix?: ReactNode | IconProps$1['icon'];
2865
+ readOnly?: boolean;
2866
+ required?: boolean;
2867
+ /**
2868
+ * Variant for how selected items are indicated in the popup.
2869
+ * - `check`: Display a checkmark icon next to selected items (default)
2870
+ * - `bold`: Display selected items with bold text, no checkmark
2871
+ * @default 'check'
2872
+ */
2873
+ selectedIndicatorVariant?: LobeSelectIndicatorVariant;
2874
+ shadow?: boolean;
2875
+ showSearch?: boolean;
2876
+ size?: LobeSelectSize;
2877
+ style?: CSSProperties;
2878
+ suffixIcon?: IconProps$1['icon'] | ReactNode;
2879
+ suffixIconProps?: Omit<IconProps$1, 'icon'>;
2880
+ tokenSeparators?: string[];
2881
+ value?: Value | Value[] | null;
2882
+ variant?: LobeSelectVariant;
2883
+ virtual?: boolean;
2884
+ }
2885
+
2886
+ declare const LOBE_SELECT_CONTAINER_ATTR = "data-lobe-ui-select-container";
2887
+
2888
+ declare const LobeSelectRoot: typeof Select$1.Root;
2889
+ declare const LobeSelectBackdrop: react.ForwardRefExoticComponent<_base_ui_react_select.SelectBackdropProps & react.RefAttributes<HTMLDivElement>>;
2890
+ declare const LobeSelectSeparator: react.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
2891
+ type LobeSelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select$1.Trigger>, 'children' | 'render'> & {
2892
+ children: ComponentProps<typeof Select$1.Trigger>['children'];
2893
+ shadow?: boolean;
2894
+ size?: LobeSelectSize;
2895
+ variant?: LobeSelectVariant;
2896
+ };
2897
+ declare const LobeSelectTrigger: {
2898
+ ({ children, className, nativeButton, shadow, size, variant, ref: refProp, ...rest }: LobeSelectTriggerProps): react_jsx_runtime.JSX.Element;
2899
+ displayName: string;
2900
+ };
2901
+ type LobeSelectIconProps = ComponentProps<typeof Select$1.Icon>;
2902
+ declare const LobeSelectIcon: {
2903
+ ({ className, ...rest }: LobeSelectIconProps): react_jsx_runtime.JSX.Element;
2904
+ displayName: string;
2905
+ };
2906
+ type LobeSelectValueProps = ComponentProps<typeof Select$1.Value>;
2907
+ declare const LobeSelectValue: {
2908
+ ({ className, ...rest }: LobeSelectValueProps): react_jsx_runtime.JSX.Element;
2909
+ displayName: string;
2910
+ };
2911
+ type LobeSelectPortalProps = ComponentProps<typeof Select$1.Portal> & {
2912
+ /**
2913
+ * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
2914
+ */
2915
+ container?: HTMLElement | null;
2916
+ };
2917
+ declare const LobeSelectPortal: {
2918
+ ({ container, ...rest }: LobeSelectPortalProps): react_jsx_runtime.JSX.Element;
2919
+ displayName: string;
2920
+ };
2921
+ type LobeSelectPositionerProps = ComponentProps<typeof Select$1.Positioner>;
2922
+ declare const LobeSelectPositioner: {
2923
+ ({ align, alignItemWithTrigger, className, side, sideOffset, ...rest }: LobeSelectPositionerProps): react_jsx_runtime.JSX.Element;
2924
+ displayName: string;
2925
+ };
2926
+ type LobeSelectPopupProps = ComponentProps<typeof Select$1.Popup>;
2927
+ declare const LobeSelectPopup: {
2928
+ ({ className, ...rest }: LobeSelectPopupProps): react_jsx_runtime.JSX.Element;
2929
+ displayName: string;
2930
+ };
2931
+ type LobeSelectListProps = ComponentProps<typeof Select$1.List>;
2932
+ declare const LobeSelectList: {
2933
+ ({ className, ...rest }: LobeSelectListProps): react_jsx_runtime.JSX.Element;
2934
+ displayName: string;
2935
+ };
2936
+ type LobeSelectItemProps = ComponentProps<typeof Select$1.Item>;
2937
+ declare const LobeSelectItem: {
2938
+ ({ className, ...rest }: LobeSelectItemProps): react_jsx_runtime.JSX.Element;
2939
+ displayName: string;
2940
+ };
2941
+ type LobeSelectItemTextProps = ComponentProps<typeof Select$1.ItemText>;
2942
+ declare const LobeSelectItemText: {
2943
+ ({ className, ...rest }: LobeSelectItemTextProps): react_jsx_runtime.JSX.Element;
2944
+ displayName: string;
2945
+ };
2946
+ type LobeSelectItemIndicatorProps = ComponentProps<typeof Select$1.ItemIndicator>;
2947
+ declare const LobeSelectItemIndicator: {
2948
+ ({ className, ...rest }: LobeSelectItemIndicatorProps): react_jsx_runtime.JSX.Element;
2949
+ displayName: string;
2950
+ };
2951
+ type LobeSelectGroupProps = ComponentProps<typeof Select$1.Group>;
2952
+ declare const LobeSelectGroup: {
2953
+ ({ className, ...rest }: LobeSelectGroupProps): react_jsx_runtime.JSX.Element;
2954
+ displayName: string;
2955
+ };
2956
+ type LobeSelectGroupLabelProps = ComponentProps<typeof Select$1.GroupLabel>;
2957
+ declare const LobeSelectGroupLabel: {
2958
+ ({ className, ...rest }: LobeSelectGroupLabelProps): react_jsx_runtime.JSX.Element;
2959
+ displayName: string;
2960
+ };
2961
+ type LobeSelectScrollUpArrowProps = ComponentProps<typeof Select$1.ScrollUpArrow>;
2962
+ declare const LobeSelectScrollUpArrow: {
2963
+ ({ className, ...rest }: LobeSelectScrollUpArrowProps): react_jsx_runtime.JSX.Element;
2964
+ displayName: string;
2965
+ };
2966
+ type LobeSelectScrollDownArrowProps = ComponentProps<typeof Select$1.ScrollDownArrow>;
2967
+ declare const LobeSelectScrollDownArrow: {
2968
+ ({ className, ...rest }: LobeSelectScrollDownArrowProps): react_jsx_runtime.JSX.Element;
2969
+ displayName: string;
2970
+ };
2971
+ type LobeSelectArrowProps = ComponentProps<typeof Select$1.Arrow>;
2972
+ declare const LobeSelectArrow: {
2973
+ ({ className, ...rest }: LobeSelectArrowProps): react_jsx_runtime.JSX.Element;
2974
+ displayName: string;
2975
+ };
2976
+
2977
+ declare const LobeSelect: react.NamedExoticComponent<LobeSelectProps<any>>;
2978
+
2979
+ type LobeSwitchSize = 'default' | 'small';
2980
+ type LobeSwitchChangeEventHandler = (checked: boolean, event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
2981
+ type LobeSwitchClickEventHandler = LobeSwitchChangeEventHandler;
2982
+ interface LobeSwitchClassNames {
2983
+ content?: string;
2984
+ root?: string;
2985
+ thumb?: string;
2986
+ }
2987
+ interface LobeSwitchStyles {
2988
+ content?: CSSProperties;
2989
+ root?: CSSProperties;
2990
+ thumb?: CSSProperties;
2991
+ }
2992
+ interface LobeSwitchContextType {
2993
+ isChecked: boolean;
2994
+ isPressed: boolean;
2995
+ setIsChecked: (checked: boolean) => void;
2996
+ setIsPressed: (pressed: boolean) => void;
2997
+ }
2998
+ type LobeSwitchRootProps = Omit<ComponentProps<typeof Switch.Root>, 'render'> & HTMLMotionProps<'button'> & {
2999
+ size?: LobeSwitchSize;
3000
+ };
3001
+ type LobeSwitchThumbProps = Omit<ComponentProps<typeof Switch.Thumb>, 'render'> & HTMLMotionProps<'span'> & {
3002
+ pressedAnimation?: TargetAndTransition | boolean;
3003
+ size?: LobeSwitchSize;
3004
+ transition?: Transition;
3005
+ };
3006
+ type LobeSwitchIconPosition = 'left' | 'right' | 'thumb';
3007
+ type LobeSwitchIconProps = HTMLMotionProps<'span'> & {
3008
+ position: LobeSwitchIconPosition;
3009
+ transition?: Transition;
3010
+ };
3011
+ interface LobeSwitchProps {
3012
+ /**
3013
+ * Whether to set focus automatically when mounted
3014
+ */
3015
+ autoFocus?: boolean;
3016
+ /**
3017
+ * Whether the switch is checked
3018
+ */
3019
+ checked?: boolean;
3020
+ /**
3021
+ * Icon to show when checked (left position)
3022
+ */
3023
+ checkedChildren?: ReactNode;
3024
+ /**
3025
+ * Custom class name
3026
+ */
3027
+ className?: string;
3028
+ /**
3029
+ * Custom class names for each part
3030
+ */
3031
+ classNames?: LobeSwitchClassNames;
3032
+ /**
3033
+ * Initial checked state (uncontrolled)
3034
+ */
3035
+ defaultChecked?: boolean;
3036
+ /**
3037
+ * Alias for `defaultChecked`
3038
+ */
3039
+ defaultValue?: boolean;
3040
+ /**
3041
+ * Whether the switch is disabled
3042
+ */
3043
+ disabled?: boolean;
3044
+ /**
3045
+ * Element id
3046
+ */
3047
+ id?: string;
3048
+ /**
3049
+ * Show loading indicator
3050
+ */
3051
+ loading?: boolean;
3052
+ /**
3053
+ * Name attribute for form submission
3054
+ */
3055
+ name?: string;
3056
+ /**
3057
+ * Callback when the switch state changes
3058
+ */
3059
+ onChange?: LobeSwitchChangeEventHandler;
3060
+ /**
3061
+ * Callback when clicking the switch
3062
+ */
3063
+ onClick?: LobeSwitchClickEventHandler;
3064
+ /**
3065
+ * Reference to the root element
3066
+ */
3067
+ ref?: Ref<HTMLButtonElement>;
3068
+ /**
3069
+ * Additional class name for root element
3070
+ */
3071
+ rootClassName?: string;
3072
+ /**
3073
+ * Size of the switch
3074
+ * @default 'default'
3075
+ */
3076
+ size?: LobeSwitchSize;
3077
+ /**
3078
+ * Custom inline style
3079
+ */
3080
+ style?: CSSProperties;
3081
+ /**
3082
+ * Custom styles for each part
3083
+ */
3084
+ styles?: LobeSwitchStyles;
3085
+ /**
3086
+ * Tab index for keyboard navigation
3087
+ */
3088
+ tabIndex?: number;
3089
+ /**
3090
+ * Native title attribute
3091
+ */
3092
+ title?: string;
3093
+ /**
3094
+ * Icon to show when unchecked (right position)
3095
+ */
3096
+ unCheckedChildren?: ReactNode;
3097
+ /**
3098
+ * Alias for `checked`
3099
+ */
3100
+ value?: boolean;
3101
+ }
3102
+
3103
+ declare const styles$1: {
3104
+ icon: string;
3105
+ iconLeft: string;
3106
+ iconLeftSmall: string;
3107
+ iconRight: string;
3108
+ iconRightSmall: string;
3109
+ iconThumb: string;
3110
+ loading: string;
3111
+ root: string;
3112
+ rootDefault: string;
3113
+ rootSmall: string;
3114
+ thumb: string;
3115
+ thumbDefault: string;
3116
+ thumbSmall: string;
3117
+ };
3118
+
3119
+ declare const useLobeSwitchContext: () => LobeSwitchContextType;
3120
+ type LobeSwitchRootInternalProps = Omit<LobeSwitchRootProps, 'onCheckedChange' | 'onClick'> & {
3121
+ onCheckedChange?: LobeSwitchChangeEventHandler;
3122
+ onClick?: LobeSwitchChangeEventHandler;
3123
+ };
3124
+ declare const LobeSwitchRoot: {
3125
+ ({ checked, className, defaultChecked, onCheckedChange, onClick, size, children, disabled, readOnly, required, inputRef, id, name, ...rest }: LobeSwitchRootInternalProps): react_jsx_runtime.JSX.Element;
3126
+ displayName: string;
3127
+ };
3128
+ declare const LobeSwitchThumb: {
3129
+ ({ className, pressedAnimation, size, transition, children, ...rest }: LobeSwitchThumbProps): react_jsx_runtime.JSX.Element;
3130
+ displayName: string;
3131
+ };
3132
+ declare const LobeSwitchIcon: {
3133
+ ({ children, className, position, transition, ...rest }: LobeSwitchIconProps & {
3134
+ children?: React.ReactNode;
3135
+ size?: "default" | "small";
3136
+ }): react_jsx_runtime.JSX.Element;
3137
+ displayName: string;
3138
+ };
3139
+
3140
+ declare const LobeSwitch: react.NamedExoticComponent<LobeSwitchProps>;
3141
+
3142
+ interface MermaidThemeItem {
3143
+ background?: string;
3144
+ displayName: string;
3145
+ id: string;
3146
+ }
3147
+ declare const mermaidThemes: MermaidThemeItem[];
3148
+
3149
+ interface SyntaxMermaidProps {
3150
+ animated?: boolean;
3151
+ children: string;
3152
+ className?: string;
3153
+ fallbackClassName?: string;
3154
+ ref?: Ref<HTMLDivElement>;
3155
+ style?: CSSProperties;
3156
+ theme?: MermaidProps['theme'];
3157
+ variant?: MermaidProps['variant'];
3158
+ }
3159
+ interface MermaidProps extends DivProps$1 {
3160
+ actionIconSize?: ActionIconProps['size'];
3161
+ actionsRender?: (props: {
3162
+ actionIconSize: ActionIconProps['size'];
3163
+ content: string;
3164
+ getContent: () => string;
3165
+ originalNode: ReactNode;
3166
+ }) => ReactNode;
3167
+ animated?: boolean;
3168
+ bodyRender?: (props: {
3169
+ content: string;
3170
+ originalNode: ReactNode;
3171
+ }) => ReactNode;
3172
+ children: string;
3173
+ classNames?: {
3174
+ body?: string;
3175
+ content?: string;
3176
+ header?: string;
3177
+ };
3178
+ copyable?: boolean;
3179
+ defaultExpand?: boolean;
3180
+ fileName?: string;
3181
+ fullFeatured?: boolean;
3182
+ language?: string;
3183
+ shadow?: boolean;
3184
+ showLanguage?: boolean;
3185
+ styles?: {
3186
+ body?: CSSProperties;
3187
+ content?: CSSProperties;
3188
+ header?: CSSProperties;
3189
+ };
3190
+ theme?: 'lobe-theme' | MermaidConfig['theme'];
3191
+ variant?: 'filled' | 'outlined' | 'borderless';
3192
+ }
3193
+
3194
+ declare const Mermaid: react.NamedExoticComponent<MermaidProps>;
3195
+
3196
+ declare const SyntaxMermaid: react.NamedExoticComponent<SyntaxMermaidProps>;
3197
+
3198
+ type ImageProps = ImageProps$1;
3199
+
3200
+ interface CitationItem {
3201
+ alt?: string;
3202
+ summary?: string;
3203
+ title?: string;
3204
+ url: string;
3205
+ }
3206
+
3207
+ interface SnippetProps extends FlexboxProps {
3208
+ children: string;
3209
+ copyable?: boolean;
3210
+ language?: string;
3211
+ prefix?: string;
3212
+ ref?: Ref<HTMLDivElement>;
3213
+ shadow?: boolean;
3214
+ spotlight?: boolean;
3215
+ variant?: 'filled' | 'outlined' | 'borderless';
3216
+ }
3217
+
3218
+ declare const Snippet: FC<SnippetProps>;
3219
+
3220
+ type PreProps = HighlighterProps;
3221
+
3222
+ interface VideoProps$1 extends VideoProps$2, Pick<FlexboxProps, 'width' | 'height'> {
3223
+ autoPlay?: boolean;
3224
+ classNames?: {
3225
+ mask?: string;
3226
+ video?: string;
3227
+ wrapper?: string;
3228
+ };
3229
+ isLoading?: boolean;
3230
+ loop?: boolean;
3231
+ maxHeight?: number | string;
3232
+ maxWidth?: number | string;
3233
+ minHeight?: number | string;
3234
+ minWidth?: number | string;
3235
+ muted?: HTMLVideoElement['muted'];
3236
+ onEnded?: VideoProps$2['onEnded'];
3237
+ onMouseEnter?: VideoProps$2['onMouseEnter'];
3238
+ onMouseLeave?: VideoProps$2['onMouseLeave'];
3239
+ onPause?: VideoProps$2['onPause'];
3240
+ onPlay?: VideoProps$2['onPlay'];
3241
+ onPlaying?: VideoProps$2['onPlaying'];
3242
+ onProgress?: VideoProps$2['onProgress'];
3243
+ poster?: string;
3244
+ preload?: HTMLVideoElement['preload'];
3245
+ preview?: boolean;
3246
+ ref?: Ref<HTMLDivElement>;
3247
+ size?: number | string;
3248
+ src: string;
3249
+ styles?: {
3250
+ mask?: CSSProperties;
3251
+ video?: CSSProperties;
3252
+ wrapper?: CSSProperties;
3253
+ };
3254
+ variant?: 'borderless' | 'filled' | 'outlined';
3255
+ }
3256
+ declare const Video: react.NamedExoticComponent<VideoProps$1>;
3257
+
3258
+ type VideoProps = VideoProps$1;
3259
+
3260
+ interface TabsProps extends TabsProps$1 {
3261
+ compact?: boolean;
3262
+ variant?: 'square' | 'rounded' | 'point';
3263
+ }
3264
+
3265
+ declare const Tabs: FC<TabsProps>;
3266
+
3267
+ interface TypographyProps extends DivProps$1 {
3268
+ borderRadius?: number;
3269
+ fontSize?: number;
3270
+ headerMultiple?: number;
3271
+ lineHeight?: number;
3272
+ marginMultiple?: number;
3273
+ ref?: Ref<HTMLDivElement>;
3274
+ }
3275
+ interface SyntaxMarkdownProps {
3276
+ allowHtml?: boolean;
3277
+ allowHtmlList?: ElementType[];
3278
+ animated?: boolean;
3279
+ children: string;
3280
+ citations?: CitationItem[];
3281
+ componentProps?: {
3282
+ a?: Partial<AProps & AnchorProps>;
3283
+ highlight?: Partial<HighlighterProps>;
3284
+ img?: Partial<ImageProps>;
3285
+ mermaid?: Partial<MermaidProps>;
3286
+ pre?: Partial<PreProps>;
3287
+ video?: Partial<VideoProps>;
3288
+ };
3289
+ components?: Components & Record<string, FC>;
3290
+ enableCustomFootnotes?: boolean;
3291
+ enableGithubAlert?: boolean;
3292
+ enableLatex?: boolean;
3293
+ enableMermaid?: boolean;
3294
+ enableStream?: boolean;
3295
+ fullFeaturedCodeBlock?: boolean;
3296
+ reactMarkdownProps?: Omit<Readonly<Options>, 'components' | 'rehypePlugins' | 'remarkPlugins'>;
3297
+ rehypePlugins?: Pluggable[];
3298
+ rehypePluginsAhead?: Pluggable[];
3299
+ remarkPlugins?: Pluggable[];
3300
+ remarkPluginsAhead?: Pluggable[];
3301
+ showFootnotes?: boolean;
3302
+ variant?: 'default' | 'chat';
3303
+ }
3304
+ interface MarkdownProps extends SyntaxMarkdownProps, Omit<TypographyProps, 'children'> {
3305
+ className?: string;
3306
+ customRender?: (dom: ReactNode, context: {
3307
+ text: string;
3308
+ }) => ReactNode;
3309
+ enableImageGallery?: boolean;
3310
+ onDoubleClick?: () => void;
3311
+ ref?: Ref<HTMLDivElement>;
3312
+ style?: CSSProperties;
3313
+ }
3314
+
3315
+ declare const Markdown: react.NamedExoticComponent<MarkdownProps>;
3316
+
3317
+ declare const Typography: react.NamedExoticComponent<TypographyProps>;
3318
+
3319
+ interface SearchResultItem {
3320
+ alt?: string;
3321
+ summary?: string;
3322
+ title?: string;
3323
+ url: string;
3324
+ }
3325
+ interface SearchResultCardsProps extends FlexboxProps {
3326
+ dataSource: string[] | SearchResultItem[];
3327
+ ref?: Ref<HTMLDivElement>;
3328
+ }
3329
+ declare const SearchResultCards: react.NamedExoticComponent<SearchResultCardsProps>;
3330
+
3331
+ declare const rehypeCustomFootnotes: () => (tree: any, file: any) => void;
3332
+
3333
+ declare const rehypeKatexDir: () => (tree: Node) => void;
3334
+
3335
+ declare const rehypeStreamAnimated: () => (tree: Root) => void;
3336
+
3337
+ /**
3338
+ * Remark plugin to handle <br> and <br/> tags in markdown text
3339
+ * This plugin converts <br> and <br/> tags to proper HTML elements
3340
+ * without requiring allowHtml to be enabled
3341
+ */
3342
+ declare const remarkBr: () => (tree: any) => void;
3343
+
3344
+ interface RemarkColorOptions {
3345
+ /**
3346
+ * 自定义颜色验证函数
3347
+ */
3348
+ colorValidator?: (colorString: string) => boolean;
3349
+ }
3350
+ /**
3351
+ * Remark plugin to handle color syntax in markdown code spans
3352
+ * Supports GitHub-style color visualization for HEX, RGB, and HSL colors
3353
+ *
3354
+ * @example
3355
+ * `#FF0000` -> renders with red color preview
3356
+ * `rgb(255, 0, 0)` -> renders with red color preview
3357
+ * `hsl(0, 100%, 50%)` -> renders with red color preview
3358
+ */
3359
+ declare const remarkColor: (options?: RemarkColorOptions) => (tree: any) => void;
3360
+
3361
+ declare const remarkCustomFootnotes: () => (tree: any, file: any) => void;
3362
+
3363
+ interface RemarkGfmPlusOptions {
3364
+ allowHtmlTags?: string[];
3365
+ }
3366
+ declare const remarkGfmPlus: (options?: RemarkGfmPlusOptions) => (tree: any) => void;
3367
+
3368
+ interface RemarkVideoOptions {
3369
+ /**
3370
+ * 支持的视频标签名,默认为 ['video']
3371
+ */
3372
+ videoTags?: string[];
3373
+ }
3374
+ /**
3375
+ * Remark plugin to handle <video> tags in markdown text
3376
+ * This plugin converts <video> tags to proper video elements
3377
+ * without requiring allowHtml to be enabled
3378
+ *
3379
+ * @example
3380
+ * <video src="https://example.com/video.mp4" />
3381
+ * <video src="https://example.com/video.mp4" controls width="400" height="300" />
3382
+ */
3383
+ declare const remarkVideo: (options?: RemarkVideoOptions) => (tree: any) => void;
3384
+
3385
+ interface MaskShadowProps extends FlexboxProps {
3386
+ position?: 'top' | 'bottom' | 'left' | 'right';
3387
+ size?: number;
3388
+ visibility?: 'auto' | 'always' | 'never';
3389
+ }
3390
+
3391
+ declare const MaskShadow: react.NamedExoticComponent<MaskShadowProps>;
3392
+
3393
+ interface MaterialFileTypeIconProps extends DivProps$1 {
3394
+ fallbackUnknownType?: boolean;
3395
+ filename: string;
3396
+ open?: boolean;
3397
+ size?: number;
3398
+ type?: 'file' | 'folder';
3399
+ variant?: 'raw' | 'file' | 'folder';
3400
+ }
3401
+
3402
+ declare const MaterialFileTypeIcon: FC<MaterialFileTypeIconProps>;
3403
+
3404
+ declare const styles: {
3405
+ danger: string;
3406
+ empty: string;
3407
+ extra: string;
3408
+ groupLabel: string;
3409
+ icon: string;
3410
+ item: string;
3411
+ itemContent: string;
3412
+ label: string;
3413
+ popup: string;
3414
+ positioner: string;
3415
+ separator: string;
3416
+ submenuArrow: string;
3417
+ };
3418
+
3419
+ interface I18nProviderProps {
3420
+ children: ReactNode;
3421
+ locale?: string;
3422
+ motion: MotionComponentType;
3423
+ resources?: TranslationResourcesInput;
3424
+ }
3425
+
3426
+ declare const I18nProvider: react.NamedExoticComponent<I18nProviderProps>;
3427
+
3428
+ declare const useTranslation: (fallbackResources?: TranslationResources) => {
3429
+ locale: string;
3430
+ t: (key: TranslationKey) => string;
3431
+ };
3432
+
3433
+ type ScrollAreaRootProps = react__default.ComponentProps<typeof ScrollArea$1.Root>;
3434
+ type ScrollAreaViewportProps = react__default.ComponentProps<typeof ScrollArea$1.Viewport> & {
3435
+ /**
3436
+ * Enable gradient scroll fade on the viewport edges.
3437
+ * @default false
3438
+ */
3439
+ scrollFade?: boolean;
3440
+ };
3441
+ type ScrollAreaContentProps = react__default.ComponentProps<typeof ScrollArea$1.Content>;
3442
+ type ScrollAreaScrollbarProps = react__default.ComponentProps<typeof ScrollArea$1.Scrollbar>;
3443
+ type ScrollAreaThumbProps = react__default.ComponentProps<typeof ScrollArea$1.Thumb>;
3444
+ type ScrollAreaCornerProps = react__default.ComponentProps<typeof ScrollArea$1.Corner>;
3445
+ declare const ScrollAreaRoot: {
3446
+ ({ className, ...rest }: ScrollAreaRootProps): react_jsx_runtime.JSX.Element;
3447
+ displayName: string;
3448
+ };
3449
+ declare const ScrollAreaViewport: {
3450
+ ({ className, scrollFade, ...rest }: ScrollAreaViewportProps): react_jsx_runtime.JSX.Element;
3451
+ displayName: string;
3452
+ };
3453
+ declare const ScrollAreaContent: {
3454
+ ({ className, ...rest }: ScrollAreaContentProps): react_jsx_runtime.JSX.Element;
3455
+ displayName: string;
3456
+ };
3457
+ declare const ScrollAreaScrollbar: {
3458
+ ({ className, ...rest }: ScrollAreaScrollbarProps): react_jsx_runtime.JSX.Element;
3459
+ displayName: string;
3460
+ };
3461
+ declare const ScrollAreaThumb: {
3462
+ ({ className, ...rest }: ScrollAreaThumbProps): react_jsx_runtime.JSX.Element;
3463
+ displayName: string;
3464
+ };
3465
+ declare const ScrollAreaCorner: {
3466
+ ({ className, ...rest }: ScrollAreaCornerProps): react_jsx_runtime.JSX.Element;
3467
+ displayName: string;
3468
+ };
3469
+
3470
+ interface ScrollAreaProps extends Omit<ScrollAreaRootProps, 'children'> {
3471
+ children?: ReactNode;
3472
+ contentProps?: Omit<ScrollAreaContentProps, 'children'>;
3473
+ corner?: boolean;
3474
+ cornerProps?: ScrollAreaCornerProps;
3475
+ scrollFade?: boolean;
3476
+ scrollbarProps?: Omit<ScrollAreaScrollbarProps, 'children'>;
3477
+ thumbProps?: ScrollAreaThumbProps;
3478
+ viewportProps?: Omit<ScrollAreaViewportProps, 'children' | 'scrollFade'>;
3479
+ }
3480
+
3481
+ declare const ScrollArea: FC<ScrollAreaProps>;
3482
+
3483
+ interface ScrollShadowProps extends FlexboxProps {
3484
+ hideScrollBar?: boolean;
3485
+ isEnabled?: boolean;
3486
+ offset?: number;
3487
+ onVisibilityChange?: (visibility: {
3488
+ bottom?: boolean;
3489
+ left?: boolean;
3490
+ right?: boolean;
3491
+ top?: boolean;
3492
+ }) => void;
3493
+ orientation?: 'vertical' | 'horizontal';
3494
+ ref?: Ref<HTMLDivElement>;
3495
+ size?: number;
3496
+ visibility?: 'auto' | 'always' | 'never';
3497
+ }
3498
+
3499
+ declare const ScrollShadow: FC<ScrollShadowProps>;
3500
+
3501
+ interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'> {
3502
+ classNames?: {
3503
+ input?: string;
3504
+ shortKey?: string;
3505
+ };
3506
+ defaultValue?: string;
3507
+ enableShortKey?: boolean;
3508
+ loading?: boolean;
3509
+ onInputChange?: (value: string) => void;
3510
+ onSearch?: (value: string) => void;
3511
+ shortKey?: string;
3512
+ spotlight?: boolean;
3513
+ styles?: {
3514
+ input?: CSSProperties;
3515
+ shortKey?: CSSProperties;
3516
+ };
3517
+ value?: string;
3518
+ }
3519
+
3520
+ declare const SearchBar: react.NamedExoticComponent<SearchBarProps>;
3521
+
3522
+ interface SegmentedProps extends SegmentedProps$1 {
3523
+ glass?: boolean;
3524
+ iconProps?: Omit<IconProps$1, 'icon'>;
3525
+ padding?: string | number;
3526
+ ref?: Ref<HTMLDivElement>;
3527
+ shadow?: boolean;
3528
+ variant?: 'filled' | 'outlined' | 'borderless';
3529
+ }
3530
+
3531
+ declare const Segmented: react.NamedExoticComponent<SegmentedProps>;
3532
+
3533
+ interface SelectProps extends Omit<SelectProps$1, 'suffixIcon'> {
3534
+ ref?: Ref<RefSelectProps>;
3535
+ shadow?: boolean;
3536
+ suffixIcon?: IconProps$1['icon'];
3537
+ suffixIconProps?: Omit<IconProps$1, 'icon'>;
3538
+ }
3539
+
3540
+ /**
3541
+ * @deprecated Use `LobeSelect` instead.
3542
+ */
3543
+ declare const Select: react.NamedExoticComponent<SelectProps>;
3544
+
3545
+ interface SideNavProps extends FlexboxProps {
3546
+ avatar?: ReactNode;
3547
+ bottomActions: ReactNode;
3548
+ topActions?: ReactNode;
3549
+ }
3550
+
3551
+ declare const SideNav: react.NamedExoticComponent<SideNavProps>;
3552
+
3553
+ interface SkeletonBlockProps {
3554
+ active?: boolean;
3555
+ className?: string;
3556
+ height?: number | string;
3557
+ style?: CSSProperties;
3558
+ width?: number | string;
3559
+ }
3560
+ interface SkeletonTitleProps extends Omit<SkeletonBlockProps, 'height'> {
3561
+ fontSize?: number;
3562
+ height?: number;
3563
+ lineHeight?: number;
3564
+ width?: number | string;
3565
+ }
3566
+ interface SkeletonParagraphProps extends Omit<SkeletonBlockProps, 'width' | 'height'> {
3567
+ fontSize?: number;
3568
+ gap?: number;
3569
+ height?: number;
3570
+ lineHeight?: number;
3571
+ rows?: number;
3572
+ width?: number | string | (number | string)[];
3573
+ }
3574
+ interface SkeletonTagsProps extends Omit<SkeletonBlockProps, 'width'> {
3575
+ count?: number;
3576
+ gap?: number;
3577
+ size?: 'small' | 'middle' | 'large';
3578
+ width?: number | string | (number | string)[];
3579
+ }
3580
+ interface SkeletonAvatarProps extends SkeletonBlockProps {
3581
+ shape?: 'circle' | 'square';
3582
+ size?: number | string;
3583
+ }
3584
+ interface SkeletonButtonProps extends SkeletonBlockProps {
3585
+ block?: boolean;
3586
+ shape?: 'circle' | 'round' | 'default';
3587
+ size?: 'large' | 'small' | 'default';
3588
+ }
3589
+ interface SkeletonProps extends SkeletonBlockProps {
3590
+ avatar?: SkeletonAvatarProps | boolean;
3591
+ classNames?: {
3592
+ avatar?: string;
3593
+ paragraph?: string;
3594
+ root?: string;
3595
+ title?: string;
3596
+ };
3597
+ gap?: number;
3598
+ paragraph?: SkeletonParagraphProps | boolean;
3599
+ styles?: {
3600
+ avatar?: CSSProperties;
3601
+ paragraph?: CSSProperties;
3602
+ root?: CSSProperties;
3603
+ title?: CSSProperties;
3604
+ };
3605
+ title?: SkeletonTitleProps | boolean;
3606
+ }
3607
+
3608
+ declare const SkeletonAvatar: FC<SkeletonAvatarProps>;
3609
+
3610
+ declare const SkeletonBlock: FC<SkeletonBlockProps>;
3611
+
3612
+ declare const SkeletonButton: FC<SkeletonButtonProps>;
3613
+
3614
+ declare const SkeletonParagraph: FC<SkeletonParagraphProps>;
3615
+
3616
+ declare const SkeletonTags: FC<SkeletonTagsProps>;
3617
+
3618
+ declare const SkeletonTitle: FC<SkeletonTitleProps>;
3619
+
3620
+ interface ISkeleton {
3621
+ (props: SkeletonProps): ReactNode;
3622
+ Avatar: typeof SkeletonAvatar;
3623
+ Block: typeof SkeletonBlock;
3624
+ Button: typeof SkeletonButton;
3625
+ Paragraph: typeof SkeletonParagraph;
3626
+ Tags: typeof SkeletonTags;
3627
+ Title: typeof SkeletonTitle;
3628
+ }
3629
+ declare const Skeleton: ISkeleton;
3630
+
3631
+ interface SliderWithInputProps extends Omit<SliderSingleProps, 'classNames' | 'styles'> {
3632
+ changeOnWheel?: boolean;
3633
+ classNames?: {
3634
+ input?: string;
3635
+ slider?: string;
3636
+ } & SliderSingleProps['classNames'];
3637
+ controls?: InputNumberProps['controls'];
3638
+ gap?: FlexboxProps['gap'];
3639
+ size?: InputNumberProps['size'];
3640
+ styles?: {
3641
+ input?: CSSProperties;
3642
+ slider?: CSSProperties;
3643
+ } & SliderSingleProps['styles'];
3644
+ unlimitedInput?: boolean;
3645
+ variant?: InputNumberProps['variant'];
3646
+ }
3647
+
3648
+ declare const SliderWithInput: react.NamedExoticComponent<SliderWithInputProps>;
3649
+
3650
+ declare const DragHandle: react.NamedExoticComponent<ActionIconProps>;
3651
+
3652
+ interface SortableItemProps extends Omit<FlexboxProps, 'id'> {
3653
+ id: string | number;
3654
+ variant?: 'borderless' | 'filled' | 'outlined';
3655
+ }
3656
+ declare const SortableItem: react.NamedExoticComponent<SortableItemProps>;
3657
+
3658
+ interface SortableListItem {
3659
+ [key: string]: any;
3660
+ id: string | number;
3661
+ }
3662
+ interface SortableListProps extends Omit<FlexboxProps, 'onChange'> {
3663
+ items: SortableListItem[];
3664
+ onChange(items: SortableListItem[]): void;
3665
+ ref?: Ref<HTMLUListElement>;
3666
+ renderItem(item: SortableListItem): ReactNode;
3667
+ }
3668
+
3669
+ interface ISortableList {
3670
+ (props: SortableListProps): ReactNode;
3671
+ DragHandle: typeof DragHandle;
3672
+ Item: typeof SortableItem;
3673
+ }
3674
+ declare const SortableList: ISortableList;
3675
+
3676
+ declare const primaryColors: {
3677
+ blue: string;
3678
+ cyan: string;
3679
+ geekblue: string;
3680
+ gold: string;
3681
+ green: string;
3682
+ lime: string;
3683
+ magenta: string;
3684
+ orange: string;
3685
+ purple: string;
3686
+ red: string;
3687
+ volcano: string;
3688
+ yellow: string;
3689
+ };
3690
+ type PrimaryColorsObj = typeof primaryColors;
3691
+ type PrimaryColors = keyof PrimaryColorsObj;
3692
+ declare const primaryColorsSwatches: string[];
3693
+ declare const neutralColors: {
3694
+ mauve: string;
3695
+ olive: string;
3696
+ sage: string;
3697
+ sand: string;
3698
+ slate: string;
3699
+ };
3700
+ declare const neutralColorsSwatches: string[];
3701
+ type NeutralColorsObj = typeof neutralColors;
3702
+ type NeutralColors = keyof NeutralColorsObj;
3703
+ declare const findCustomThemeName: (type: "primary" | "neutral", value: string) => string | undefined;
3704
+
3705
+ declare const generateCustomStylish: GetCustomStylish<LobeCustomStylish>;
3706
+
3707
+ declare const staticStylish: LobeCustomStylish;
3708
+
3709
+ declare const generateCustomToken: GetCustomToken<LobeCustomToken>;
3710
+
3711
+ type colorStep = [
3712
+ string,
3713
+ string,
3714
+ string,
3715
+ string,
3716
+ string,
3717
+ string,
3718
+ string,
3719
+ string,
3720
+ string,
3721
+ string,
3722
+ string,
3723
+ string,
3724
+ string
3725
+ ];
3726
+ interface ColorScaleItem {
3727
+ dark: colorStep;
3728
+ darkA: colorStep;
3729
+ light: colorStep;
3730
+ lightA: colorStep;
3731
+ }
3732
+
3733
+ declare const generateColorPalette: ({ type, scale, appearance, }: {
3734
+ appearance: "light" | "dark";
3735
+ scale: ColorScaleItem;
3736
+ type: "Primary" | "Success" | "Warning" | "Error" | "Info" | string;
3737
+ }) => Partial<AliasToken>;
3738
+ declare const generateColorNeutralPalette: ({ scale, appearance, }: {
3739
+ appearance: "light" | "dark";
3740
+ scale: ColorScaleItem;
3741
+ }) => Partial<AliasToken>;
3742
+
3743
+ declare const CLASSNAMES: {
3744
+ ContextTrigger: string;
3745
+ DropdownMenuTrigger: string;
3746
+ };
3747
+
3748
+ declare const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
3749
+
3750
+ interface ThemeProviderProps extends ThemeProviderProps$1<any> {
3751
+ className?: string;
3752
+ customFonts?: string[];
3753
+ customStylish?: (theme: CustomStylishParams) => {
3754
+ [key: string]: any;
3755
+ };
3756
+ customTheme?: {
3757
+ neutralColor?: NeutralColors;
3758
+ primaryColor?: PrimaryColors;
3759
+ };
3760
+ customToken?: (theme: CustomTokenParams) => {
3761
+ [key: string]: any;
3762
+ };
3763
+ enableCustomFonts?: boolean;
3764
+ enableGlobalStyle?: boolean;
3765
+ style?: CSSProperties;
3766
+ }
3767
+ interface MetaProps {
3768
+ description?: string;
3769
+ title?: string;
3770
+ withManifest?: boolean;
3771
+ }
3772
+
3773
+ declare const Meta: FC<MetaProps>;
3774
+
3775
+ declare const ThemeProvider: react.NamedExoticComponent<ThemeProviderProps>;
3776
+
3777
+ interface ThemeSwitchProps extends DivProps$1 {
3778
+ labels?: {
3779
+ auto: string;
3780
+ dark: string;
3781
+ light: string;
3782
+ };
3783
+ onThemeSwitch: (themeMode: ThemeMode) => void;
3784
+ size?: ActionIconProps['size'];
3785
+ themeMode: ThemeMode;
3786
+ type?: 'icon' | 'select';
3787
+ variant?: ActionIconProps['variant'];
3788
+ }
3789
+
3790
+ declare const ThemeSwitch: FC<ThemeSwitchProps>;
3791
+
3792
+ type ToastType = 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
3793
+ type ToastPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
3794
+ type ToastActionVariant = 'primary' | 'secondary' | 'text' | 'danger' | 'ghost';
3795
+ interface ToastAction {
3796
+ /**
3797
+ * Action button label
3798
+ */
3799
+ label: ReactNode;
3800
+ /**
3801
+ * Click handler
3802
+ */
3803
+ onClick?: () => void;
3804
+ /**
3805
+ * Additional props for the button
3806
+ */
3807
+ props?: Omit<React.ComponentPropsWithRef<'button'>, 'onClick'>;
3808
+ /**
3809
+ * Button variant
3810
+ * @default 'primary'
3811
+ */
3812
+ variant?: ToastActionVariant;
3813
+ }
3814
+ interface ToastOptions {
3815
+ /**
3816
+ * Action button props
3817
+ * @deprecated Use `actions` instead
3818
+ */
3819
+ actionProps?: React.ComponentPropsWithRef<'button'>;
3820
+ /**
3821
+ * Multiple action buttons
3822
+ */
3823
+ actions?: ToastAction[];
3824
+ /**
3825
+ * Additional class name
3826
+ */
3827
+ className?: string;
3828
+ /**
3829
+ * Whether the toast is closable
3830
+ * @default true
3831
+ */
3832
+ closable?: boolean;
3833
+ /**
3834
+ * Custom data for the toast
3835
+ */
3836
+ data?: Record<string, unknown>;
3837
+ /**
3838
+ * Toast description
3839
+ */
3840
+ description?: ReactNode;
3841
+ /**
3842
+ * Custom duration in milliseconds
3843
+ * @default 5000
3844
+ */
3845
+ duration?: number;
3846
+ /**
3847
+ * Hide the close button
3848
+ * @default false
3849
+ */
3850
+ hideCloseButton?: boolean;
3851
+ /**
3852
+ * Custom icon
3853
+ */
3854
+ icon?: IconProps$1['icon'];
3855
+ /**
3856
+ * Callback when toast is closed
3857
+ */
3858
+ onClose?: () => void;
3859
+ /**
3860
+ * Callback when toast is removed
3861
+ */
3862
+ onRemove?: () => void;
3863
+ /**
3864
+ * Toast placement, overrides global ToastHost position
3865
+ */
3866
+ placement?: ToastPosition;
3867
+ /**
3868
+ * Additional styles
3869
+ */
3870
+ style?: CSSProperties;
3871
+ /**
3872
+ * Toast title
3873
+ */
3874
+ title?: ReactNode;
3875
+ /**
3876
+ * Toast type
3877
+ * @default 'default'
3878
+ */
3879
+ type?: ToastType;
3880
+ }
3881
+ interface ToastInstance {
3882
+ /**
3883
+ * Close the toast
3884
+ */
3885
+ close: () => void;
3886
+ /**
3887
+ * The toast ID
3888
+ */
3889
+ id: string;
3890
+ /**
3891
+ * Update the toast
3892
+ */
3893
+ update: (options: Partial<ToastOptions>) => void;
3894
+ }
3895
+ interface ToastProps {
3896
+ classNames?: {
3897
+ action?: string;
3898
+ actions?: string;
3899
+ close?: string;
3900
+ content?: string;
3901
+ description?: string;
3902
+ icon?: string;
3903
+ root?: string;
3904
+ title?: string;
3905
+ };
3906
+ styles?: {
3907
+ action?: CSSProperties;
3908
+ actions?: CSSProperties;
3909
+ close?: CSSProperties;
3910
+ content?: CSSProperties;
3911
+ description?: CSSProperties;
3912
+ icon?: CSSProperties;
3913
+ root?: CSSProperties;
3914
+ title?: CSSProperties;
3915
+ };
3916
+ toast: Toast.Root.ToastObject<ToastOptions>;
3917
+ }
3918
+ interface ToastPromiseOptions<T> {
3919
+ error: ReactNode | ((error: Error) => ReactNode) | Omit<ToastOptions, 'type'>;
3920
+ loading: ReactNode | Omit<ToastOptions, 'type'>;
3921
+ success: ReactNode | ((data: T) => ReactNode) | Omit<ToastOptions, 'type'>;
3922
+ }
3923
+ interface ToastAPI {
3924
+ (options: ToastOptions): ToastInstance;
3925
+ dismiss: (id?: string) => void;
3926
+ error: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
3927
+ info: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
3928
+ loading: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
3929
+ promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
3930
+ success: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
3931
+ warning: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
3932
+ }
3933
+
3934
+ declare const toast: ToastAPI;
3935
+ interface ToastHostProps {
3936
+ className?: string;
3937
+ /**
3938
+ * Default duration for toasts
3939
+ * @default 5000
3940
+ */
3941
+ duration?: number;
3942
+ /**
3943
+ * Maximum number of toasts
3944
+ * @default 5
3945
+ */
3946
+ limit?: number;
3947
+ /**
3948
+ * Toast position
3949
+ * @default 'bottom-right'
3950
+ */
3951
+ position?: ToastPosition;
3952
+ /**
3953
+ * Root element for portal
3954
+ */
3955
+ root?: HTMLElement | ShadowRoot | null;
3956
+ /**
3957
+ * Swipe direction to dismiss
3958
+ * @default ['down', 'right']
3959
+ */
3960
+ swipeDirection?: ('left' | 'right' | 'up' | 'down') | ('left' | 'right' | 'up' | 'down')[];
3961
+ }
3962
+ declare const ToastHost: react.MemoExoticComponent<({ root, className, duration, limit, position, swipeDirection, }: ToastHostProps) => react.ReactPortal | null>;
3963
+ declare const useToast: () => ToastAPI;
3964
+
3965
+ interface TocItemType {
3966
+ children?: TocItemType[];
3967
+ id: string;
3968
+ title: string;
3969
+ }
3970
+ interface TocMobileProps {
3971
+ activeKey?: string;
3972
+ getContainer?: AnchorProps['getContainer'];
3973
+ headerHeight?: number;
3974
+ items: TocItemType[];
3975
+ onChange?: (activeKey: string) => void;
3976
+ tocWidth?: number;
3977
+ }
3978
+ interface TocProps extends TocMobileProps {
3979
+ isMobile?: boolean;
3980
+ }
3981
+
3982
+ declare const Toc: react.NamedExoticComponent<TocProps>;
3983
+
3984
+ declare const copyToClipboard: (text: string) => Promise<void>;
3985
+
3986
+ declare const preventDefault: <T extends {
3987
+ preventDefault: () => void;
3988
+ }>(event: T) => void;
3989
+ declare const stopPropagation: <T extends {
3990
+ stopPropagation: () => void;
3991
+ }>(event: T) => void;
3992
+ declare const preventDefaultAndStopPropagation: <T extends {
3993
+ preventBaseUIHandler?: () => void;
3994
+ preventDefault: () => void;
3995
+ stopPropagation: () => void;
3996
+ }>(event: T) => void;
3997
+
3998
+ declare const _default: {
3999
+ displayName: string;
4000
+ name: string;
4001
+ semanticHighlighting: boolean;
4002
+ tokenColors: ({
4003
+ settings: {
4004
+ foreground: string;
4005
+ fontStyle?: undefined;
4006
+ background?: undefined;
4007
+ };
4008
+ scope?: undefined;
4009
+ } | {
4010
+ scope: string;
4011
+ settings: {
4012
+ foreground: string;
4013
+ fontStyle?: undefined;
4014
+ background?: undefined;
4015
+ };
4016
+ } | {
4017
+ scope: string;
4018
+ settings: {
4019
+ fontStyle: string;
4020
+ foreground: string;
4021
+ background?: undefined;
4022
+ };
4023
+ } | {
4024
+ settings: {
4025
+ background: string;
4026
+ foreground: string;
4027
+ fontStyle?: undefined;
4028
+ };
4029
+ scope?: undefined;
4030
+ } | {
4031
+ scope: string[];
4032
+ settings: {
4033
+ foreground: string;
4034
+ fontStyle?: undefined;
4035
+ background?: undefined;
4036
+ };
4037
+ } | {
4038
+ scope: string[];
4039
+ settings: {
4040
+ fontStyle: string;
4041
+ foreground?: undefined;
4042
+ background?: undefined;
4043
+ };
4044
+ } | {
4045
+ scope: string[];
4046
+ settings: {
4047
+ fontStyle: string;
4048
+ foreground: string;
4049
+ background?: undefined;
4050
+ };
4051
+ })[];
4052
+ type: string;
4053
+ };
4054
+
4055
+ 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 };