@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.mts +4055 -0
- package/dist/index.d.ts +4055 -1
- package/dist/index.js +5671 -9
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +5672 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +156 -79
- package/dist/index.cjs +0 -10
- package/dist/style.css +0 -2
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 };
|