UNPKG

raft-ui

Version:

React UI components for Raft.

933 lines 261 kB
import { $ as SidebarItemProps, A as PanelScrollContent, B as SidebarItemChannelIconProps, C as PanelBodyProps, Ct as Button, D as PanelHeaderRoot, Dt as DataAttributes$1, E as PanelFooterProps, Et as VariantProps, F as PanelSectionProps, G as SidebarItemIcon, H as SidebarItemContentProps, I as SidebarItem, J as SidebarItemIndicatorProps, K as SidebarItemIconProps, L as SidebarItemAside, M as PanelScrollViewport, N as PanelScrollViewportProps, O as PanelHeaderRootProps, Ot as StyledProps, P as PanelSection, Q as SidebarItemMetaProps, R as SidebarItemAsideProps, S as PanelBody, St as SidebarRootProps, T as PanelFooter, Tt as buttonVariants, U as SidebarItemCount, V as SidebarItemContent, W as SidebarItemCountProps, X as SidebarItemMetaIcon, Y as SidebarItemMeta, Z as SidebarItemMetaIconProps, _ as PanelStatus, _t as SidebarHeaderTitle, a as PanelHeader, at as SidebarItemTitle, b as PanelTitleProps, bt as SidebarLiveActivityProps, c as PanelHeaderIcon, ct as BadgeProps, d as PanelHeading, dt as SidebarContent, f as PanelHeadingProps, ft as SidebarContentProps, g as PanelSectionHeaderProps, gt as SidebarHeaderProps, h as PanelSectionHeader, ht as SidebarHeader, i as PanelActivityProps, it as SidebarItemSubtitleProps, j as PanelScrollContentProps, k as PanelProps, l as PanelHeaderIconProps, lt as SidebarBody, m as PanelMetaProps, mt as SidebarGroupLabelProps, n as PanelActionsProps, nt as SidebarItemStatusProps, o as PanelHeaderContent, ot as SidebarItemTitleProps, p as PanelMeta, pt as SidebarGroupLabel, q as SidebarItemIndicator, r as PanelActivity, rt as SidebarItemSubtitle, s as PanelHeaderContentProps, st as Badge, t as PanelActions, tt as SidebarItemStatus, u as PanelHeaderProps, ut as SidebarBodyProps, v as PanelStatusProps, vt as SidebarHeaderTitleProps, w as PanelEdge, wt as ButtonProps, x as Panel, xt as SidebarRoot, y as PanelTitle, yt as SidebarLiveActivity, z as SidebarItemChannelIcon } from "./panel-header-Bk1kF2oU.mjs"; import { cn } from "./cn.mjs"; import { Dialog as Dialog$1 } from "@base-ui/react/dialog"; import { ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, CompositionEventHandler, FocusEventHandler, FormEventHandler, HTMLAttributes, KeyboardEventHandler, PointerEvent, ReactNode, RefObject } from "react"; import { Button as Button$1 } from "@base-ui/react/button"; import { useRender } from "@base-ui/react/use-render"; import { Drawer as Drawer$1 } from "@base-ui/react/drawer"; import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox"; import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area"; import { Collapsible } from "@base-ui/react/collapsible"; import { Avatar as Avatar$1, ContextMenu as ContextMenu$1 } from "@base-ui/react"; import { Menu } from "@base-ui/react/menu"; import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip"; import { Popover as Popover$1 } from "@base-ui/react/popover"; import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card"; import { Input as Input$1 } from "@base-ui/react/input"; import { Field as Field$1 } from "@base-ui/react/field"; import { Combobox as Combobox$1 } from "@base-ui/react/combobox"; import { Select as Select$1 } from "@base-ui/react/select"; import { Radio } from "@base-ui/react/radio"; import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group"; import { Switch as Switch$1 } from "@base-ui/react/switch"; import { Toggle } from "@base-ui/react/toggle"; import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group"; import { Toolbar } from "@base-ui/react/toolbar"; import { Progress as Progress$1 } from "@base-ui/react/progress"; import { DragCancelEvent, DragEndEvent, DragMoveEvent, DragOverEvent, DragStartEvent, UniqueIdentifier } from "@dnd-kit/core"; import { Toast } from "@base-ui/react/toast"; import { Tabs as Tabs$1 } from "@base-ui/react/tabs"; import { Separator as Separator$1 } from "@base-ui/react/separator"; import { GroupProps, PanelProps as PanelProps$1, SeparatorProps as SeparatorProps$1 } from "react-resizable-panels"; //#region src/components/alert-dialog/alert-dialog.d.ts type AlertDialogProps = Dialog$1.Root.Props; declare function AlertDialog(props: AlertDialogProps): import("react").JSX.Element; type AlertDialogTriggerProps = Dialog$1.Trigger.Props; declare function AlertDialogTrigger(props: AlertDialogTriggerProps): import("react").JSX.Element; type AlertDialogPortalProps = Dialog$1.Portal.Props; declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react").JSX.Element; type AlertDialogCloseProps = Omit<Dialog$1.Close.Props, "render"> & Pick<ButtonProps, "variant" | "size"> & { className?: string; children?: ReactNode; }; declare function AlertDialogClose({ className, variant, size, children, ...props }: AlertDialogCloseProps): import("react").JSX.Element; type AlertDialogOverlayProps = StyledProps<Dialog$1.Backdrop.Props>; declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): import("react").JSX.Element; type AlertDialogContentProps = StyledProps<Dialog$1.Popup.Props> & { portalProps?: AlertDialogPortalProps; overlay?: false | AlertDialogOverlayProps; }; declare function AlertDialogContent({ className, children, portalProps, overlay, ...props }: AlertDialogContentProps): import("react").JSX.Element; type AlertDialogHeaderProps = ComponentPropsWithRef<"div">; declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): import("react").JSX.Element; type AlertDialogBodyProps = ComponentPropsWithRef<"div">; declare function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): import("react").JSX.Element; type AlertDialogFooterProps = ComponentPropsWithRef<"div">; declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): import("react").JSX.Element; type AlertDialogTitleProps = StyledProps<Dialog$1.Title.Props>; declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): import("react").JSX.Element; type AlertDialogDescriptionProps = StyledProps<Dialog$1.Description.Props>; declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): import("react").JSX.Element; type AlertDialogActionProps = ButtonProps; declare function AlertDialogAction(props: AlertDialogActionProps): import("react").JSX.Element; type AlertDialogCancelProps = Omit<Dialog$1.Close.Props, "render"> & Pick<ButtonProps, "variant" | "size"> & { className?: string; }; declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogCancelProps): import("react").JSX.Element; //#endregion //#region src/components/dialog/dialog.d.ts type DialogProps = Dialog$1.Root.Props; declare function Dialog(props: DialogProps): import("react").JSX.Element; type DialogTriggerProps = Dialog$1.Trigger.Props; declare function DialogTrigger(props: DialogTriggerProps): import("react").JSX.Element; type DialogPortalProps = Dialog$1.Portal.Props; declare function DialogPortal(props: DialogPortalProps): import("react").JSX.Element; type DialogOverlayProps = StyledProps<Dialog$1.Backdrop.Props>; declare function DialogOverlay({ className, ...props }: DialogOverlayProps): import("react").JSX.Element; type DialogContentProps = StyledProps<Dialog$1.Popup.Props> & { portalProps?: DialogPortalProps; overlay?: false | DialogOverlayProps; }; declare function DialogContent({ className, children, portalProps, overlay, ...props }: DialogContentProps): import("react").JSX.Element; type DialogCloseProps = Dialog$1.Close.Props & Pick<ButtonProps, "variant" | "size"> & { className?: string; children?: ReactNode; }; declare function DialogClose({ className, variant, size, children, render, ...props }: DialogCloseProps): import("react").JSX.Element; type DialogHeaderProps = ComponentPropsWithRef<"div">; declare function DialogHeader({ className, ...props }: DialogHeaderProps): import("react").JSX.Element; type DialogBodyProps = ComponentPropsWithRef<"div">; declare function DialogBody({ className, ...props }: DialogBodyProps): import("react").JSX.Element; type DialogFooterProps = ComponentPropsWithRef<"div">; declare function DialogFooter({ className, ...props }: DialogFooterProps): import("react").JSX.Element; type DialogTitleProps = StyledProps<Dialog$1.Title.Props>; declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react").JSX.Element; type DialogDescriptionProps = StyledProps<Dialog$1.Description.Props>; declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react").JSX.Element; //#endregion //#region src/components/drawer/drawer.d.ts type DrawerProps = Drawer$1.Root.Props; declare function Drawer({ modal, snapPoints, swipeDirection, ...props }: DrawerProps): import("react").JSX.Element; type DrawerTriggerProps = Drawer$1.Trigger.Props; declare function DrawerTrigger(props: DrawerTriggerProps): import("react").JSX.Element; type DrawerPortalProps = Drawer$1.Portal.Props; declare function DrawerPortal(props: DrawerPortalProps): import("react").JSX.Element; type DrawerOverlayProps = StyledProps<Drawer$1.Backdrop.Props>; declare function DrawerOverlay({ className, ...props }: DrawerOverlayProps): import("react").JSX.Element; type DrawerContentProps = StyledProps<Drawer$1.Popup.Props> & { portalProps?: DrawerPortalProps; }; declare function DrawerContent({ className, children, portalProps, ...props }: DrawerContentProps): import("react").JSX.Element; type DrawerCloseProps = StyledProps<Drawer$1.Close.Props> & Pick<ButtonProps, "variant" | "size">; declare function DrawerClose({ className, variant, size, children, render, ...props }: DrawerCloseProps): import("react").JSX.Element; type DrawerHeaderProps = useRender.ComponentProps<"div">; declare function DrawerHeader({ className, render, ...props }: DrawerHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type DrawerFooterProps = useRender.ComponentProps<"div">; declare function DrawerFooter({ className, render, ...props }: DrawerFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type DrawerBodyProps = useRender.ComponentProps<"div">; declare function DrawerBody({ className, render, ...props }: DrawerBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type DrawerActionsProps = useRender.ComponentProps<"div">; declare function DrawerActions({ className, render, children, ...props }: DrawerActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type DrawerTitleProps = StyledProps<Drawer$1.Title.Props>; declare function DrawerTitle({ className, ...props }: DrawerTitleProps): import("react").JSX.Element; type DrawerDescriptionProps = StyledProps<Drawer$1.Description.Props>; declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): import("react").JSX.Element; //#endregion //#region src/components/card/card.recipe.d.ts declare const card: import("tailwind-variants/lite").TVReturnType<{ theme: { brutal: { leading: string[]; title: string[]; description: string[]; footer: string[]; }; elegant: { leading: string[]; title: string[]; description: string[]; footer: string[]; }; }; variant: { default: {}; inset: {}; }; }, { root: string[]; header: string[]; title: string[]; leading: string[]; description: string[]; trailing: string[]; content: string[]; footer: string[]; }, undefined, { theme: { brutal: { leading: string[]; title: string[]; description: string[]; footer: string[]; }; elegant: { leading: string[]; title: string[]; description: string[]; footer: string[]; }; }; variant: { default: {}; inset: {}; }; }, { root: string[]; header: string[]; title: string[]; leading: string[]; description: string[]; trailing: string[]; content: string[]; footer: string[]; }, import("tailwind-variants/lite").TVReturnTypeLike<{ theme: { brutal: { leading: string[]; title: string[]; description: string[]; footer: string[]; }; elegant: { leading: string[]; title: string[]; description: string[]; footer: string[]; }; }; variant: { default: {}; inset: {}; }; }, { root: string[]; header: string[]; title: string[]; leading: string[]; description: string[]; trailing: string[]; content: string[]; footer: string[]; }>>; //#endregion //#region src/components/card/card.d.ts type CardProps = useRender.ComponentProps<"div"> & Omit<VariantProps<typeof card>, "theme">; declare function Card({ className, render, variant, ...props }: CardProps): import("react").JSX.Element; type CardHeaderProps = useRender.ComponentProps<"div">; declare function CardHeader({ className, render, ...props }: CardHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type CardTitleProps = useRender.ComponentProps<"div">; declare function CardTitle({ className, render, ...props }: CardTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type CardLeadingProps = useRender.ComponentProps<"div">; declare function CardLeading({ className, render, ...props }: CardLeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type CardDescriptionProps = useRender.ComponentProps<"div">; declare function CardDescription({ className, render, ...props }: CardDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type CardTrailingProps = useRender.ComponentProps<"div">; declare function CardTrailing({ className, render, ...props }: CardTrailingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type CardContentProps = useRender.ComponentProps<"div">; declare function CardContent({ className, render, ...props }: CardContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type CardFooterProps = useRender.ComponentProps<"div">; declare function CardFooter({ className, render, ...props }: CardFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; //#endregion //#region src/components/status/status.d.ts declare const status$1: import("tailwind-variants/lite").TVReturnType<{ theme: { brutal: {}; elegant: {}; }; size: { xs: { root: string; }; sm: { root: string; }; md: { root: string; }; lg: { root: string; }; }; pulse: { true: { root: string; }; false: { root: string; }; }; attention: { true: { root: string; }; false: { root: string; }; }; }, undefined, undefined, { theme: { brutal: { root: string; }; elegant: {}; }; variant: { default: { root: string; }; primary: { root: string; }; information: { root: string; }; muted: { root: string; }; accent: { root: string; }; success: { root: string; }; warning: { root: string; }; danger: { root: string; }; }; }, { root: string[]; }, import("tailwind-variants/lite").TVReturnType<{ theme: { brutal: { root: string; }; elegant: {}; }; variant: { default: { root: string; }; primary: { root: string; }; information: { root: string; }; muted: { root: string; }; accent: { root: string; }; success: { root: string; }; warning: { root: string; }; danger: { root: string; }; }; }, { root: string[]; }, undefined, { theme: { brutal: { root: string; }; elegant: {}; }; variant: { default: { root: string; }; primary: { root: string; }; information: { root: string; }; muted: { root: string; }; accent: { root: string; }; success: { root: string; }; warning: { root: string; }; danger: { root: string; }; }; }, { root: string[]; }, import("tailwind-variants/lite").TVReturnTypeLike<{ theme: { brutal: { root: string; }; elegant: {}; }; variant: { default: { root: string; }; primary: { root: string; }; information: { root: string; }; muted: { root: string; }; accent: { root: string; }; success: { root: string; }; warning: { root: string; }; danger: { root: string; }; }; }, { root: string[]; }>>>; type StatusProps = Omit<useRender.ComponentProps<"span">, "children"> & Omit<VariantProps<typeof status$1>, "theme">; declare function StatusRoot({ size, variant, pulse, attention, className, render, ...props }: StatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; declare const Status: typeof StatusRoot; //#endregion //#region src/components/app-rail/app-rail.d.ts type AppRailRootProps = useRender.ComponentProps<"div">; declare function AppRailRoot({ className, render, ...props }: AppRailRootProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type AppRailHeaderProps = useRender.ComponentProps<"div">; declare function AppRailHeader({ className, render, ...props }: AppRailHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type AppRailNavProps = useRender.ComponentProps<"nav">; declare function AppRailNav({ className, render, ...props }: AppRailNavProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type AppRailItemProps = useRender.ComponentProps<"button"> & { nativeButton?: boolean; selected?: boolean; }; declare function AppRailItem({ nativeButton, selected, disabled, className, render, ...props }: AppRailItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type AppRailItemIconProps = useRender.ComponentProps<"span">; declare function AppRailItemIcon({ className, render, ...props }: AppRailItemIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type AppRailItemAttentionProps = { title?: string; children: ReactNode; }; declare function AppRailItemAttention({ title, children }: AppRailItemAttentionProps): import("react").JSX.Element; type AppRailItemAttentionMaskProps = useRender.ComponentProps<"span">; declare function AppRailItemAttentionMask({ className, render, ...props }: AppRailItemAttentionMaskProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type AppRailItemLabelProps = useRender.ComponentProps<"span">; declare function AppRailItemLabel({ className, render, ...props }: AppRailItemLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type AppRailItemBadgeProps = useRender.ComponentProps<"span">; declare function AppRailItemBadge({ className, render, ...props }: AppRailItemBadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type AppRailItemIndicatorProps = StatusProps; declare function AppRailItemIndicator({ className, size, variant, attention, ...props }: AppRailItemIndicatorProps): import("react").JSX.Element; type AppRailFooterProps = useRender.ComponentProps<"div">; declare function AppRailFooter({ className, render, ...props }: AppRailFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; //#endregion //#region src/components/copyable-code/copyable-code.d.ts declare const copyableCode: import("tailwind-variants/lite").TVReturnType<{ theme: { brutal: { code: string[]; codeInner: string; }; elegant: { code: string[]; codeInner: string[]; action: string[]; }; }; size: { sm: { code: string; }; md: { code: string; }; }; }, { root: string[]; code: string[]; codeInner: string[]; action: string[]; iconSwap: string[]; }, undefined, { theme: { brutal: { code: string[]; codeInner: string; }; elegant: { code: string[]; codeInner: string[]; action: string[]; }; }; size: { sm: { code: string; }; md: { code: string; }; }; }, { root: string[]; code: string[]; codeInner: string[]; action: string[]; iconSwap: string[]; }, import("tailwind-variants/lite").TVReturnTypeLike<{ theme: { brutal: { code: string[]; codeInner: string; }; elegant: { code: string[]; codeInner: string[]; action: string[]; }; }; size: { sm: { code: string; }; md: { code: string; }; }; }, { root: string[]; code: string[]; codeInner: string[]; action: string[]; iconSwap: string[]; }>>; type CopyableCodeRootProps = Omit<ComponentPropsWithRef<"div">, "onCopy"> & Pick<VariantProps<typeof copyableCode>, "size"> & { copied?: boolean; onCopy?: (value: string) => void | Promise<void>; }; declare function CopyableCodeRoot({ copied, onCopy, size, className, ...props }: CopyableCodeRootProps): import("react").JSX.Element; type CopyableCodeProps = ComponentPropsWithRef<"code"> & { truncate?: boolean; }; declare function CopyableCode({ children, className, truncate, ...props }: CopyableCodeProps): import("react").JSX.Element; type CopyableCodeActionProps = Omit<ButtonProps, "children" | "className"> & { buttonClassName?: string; className?: string; children?: ReactNode | ((state: { copied: boolean; }) => ReactNode); }; declare function CopyableCodeAction({ children, buttonClassName, className, onClick, size, variant, ...props }: CopyableCodeActionProps): import("react").JSX.Element; //#endregion //#region src/components/checkbox/checkbox.d.ts declare const checkbox: import("tailwind-variants/lite").TVReturnType<{ theme: { brutal: {}; elegant: { root: string[]; graphic: string[]; }; }; variant: { default: {}; primary: {}; }; color: { default: {}; primary: {}; }; size: { sm: { root: string; }; md: { root: string; }; lg: { root: string; }; }; }, { root: string[]; indicator: string[]; graphic: string[]; outerRect: string[]; overlayRect: string[]; mark: string[]; checkMark: string[]; indeterminateMark: string[]; }, undefined, { theme: { brutal: {}; elegant: { root: string[]; graphic: string[]; }; }; variant: { default: {}; primary: {}; }; color: { default: {}; primary: {}; }; size: { sm: { root: string; }; md: { root: string; }; lg: { root: string; }; }; }, { root: string[]; indicator: string[]; graphic: string[]; outerRect: string[]; overlayRect: string[]; mark: string[]; checkMark: string[]; indeterminateMark: string[]; }, import("tailwind-variants/lite").TVReturnTypeLike<{ theme: { brutal: {}; elegant: { root: string[]; graphic: string[]; }; }; variant: { default: {}; primary: {}; }; color: { default: {}; primary: {}; }; size: { sm: { root: string; }; md: { root: string; }; lg: { root: string; }; }; }, { root: string[]; indicator: string[]; graphic: string[]; outerRect: string[]; overlayRect: string[]; mark: string[]; checkMark: string[]; indeterminateMark: string[]; }>>; type CheckboxProps = StyledProps<Checkbox$1.Root.Props> & Omit<VariantProps<typeof checkbox>, "theme"> & { shape?: "square" | "circle"; }; declare function Checkbox({ size, color, variant, shape, className, ...props }: CheckboxProps): import("react").JSX.Element; //#endregion //#region src/components/sidebar/sidebar-menu.d.ts type SidebarMenuProps = useRender.ComponentProps<"button">; declare function SidebarMenu({ className, render, ...props }: SidebarMenuProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarMenuIconProps = useRender.ComponentProps<"span">; declare function SidebarMenuIcon({ className, render, ...props }: SidebarMenuIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarMenuTitleProps = useRender.ComponentProps<"span">; declare function SidebarMenuTitle({ className, render, ...props }: SidebarMenuTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarMenuAsideProps = useRender.ComponentProps<"span">; declare function SidebarMenuAside({ className, render, ...props }: SidebarMenuAsideProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarMenuCountProps = useRender.ComponentProps<"span">; declare function SidebarMenuCount({ className, render, ...props }: SidebarMenuCountProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; //#endregion //#region src/components/sidebar/sidebar-section.d.ts type SidebarSectionProps = Omit<ComponentProps<typeof Collapsible.Root>, "className"> & { className?: string; }; declare function SidebarSection({ className, defaultOpen, render, ...props }: SidebarSectionProps): import("react").JSX.Element; type SidebarListProps = Omit<ComponentProps<typeof Collapsible.Panel>, "className"> & { className?: string; }; declare function SidebarList({ className, render, ...props }: SidebarListProps): import("react").JSX.Element; type SidebarSectionEmptyProps = Omit<ComponentProps<typeof Collapsible.Panel>, "className"> & { className?: string; }; declare function SidebarSectionEmpty({ className, render, ...props }: SidebarSectionEmptyProps): import("react").JSX.Element; type SidebarSectionHeaderProps = useRender.ComponentProps<"div">; declare function SidebarSectionHeader({ className, render, ...props }: SidebarSectionHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarSectionDisclosureProps = useRender.ComponentProps<"button">; declare function SidebarSectionDisclosure({ className, render, ...props }: SidebarSectionDisclosureProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarSectionChevronProps = useRender.ComponentProps<"svg">; declare function SidebarSectionChevron({ className, render, ...props }: SidebarSectionChevronProps): import("react").JSX.Element; type SidebarSectionTitleProps = useRender.ComponentProps<"span">; declare function SidebarSectionTitle({ className, render, ...props }: SidebarSectionTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarSectionCountProps = useRender.ComponentProps<"span">; declare function SidebarSectionCount({ className, render, ...props }: SidebarSectionCountProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarSectionAttentionProps = StatusProps; declare function SidebarSectionAttention({ className, size, variant, ...props }: SidebarSectionAttentionProps): import("react").JSX.Element; type SidebarSectionTrailingProps = useRender.ComponentProps<"div">; type SidebarSectionControlsProps = useRender.ComponentProps<"div">; declare function SidebarSectionTrailing({ className, render, ...props }: SidebarSectionTrailingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; declare function SidebarSectionControls({ className, render, ...props }: SidebarSectionControlsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type SidebarSectionControlProps = useRender.ComponentProps<"button"> & Pick<ButtonProps, "size" | "variant" | "loading" | "loadingLabel">; declare function SidebarSectionControl({ className, render, size, variant, loading, loadingLabel, children, disabled, ...props }: SidebarSectionControlProps): import("react").JSX.Element; type SidebarControlProps = SidebarSectionControlProps; declare const SidebarControl: typeof SidebarSectionControl; //#endregion //#region src/components/conversation-panel/conversation-panel.d.ts type ConversationPanelRootProps = useRender.ComponentProps<"section"> & { edge?: PanelEdge; }; declare function ConversationPanelRoot({ className, edge, render, ...props }: ConversationPanelRootProps): import("react").JSX.Element; type ConversationPanelContentProps = useRender.ComponentProps<"div">; /** * Content region below the conversation header. A single container hosting tabs, * body, and footer; elegant mobile sits flush to the bottom with top radius * and top gap only; desktop keeps the left inset / rounded-tl treatment. */ declare function ConversationPanelContent({ className, render, ...props }: ConversationPanelContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type ConversationPanelBodyProps = useRender.ComponentProps<"div">; declare function ConversationPanelBody({ className, render, ...props }: ConversationPanelBodyProps): import("react").JSX.Element; type ConversationPanelTabsProps = useRender.ComponentProps<"div">; declare function ConversationPanelTabs({ className, render, ...props }: ConversationPanelTabsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type ConversationPanelFooterProps = useRender.ComponentProps<"div">; declare function ConversationPanelFooter({ className, render, ...props }: ConversationPanelFooterProps): import("react").JSX.Element; //#endregion //#region src/components/conversation-panel/conversation-panel-empty-state.d.ts type ConversationPanelEmptyStateProps = useRender.ComponentProps<"div">; declare function ConversationPanelEmptyState({ className, render, ...props }: ConversationPanelEmptyStateProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type ConversationPanelEmptyStateBrandProps = useRender.ComponentProps<"div">; declare function ConversationPanelEmptyStateBrand({ className, render, ...props }: ConversationPanelEmptyStateBrandProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type ConversationPanelEmptyStateBrandMarkProps = useRender.ComponentProps<"div">; declare function ConversationPanelEmptyStateBrandMark({ className, render, ...props }: ConversationPanelEmptyStateBrandMarkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; //#endregion //#region src/components/kbd/kbd.d.ts type KbdProps = ComponentPropsWithRef<"kbd">; declare function Kbd({ className, ...props }: KbdProps): import("react").JSX.Element; type KbdGroupProps = ComponentPropsWithRef<"span">; declare function KbdGroup({ className, ...props }: KbdGroupProps): import("react").JSX.Element; //#endregion //#region src/components/context-menu/context-menu.d.ts type ContextMenuProps = ContextMenu$1.Root.Props; declare function ContextMenu(props: ContextMenuProps): import("react").JSX.Element; type ContextMenuSubmenuProps = ContextMenu$1.SubmenuRoot.Props; declare function ContextMenuSubmenu(props: ContextMenuSubmenuProps): import("react").JSX.Element; type ContextMenuTriggerProps = StyledProps<ContextMenu$1.Trigger.Props>; declare function ContextMenuTrigger({ className, ...props }: ContextMenuTriggerProps): import("react").JSX.Element; type ContextMenuPortalProps = ContextMenu$1.Portal.Props; declare function ContextMenuPortal(props: ContextMenuPortalProps): import("react").JSX.Element; type ContextMenuContentProps = StyledProps<ContextMenu$1.Popup.Props> & Partial<Pick<ContextMenu$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky">> & { portalProps?: ContextMenuPortalProps; }; declare function ContextMenuContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, portalProps, className, ...props }: ContextMenuContentProps): import("react").JSX.Element; type ContextMenuPopupProps = ComponentPropsWithRef<"div">; declare function ContextMenuPopup({ className, ...props }: ContextMenuPopupProps): import("react").JSX.Element; type ContextMenuItemProps = StyledProps<ContextMenu$1.Item.Props>; declare function ContextMenuItem({ className, ...props }: ContextMenuItemProps): import("react").JSX.Element; type ContextMenuItemLabelProps = StyledProps<ComponentPropsWithRef<"span">>; declare function ContextMenuItemLabel({ className, ...props }: ContextMenuItemLabelProps): import("react").JSX.Element; type ContextMenuFooterProps = StyledProps<ComponentPropsWithRef<"div">>; declare function ContextMenuFooter({ className, ...props }: ContextMenuFooterProps): import("react").JSX.Element; type ContextMenuSubmenuTriggerProps = StyledProps<ContextMenu$1.SubmenuTrigger.Props>; declare function ContextMenuSubmenuTrigger({ className, ...props }: ContextMenuSubmenuTriggerProps): import("react").JSX.Element; type ContextMenuLabelProps = StyledProps<ComponentPropsWithRef<"div">>; declare function ContextMenuLabel({ className, ...props }: ContextMenuLabelProps): import("react").JSX.Element; type ContextMenuShortcutProps = KbdProps; declare function ContextMenuShortcut({ className, ...props }: ContextMenuShortcutProps): import("react").JSX.Element; type ContextMenuSeparatorProps = StyledProps<ContextMenu$1.Separator.Props>; declare function ContextMenuSeparator({ className, ...props }: ContextMenuSeparatorProps): import("react").JSX.Element; type ContextMenuRadioGroupProps = StyledProps<ContextMenu$1.RadioGroup.Props>; declare function ContextMenuRadioGroup({ ...props }: ContextMenuRadioGroupProps): import("react").JSX.Element; type ContextMenuRadioItemProps = StyledProps<ContextMenu$1.RadioItem.Props>; declare function ContextMenuRadioItem({ className, children, ...props }: ContextMenuRadioItemProps): import("react").JSX.Element; type ContextMenuRadioItemIndicatorProps = StyledProps<ContextMenu$1.RadioItemIndicator.Props>; declare function ContextMenuRadioItemIndicator({ className, ...props }: ContextMenuRadioItemIndicatorProps): import("react").JSX.Element; type ContextMenuCheckboxItemProps = StyledProps<ContextMenu$1.CheckboxItem.Props>; declare function ContextMenuCheckboxItem({ className, children, ...props }: ContextMenuCheckboxItemProps): import("react").JSX.Element; type ContextMenuCheckboxItemIndicatorProps = StyledProps<ContextMenu$1.CheckboxItemIndicator.Props>; declare function ContextMenuCheckboxItemIndicator({ className, ...props }: ContextMenuCheckboxItemIndicatorProps): import("react").JSX.Element; //#endregion //#region src/components/dropdown-menu/dropdown-menu.d.ts type DropdownMenuProps = Menu.Root.Props; declare function DropdownMenu(props: DropdownMenuProps): import("react").JSX.Element; type DropdownMenuSubmenuProps = Menu.SubmenuRoot.Props; declare function DropdownMenuSubmenu(props: DropdownMenuSubmenuProps): import("react").JSX.Element; type DropdownMenuTriggerProps = StyledProps<Menu.Trigger.Props>; declare function DropdownMenuTrigger({ className, render, ...props }: DropdownMenuTriggerProps): import("react").JSX.Element; type DropdownMenuPortalProps = Menu.Portal.Props; declare function DropdownMenuPortal(props: DropdownMenuPortalProps): import("react").JSX.Element; type DropdownMenuPopupProps = ComponentPropsWithRef<"div">; declare function DropdownMenuPopup({ className, ...props }: DropdownMenuPopupProps): import("react").JSX.Element; type DropdownMenuContentProps = StyledProps<Menu.Popup.Props> & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & { portalProps?: DropdownMenuPortalProps; }; declare function DropdownMenuContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, portalProps, className, ...props }: DropdownMenuContentProps): import("react").JSX.Element; type DropdownMenuItemProps = StyledProps<Menu.Item.Props>; declare function DropdownMenuItem({ className, ...props }: DropdownMenuItemProps): import("react").JSX.Element; type DropdownMenuItemLabelProps = StyledProps<ComponentPropsWithRef<"span">>; declare function DropdownMenuItemLabel({ className, ...props }: DropdownMenuItemLabelProps): import("react").JSX.Element; type DropdownMenuFooterProps = StyledProps<ComponentPropsWithRef<"div">>; declare function DropdownMenuFooter({ className, ...props }: DropdownMenuFooterProps): import("react").JSX.Element; type DropdownMenuSubmenuTriggerProps = StyledProps<Menu.SubmenuTrigger.Props>; declare function DropdownMenuSubmenuTrigger({ className, ...props }: DropdownMenuSubmenuTriggerProps): import("react").JSX.Element; type DropdownMenuLabelProps = StyledProps<ComponentPropsWithRef<"div">>; declare function DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps): import("react").JSX.Element; type DropdownMenuShortcutProps = KbdProps; declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): import("react").JSX.Element; type DropdownMenuItemCountProps = BadgeProps; declare function DropdownMenuItemCount({ className, ...props }: DropdownMenuItemCountProps): import("react").JSX.Element; type DropdownMenuSeparatorProps = StyledProps<Menu.Separator.Props>; declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): import("react").JSX.Element; type DropdownMenuRadioGroupProps = StyledProps<Menu.RadioGroup.Props>; declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): import("react").JSX.Element; type DropdownMenuRadioItemProps = StyledProps<Menu.RadioItem.Props>; declare function DropdownMenuRadioItem({ className, children, ...props }: DropdownMenuRadioItemProps): import("react").JSX.Element; type DropdownMenuRadioItemIndicatorProps = StyledProps<Menu.RadioItemIndicator.Props>; declare function DropdownMenuRadioItemIndicator({ className, ...props }: DropdownMenuRadioItemIndicatorProps): import("react").JSX.Element; type DropdownMenuCheckboxItemProps = StyledProps<Menu.CheckboxItem.Props>; declare function DropdownMenuCheckboxItem({ className, children, ...props }: DropdownMenuCheckboxItemProps): import("react").JSX.Element; type DropdownMenuCheckboxItemIndicatorProps = StyledProps<Menu.CheckboxItemIndicator.Props>; declare function DropdownMenuCheckboxItemIndicator({ className, ...props }: DropdownMenuCheckboxItemIndicatorProps): import("react").JSX.Element; //#endregion //#region src/components/lightbox/lightbox.d.ts type LightboxProps<Payload = unknown> = Omit<Dialog$1.Root.Props<Payload>, "actionsRef" | "children" | "handle"> & { children?: ReactNode; closeOnModW?: boolean; }; declare function Lightbox<Payload = unknown>({ closeOnModW, defaultOpen, modal, onOpenChange, open, children, ...props }: LightboxProps<Payload>): import("react").JSX.Element; type LightboxTriggerProps = Dialog$1.Trigger.Props; declare function LightboxTrigger(props: LightboxTriggerProps): import("react").JSX.Element; type LightboxPortalProps = Dialog$1.Portal.Props; declare function LightboxPortal(props: LightboxPortalProps): import("react").JSX.Element; type LightboxContentProps = StyledProps<Dialog$1.Popup.Props>; declare function LightboxContent({ className, initialFocus, finalFocus, ...props }: LightboxContentProps): import("react").JSX.Element; type LightboxHeaderProps = useRender.ComponentProps<"div">; declare function LightboxHeader({ render, className, ...props }: LightboxHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxToolbarProps = useRender.ComponentProps<"div">; declare function LightboxToolbar({ render, className, ...props }: LightboxToolbarProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxHeaderMetaProps = useRender.ComponentProps<"div">; declare function LightboxHeaderMeta({ render, className, ...props }: LightboxHeaderMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxHeaderLabelProps = useRender.ComponentProps<"span">; declare function LightboxHeaderLabel({ render, className, ...props }: LightboxHeaderLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxTitleProps = useRender.ComponentProps<"div">; declare function LightboxTitle({ render, className, ...props }: LightboxTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxActionsProps = useRender.ComponentProps<"div">; declare function LightboxActions({ render, className, ...props }: LightboxActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxStageProps = useRender.ComponentProps<"div">; declare function LightboxStage({ render, className, ...props }: LightboxStageProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxMediaProps = useRender.ComponentProps<"div">; declare function LightboxMedia({ render, className, ...props }: LightboxMediaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxNavigationButtonProps = Omit<ButtonProps, "disabled" | "loading" | "size" | "variant"> & { direction: "next" | "previous"; disabled?: boolean; }; declare function LightboxNavigationButton({ className, direction, disabled, onClick, type, ...props }: LightboxNavigationButtonProps): import("react").JSX.Element; type LightboxInfoDockProps = useRender.ComponentProps<"div">; declare function LightboxInfoDock({ render, className, ...props }: LightboxInfoDockProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxInfoBarProps = useRender.ComponentProps<"div">; declare function LightboxInfoBar({ render, className, ...props }: LightboxInfoBarProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxInfoTitleProps = useRender.ComponentProps<"div">; declare function LightboxInfoTitle({ render, className, ...props }: LightboxInfoTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxInfoActionsProps = useRender.ComponentProps<"div">; declare function LightboxInfoActions({ render, className, ...props }: LightboxInfoActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxThumbnailStripProps = useRender.ComponentProps<"div">; declare function LightboxThumbnailStrip({ render, className, ...props }: LightboxThumbnailStripProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxThumbnailProps = useRender.ComponentProps<"button"> & { active?: boolean; }; declare function LightboxThumbnail({ active, className, render, type, children, ...props }: LightboxThumbnailProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type LightboxCloseProps = StyledProps<Dialog$1.Close.Props>; declare function LightboxClose({ className, render, ...props }: LightboxCloseProps): import("react").JSX.Element; //#endregion //#region src/components/logo/raft-logo.d.ts type RaftLogoProps = ComponentPropsWithoutRef<"svg">; declare function RaftLogo(props: RaftLogoProps): import("react").JSX.Element; type RaftWordmarkProps = ComponentPropsWithoutRef<"svg">; declare function RaftWordmark(props: RaftWordmarkProps): import("react").JSX.Element; type RaftLogoLockupProps = ComponentPropsWithoutRef<"svg">; declare function RaftLogoLockup(props: RaftLogoLockupProps): import("react").JSX.Element; //#endregion //#region src/components/mobile-nav/mobile-nav.d.ts type MobileNavRootProps = useRender.ComponentProps<"nav">; declare function MobileNavRoot({ className, render, ...props }: MobileNavRootProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type MobileNavItemProps = useRender.ComponentProps<"button"> & { nativeButton?: boolean; selected?: boolean; }; declare function MobileNavItem({ nativeButton, selected, className, render, ...props }: MobileNavItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; type MobileNavLabelProps = useRender.ComponentProps<"span">; declare function MobileNavLabel({ className, render, ...props }: MobileNavLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>; //#endregion //#region src/components/tooltip/tooltip.d.ts type TooltipProviderProps = Tooltip$1.Provider.Props; declare function TooltipProvider({ delay, ...props }: TooltipProviderProps): import("react").JSX.Element; type TooltipProps = Tooltip$1.Root.Props; declare function Tooltip(props: TooltipProps): import("react").JSX.Element; type TooltipTriggerProps = StyledProps<Tooltip$1.Trigger.Props>; declare function TooltipTrigger({ className, ...props }: TooltipTriggerProps): import("react").JSX.Element; type TooltipPortalProps = Tooltip$1.Portal.Props; declare function TooltipPortal(props: TooltipPortalProps): import("react").JSX.Element; type TooltipContentProps = StyledProps<Tooltip$1.Popup.Props> & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & { container?: TooltipPortalProps["container"]; portalProps?: TooltipPortalProps; }; declare function TooltipContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, container, portalProps, className, children, ...props }: TooltipContentProps): import("react").JSX.Element; //#endregion //#region src/components/popover/popover.d.ts type PopoverProps = Popover$1.Root.Props; declare function Popover(props: PopoverProps): import("react").JSX.Element; type PopoverTriggerProps = StyledProps<Popover$1.Trigger.Props>; declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): import("react").JSX.Element; type PopoverPortalProps = Popover$1.Portal.Props; declare function PopoverPortal(props: PopoverPortalProps): import("react").JSX.Element; type PopoverPopupProps = ComponentPropsWithRef<"div">; declare function PopoverPopup({ className, ...props }: PopoverPopupProps): import("react").JSX.Element; type PopoverContentProps = StyledProps<Popover$1.Popup.Props> & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & { container?: PopoverPortalProps["container"]; portalProps?: PopoverPortalProps; }; declare function PopoverContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, container, portalProps, className, ...props }: PopoverContentProps): import("react").JSX.Element; type PopoverViewportProps = StyledProps<Popover$1.Viewport.Props>; declare function PopoverViewport({ className, ...props }: PopoverViewportProps): import("react").JSX.Element; type PopoverHeaderProps = ComponentPropsWithRef<"div">; declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): import("react").JSX.Element; type PopoverSeparatorProps = StyledProps<ComponentPropsWithRef<"div">>; declare function PopoverSeparator({ className, ...props }: PopoverSeparatorProps): import("react").JSX.Element; type PopoverTitleProps = StyledProps<Popover$1.Title.Props>; declare function PopoverTitle({ className, ...props }: PopoverTitleProps): import("react").JSX.Element; type PopoverDescriptionProps = StyledProps<Popover$1.Description.Props>; declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): import("react").JSX.Element; type PopoverCloseProps = StyledProps<Popover$1.Close.Props>; declare function PopoverClose({ className, ...props }: PopoverCloseProps): import("react").JSX.Element; type PopoverArrowProps = StyledProps<Popover$1.Arrow.Props>; declare function PopoverArrow({ className, ...props }: PopoverArrowProps): import("react").JSX.Element; type PopoverBackdropProps = StyledProps<Popover$1.Backdrop.Props>; declare function PopoverBackdrop({ className, ...props }: PopoverBackdropProps): import("react").JSX.Element; //#endregion //#region src/components/preview-card/preview-card.d.ts type PreviewCardProps = PreviewCard$1.Root.Props; de