@fortanix/baklava 1.0.0-beta-20241114

package/dist/baklava.d.ts

@@ -0,0 +1,752 @@
+import { Argument } from 'classnames';
+import * as React_2 from 'react';
+import { ToastContainerProps } from 'react-toastify';
+import { ToastContent } from 'react-toastify';
+import { ToastOptions as ToastOptions_2 } from 'react-toastify';
+
+export declare const AccountSelector: (props: AccountSelectorProps) => React_2.JSX.Element;
+
+declare type AccountSelectorProps = Omit<ComponentProps<typeof Button>, 'label'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+};
+
+declare type ActionProps = React_2.PropsWithChildren<ComponentProps<typeof Button> & {
+    /** A unique identifier for this action. */
+    itemKey: OptionKey_2;
+    /** The human-readable label to be shown. */
+    label: string;
+    /** The icon to be displayed (if any). */
+    icon?: undefined | IconName;
+    /** The event handler for when the user activates this action. */
+    onActivate: (context: DropdownMenuContext) => void;
+}>;
+
+/**
+ * Alert component.
+ */
+export declare const Alert: (props: AlertProps) => React_2.JSX.Element;
+
+declare type AlertProps = React_2.PropsWithChildren<ComponentProps<typeof Panel> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    kind: 'info' | 'warning' | 'error' | 'success';
+}>;
+
+/**
+ * AppLayout component.
+ */
+export declare const AppLayout: (props: AppLayoutProps) => React_2.JSX.Element;
+
+declare type AppLayoutProps = React_2.PropsWithChildren<ComponentProps<'div'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+/**
+ * A banner component, similar to a toast.
+ */
+export declare const Banner: (props: BannerProps) => React_2.JSX.Element | null;
+
+declare type BannerProps = React_2.PropsWithChildren<ComponentProps<'div'> & {
+    /**
+     * Whether the component should include the default styling. Defaults to false.
+     */
+    unstyled?: undefined | boolean;
+    /**
+     * Which variant to display, which changes the color and left icon. Defaults to "informational".
+     */
+    variant?: undefined | 'informational' | 'success' | 'warning' | 'alert';
+    /**
+     * The message to displayed on the banner. Mandatory.
+     */
+    title: string;
+    /**
+     * A sub message to be displayed next to the title. Optional.
+     */
+    subtitle?: undefined | string;
+    /**
+     * Whether the banner can be closed. Optional. Defaults to false.
+     */
+    closeButton?: boolean;
+    /**
+     * Any additional actions to be shown in the banner, such as a button.
+     */
+    actions?: undefined | React_2.ReactNode;
+}>;
+
+declare type BreadcrumbItem = ComponentProps<'li'> & {
+    title: string;
+    href: string;
+};
+
+/**
+ * A breadcrumbs component
+ */
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => React_2.JSX.Element;
+
+declare type BreadcrumbsProps = React_2.PropsWithChildren<ComponentProps<'nav'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** The routing informations */
+    items: BreadcrumbItem[];
+    /** Whether the last breadcrumb item has slash or not. */
+    hasTrailingSlash?: boolean;
+}>;
+
+/**
+ * Button component.
+ */
+export declare const Button: (props: ButtonProps) => React_2.JSX.Element;
+
+/**
+ * Button, but with the appearance of a link.
+ */
+export declare const ButtonAsLink: (props: ButtonAsLinkProps) => React_2.JSX.Element;
+
+declare type ButtonAsLinkProps = React_2.PropsWithChildren<ComponentProps<'button'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    size?: NonNullable<LinkProps['size']>;
+    label?: NonNullable<LinkProps['label']>;
+    onPress?: NonNullable<ButtonProps['onPress']>;
+}>;
+
+declare type ButtonProps = React_2.PropsWithChildren<Omit<ComponentProps<'button'>, 'type'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /**
+     * The label of the button. Additional UI elements may be added, e.g. a loading indicator. If full control over
+     * the button content is desired, use `children` instead, this overrides the `label`.
+     */
+    label?: undefined | string;
+    /** What variant the button is, from higher prominance to lower. */
+    variant?: undefined | 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Whether the button is in "nonactive" state. This is a variant of `disabled`, but instead of completely graying
+     * out the button, it only becomes a muted variation of the button's appearance. When true, also implies `disabled`.
+     */
+    nonactive?: undefined | boolean;
+    /** Time (in ms) after which async actions will trigger a failure */
+    asyncTimeout?: number;
+    /** Event handler for button press events. */
+    onPress?: undefined | (() => void | Promise<void>);
+}>;
+
+/**
+ * Card component, a container similar to a panel but smaller and usually used in a list or grid.
+ */
+export declare const Card: ((props: CardProps) => React_2.JSX.Element) & {
+    Heading: (props: CardHeadingProps) => React_2.JSX.Element;
+};
+
+declare type CardHeadingProps = React_2.PropsWithChildren<ComponentProps<typeof H5>>;
+
+declare type CardProps = React_2.PropsWithChildren<ComponentProps<'section'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+/**
+ * A simple Checkbox control, just the &lt;input type="checkbox"&gt; and nothing else..
+ */
+export declare const Checkbox: (props: CheckboxProps) => React_2.JSX.Element;
+
+declare type CheckboxProps = ComponentProps<'input'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** Whether the checkbox is in indeterminate state (minus sign) */
+    indeterminate?: undefined | boolean;
+};
+
+declare type ComponentProps<T extends React.ElementType> = Omit<React.ComponentPropsWithRef<T>, 'className'> & {
+    className?: undefined | Argument;
+};
+
+declare type Decoration = ({
+    type: 'background-circle';
+});
+
+/**
+ * Dialog component.
+ */
+export declare const Dialog: ({ children, unstyled, className, active, onClose }: DialogProps) => React_2.JSX.Element;
+
+declare type DialogProps = React_2.PropsWithChildren<{
+    unstyled?: boolean;
+    active: boolean;
+    className?: Argument;
+    onClose: () => void;
+}>;
+
+/**
+ * Dropdown menu with a list of selectable options.
+ */
+export declare const DropdownMenu: ((props: DropdownMenuProps) => React_2.JSX.Element) & {
+    Action: (props: ActionProps) => React_2.JSX.Element;
+    Option: (props: OptionProps_2) => React_2.JSX.Element;
+};
+
+declare type DropdownMenuContext = {
+    optionProps?: undefined | ((optionState: OptionState) => Record<string, unknown>);
+    selectedOption: null | OptionKey_2;
+    selectOption: (option: OptionDef) => void;
+    close: () => void;
+};
+
+declare const DropdownMenuContext: React_2.Context<DropdownMenuContext | null>;
+
+declare type DropdownMenuProps = React_2.PropsWithChildren<ComponentProps<'ul'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+/**
+ * Top-level form wrapper component.
+ */
+export declare const Form: (props: FormProps) => React_2.JSX.Element;
+
+/**
+ * Standard vertical form layout.
+ */
+export declare const FormLayout: (props: FormLayoutProps) => React_2.JSX.Element;
+
+declare type FormLayoutProps = React_2.PropsWithChildren<ComponentProps<'div'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+declare type FormProps = React_2.PropsWithChildren<ComponentProps<'form'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** Whether this form should be nestable (i.e. can contain other `<form>` elements). */
+    nestable?: undefined | boolean;
+}>;
+
+declare type GetReferenceProps = (userProps?: undefined | React_2.HTMLProps<Element>) => Record<string, unknown>;
+
+declare const H4: ({ unstyled, ...props }: H4Props) => React_2.JSX.Element;
+
+declare type H4Props = React_2.PropsWithChildren<ComponentProps<'h4'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+declare const H5: ({ unstyled, ...props }: H5Props) => React_2.JSX.Element;
+
+declare type H5Props = React_2.PropsWithChildren<ComponentProps<'h5'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+/**
+ * Header component (for app layout).
+ */
+export declare const Header: ({ children, unstyled, ...propsRest }: HeaderProps) => React_2.JSX.Element;
+
+declare type HeaderProps = React_2.PropsWithChildren<ComponentProps<'header'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+export declare const Icon: ({ unstyled, icon, color, decoration, ...props }: IconProps) => React_2.JSX.Element;
+
+declare type IconName = keyof typeof icons;
+
+declare type IconProps = React_2.PropsWithChildren<ComponentProps<'svg'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: boolean;
+    /** The name of the icon to display */
+    icon: IconName;
+    /** The color to apply to the icon */
+    color?: undefined | string;
+    /** Visual decoration to apply */
+    decoration?: undefined | Decoration;
+}>;
+
+declare const icons: {
+    readonly accounts: {};
+    readonly alert: {};
+    readonly apps: {};
+    readonly assessment: {};
+    readonly 'audit-log': {};
+    readonly authentication: {};
+    readonly calendar: {};
+    readonly 'caret-down': {};
+    readonly check: {};
+    readonly 'cloud-accounts': {};
+    readonly copy: {};
+    readonly cross: {};
+    readonly dashboard: {};
+    readonly dataverse: {};
+    readonly delete: {};
+    readonly docs: {};
+    readonly download: {};
+    readonly 'edit-params': {};
+    readonly edit: {};
+    readonly email: {};
+    readonly eye: {};
+    readonly file: {};
+    readonly 'file-error': {};
+    readonly 'fortanix-ki': {};
+    readonly folder: {};
+    readonly graph: {};
+    readonly groups: {};
+    readonly hide: {};
+    readonly home: {};
+    readonly iam: {};
+    readonly info: {};
+    readonly infrastructure: {};
+    readonly integrations: {};
+    readonly 'key-link': {};
+    readonly key: {};
+    readonly 'no-login': {};
+    readonly 'page-forward': {};
+    readonly plugins: {};
+    readonly policy: {};
+    readonly print: {};
+    readonly scripts: {};
+    readonly search: {};
+    readonly 'security-object': {};
+    readonly services: {};
+    readonly settings: {};
+    readonly solutions: {};
+    readonly success: {};
+    readonly tasks: {};
+    readonly 'user-profile': {};
+    readonly user: {};
+    readonly warning: {};
+    readonly workflows: {};
+};
+
+/**
+ * Input control.
+ */
+export declare const Input: ({ unstyled, type, ...propsRest }: InputProps) => React_2.JSX.Element;
+
+/**
+ * Input field.
+ */
+export declare const InputField: (props: InputFieldProps) => React_2.JSX.Element;
+
+declare type InputFieldProps = ComponentProps<'input'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** Label for the input. */
+    label?: undefined | React_2.ReactNode;
+    /** Props for the `<label>` element, if `label` is defined. */
+    labelProps?: undefined | ComponentProps<'label'>;
+    /** Props for the wrapper element. */
+    wrapperProps?: undefined | ComponentProps<'div'>;
+};
+
+declare type InputProps = Omit<ComponentProps<'input'>, 'type'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** The type of the input. */
+    type?: undefined | Exclude<ComponentProps<'input'>['type'], 'button' | 'submit' | 'reset'>;
+};
+
+/**
+ * Link component.
+ */
+export declare const Link: (props: LinkProps) => React_2.JSX.Element;
+
+/**
+ * Link component, but with the appearance of a button.
+ */
+export declare const LinkAsButton: (props: LinkAsButtonProps) => React_2.JSX.Element;
+
+/**
+ * A link, but with the visual appearance of a button.
+ */
+declare type LinkAsButtonProps = React_2.PropsWithChildren<ComponentProps<'a'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    label?: NonNullable<LinkProps['label']>;
+    variant?: NonNullable<ButtonProps['variant']>;
+    nonactive?: NonNullable<ButtonProps['nonactive']>;
+    disabled?: NonNullable<ButtonProps['disabled']>;
+}>;
+
+declare type LinkProps = React_2.PropsWithChildren<ComponentProps<'a'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    size?: 'small' | 'medium';
+    /**
+     * The label of the link. Additional UI elements may be added, e.g. a loading indicator. If full control over
+     * the link content is desired, use `children` instead, this overrides the `label`.
+     */
+    label?: undefined | string;
+}>;
+
+/**
+ * Logo component.
+ */
+export declare const Logo: ({ ...propsRest }: LogoProps) => React_2.JSX.Element;
+
+declare type LogoProps = React_2.PropsWithChildren<ComponentProps<'figure'>>;
+
+/**
+ * Modal component.
+ */
+export declare const Modal: {
+    ({ children, unstyled, className, size, closeable, active, onClose, }: ModalProps): React_2.JSX.Element;
+    Content: ({ children, unstyled, className }: ModalContentProps) => React_2.JSX.Element;
+    Header: ({ children, unstyled, className }: ModalHeaderProps) => React_2.JSX.Element;
+    Footer: ({ children, unstyled, className }: ModalFooterProps) => React_2.JSX.Element;
+};
+
+declare type ModalContentProps = React_2.PropsWithChildren<{
+    unstyled?: boolean;
+    className?: Argument;
+}>;
+
+declare type ModalFooterProps = React_2.PropsWithChildren<{
+    unstyled?: boolean;
+    className?: Argument;
+}>;
+
+declare type ModalHeaderProps = React_2.PropsWithChildren<{
+    unstyled?: boolean;
+    className?: Argument;
+}>;
+
+declare type ModalProps = React_2.PropsWithChildren<{
+    unstyled?: boolean;
+    size?: 'small' | 'medium' | 'large' | 'x-large' | 'fullscreen';
+    active: boolean;
+    className?: Argument;
+    onClose: () => void;
+    closeable?: boolean;
+}>;
+
+/**
+ * Nav component.
+ */
+export declare const Nav: (({ unstyled, children, className, ...propsRest }: NavProps) => React_2.JSX.Element) & {
+    NavItem: (props: NavItemProps) => React_2.JSX.Element;
+};
+
+declare type NavItemProps = React_2.PropsWithChildren<ComponentProps<'li'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    href?: undefined | string;
+    icon?: undefined | IconName;
+    label?: undefined | string;
+    active?: undefined | boolean;
+}>;
+
+declare type NavProps = React_2.PropsWithChildren<ComponentProps<'nav'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+declare type NotifyProps = {
+    /** A title of this component. */
+    title: string | React_2.ReactNode;
+    /** A message of this component. */
+    message?: ToastContent;
+    /** Options of this component. */
+    options?: ToastOptions;
+};
+
+/**
+ * Form control to select an item from a list of options through a dropdown.
+ */
+declare const Option_2: (props: OptionProps) => React_2.JSX.Element;
+
+declare type OptionDef = {
+    optionKey: OptionKey_2;
+    label: string;
+};
+
+declare type OptionKey = string;
+
+declare type OptionKey_2 = string;
+
+declare type OptionProps = React_2.PropsWithChildren<ComponentProps<typeof Button> & {
+    /** A unique identifier for this option. */
+    optionKey: OptionKey;
+    /** The human-readable label to be shown. */
+    label: string;
+}>;
+
+declare type OptionProps_2 = React_2.PropsWithChildren<ComponentProps<typeof Button> & {
+    /** A unique identifier for this option. */
+    optionKey: OptionKey_2;
+    /** The human-readable label to be shown. */
+    label: string;
+    /** The icon to be displayed (if any) */
+    icon?: undefined | IconName;
+}>;
+
+declare type OptionState = {
+    option: OptionDef;
+    selected: boolean;
+};
+
+/**
+ * Panel component.
+ */
+export declare const Panel: ((props: PanelProps) => React_2.JSX.Element) & {
+    Heading: (props: PanelHeadingProps) => React_2.JSX.Element;
+};
+
+declare type PanelHeadingProps = React_2.PropsWithChildren<ComponentProps<typeof H4>>;
+
+declare type PanelProps = React_2.PropsWithChildren<ComponentProps<'section'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+/**
+ * A way to display progress to complete a task or the time remaining.
+ */
+export declare const ProgressBar: (props: ProgressBarProps) => React_2.JSX.Element;
+
+declare type ProgressBarProps = React_2.PropsWithChildren<ComponentProps<'progress'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** The progress it should be displaying as in percent, ranging from 0 to 100. */
+    progress: number;
+    /** An optional label, displayed as the progress bar title. */
+    label?: undefined | string;
+    /** An optional hint text, displayed after the progress bar. */
+    hintText?: undefined | string;
+}>;
+
+export declare const PropertyList: (({ unstyled, ...propsRest }: PropertyListProps) => React_2.JSX.Element) & {
+    Property: ({ unstyled, label, value, fullWidth, ...propsRest }: PropertyProps) => React_2.JSX.Element;
+};
+
+declare type PropertyListProps = React_2.PropsWithChildren<ComponentProps<'dl'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+declare type PropertyProps = ComponentProps<'div'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** The label of the property */
+    label: React_2.ReactNode;
+    /** The value of the property */
+    value: React_2.ReactNode;
+    /** Whether this property should take up all available space */
+    fullWidth?: boolean;
+};
+
+/**
+ * Set of buttons to switch between various options.
+ */
+export declare const SegmentedControl: (props: SegmentedControlProps) => React_2.JSX.Element;
+
+declare type SegmentedControlProps = React_2.PropsWithChildren<ComponentProps<'ul'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** What options segmented control has */
+    options: Array<string> | Array<SegmentedOption>;
+    /** What default option segmented control has */
+    defaultValue: string;
+    /** Whether segmented control is disabled or not */
+    disabled?: boolean;
+    /** Event handler for segmented-control button change events. */
+    onChange?: (option: string) => void;
+}>;
+
+declare type SegmentedOption = {
+    label: string;
+    value: string;
+    className?: string;
+};
+
+/**
+ * Form control to select an item from a dropdown of options.
+ */
+export declare const Select: ((props: SelectProps) => React_2.JSX.Element) & {
+    Option: (props: OptionProps) => React_2.JSX.Element;
+};
+
+declare type SelectProps = ComponentProps<typeof Button> & {
+    children: React_2.ReactElement<typeof Option_2> | Array<React_2.ReactElement<typeof Option_2>>;
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** Whether the select control can be searched by typing in the input. */
+    searchable?: undefined | boolean;
+};
+
+/**
+ * Sidebar component (for app layout).
+ */
+export declare const Sidebar: ({ children, unstyled, ...propsRest }: SidebarProps) => React_2.JSX.Element;
+
+declare type SidebarProps = React_2.PropsWithChildren<ComponentProps<'aside'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+}>;
+
+export declare const SolutionSelector: (props: SolutionSelectorProps) => React_2.JSX.Element;
+
+declare type SolutionSelectorProps = Omit<ComponentProps<typeof Button>, 'label'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+};
+
+export declare const Spinner: ({ inline, size, ...props }: SpinnerProps) => React_2.JSX.Element;
+
+declare type SpinnerProps = React_2.PropsWithChildren<ComponentProps<'div'> & {
+    /**
+     * If the spinner should be inline. Optional parameter. Defaults to false.
+     */
+    inline?: undefined | boolean;
+    /**
+     * The size of spinner. Optional parameter. Can be "small", "medium" or "large". Defaults to "small".
+     */
+    size?: undefined | 'large' | 'medium' | 'small';
+}>;
+
+declare type Step = {
+    stepKey: string;
+    title: React_2.ReactNode;
+    className?: Argument;
+    hide?: boolean;
+    isOptional?: boolean;
+};
+
+/**
+ * A stepper component
+ */
+export declare const Stepper: (props: StepperProps) => React_2.JSX.Element;
+
+declare type StepperDirection = 'vertical' | 'horizontal';
+
+declare type StepperKey = Step['stepKey'];
+
+declare type StepperProps = React_2.PropsWithChildren<ComponentProps<'ul'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** Step items. */
+    steps: Step[];
+    /** Active key of step. */
+    activeKey?: string;
+    /** Whether this component should be displayed vertically or horizontally. */
+    direction?: StepperDirection;
+    /** Callback executed when active step is changed. */
+    onSwitch: (stepKey: StepperKey) => void;
+}>;
+
+/**
+ * Button to submit the current form.
+ */
+export declare const SubmitButton: (props: SubmitButtonProps) => React_2.JSX.Element;
+
+declare type SubmitButtonProps = ComponentProps<typeof Button> & {
+    /** Time (in ms) after which async actions will trigger a failure */
+    asyncTimeout?: number;
+    /** Event handler for button press events. */
+    onPress?: undefined | (() => void | Promise<void>);
+};
+
+export declare const Tab: ({ children }: TabProps) => React_2.ReactElement;
+
+declare type TabKey = string;
+
+declare type TabProps = ComponentProps<'div'> & {
+    children?: undefined | React_2.ReactNode;
+    tabKey: string;
+    title: React_2.ReactNode;
+    hide?: boolean;
+    render?: () => React_2.ReactNode;
+};
+
+/**
+ * A tab component
+ */
+export declare const Tabs: (props: TabsProps) => React_2.JSX.Element;
+
+declare type TabsProps = React_2.PropsWithChildren<ComponentProps<'div'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** Active key of tab. */
+    activeKey?: string;
+    /** Callback executed when active tab is changed. */
+    onSwitch: (tabKey: TabKey) => void;
+}>;
+
+export { ToastContent }
+
+export declare const ToastMessage: (props: NotifyProps) => React_2.ReactElement;
+
+declare type ToastOptions = Omit<ToastOptions_2, 'bodyClassName'> & {
+    className?: Argument;
+    bodyClassName?: Argument;
+    actions?: React_2.ReactElement;
+};
+
+export declare const ToastProvider: (props: ToastProviderProps) => React_2.JSX.Element;
+
+declare type ToastProviderProps = Omit<ToastContainerProps, 'className'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** A classname of this component. */
+    className?: Argument;
+    /** Whether this component should have a close button. */
+    hasCloseButton?: boolean;
+    /** Whether this component should display progress bar. */
+    showProgressBar?: boolean;
+    /** Components or elements to be rendered within the Provider. */
+    children: React_2.ReactNode;
+};
+
+/**
+ * A tooltip. Used by `TooltipProvider` to display a tooltip popover.
+ */
+export declare const Tooltip: ({ unstyled, size, ...propsRest }: TooltipProps) => React_2.JSX.Element;
+
+declare type TooltipProps = React_2.PropsWithChildren<ComponentProps<'div'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** Whether you want the component to have a fixed width. If unset, it will have dynamic size. */
+    size?: undefined | TooltipSize;
+}>;
+
+/**
+ * Provider around an anchor element to attach a tooltip popover.
+ */
+export declare const TooltipProvider: (props: TooltipProviderProps) => React_2.JSX.Element;
+
+declare type TooltipProviderProps = Omit<TooltipProps, 'children'> & {
+    /**
+     * The content to render, which should contain the anchor. This should be a render prop which takes props to
+     * apply on the anchor element. Alternatively, a single element can be provided to which the props are applied.
+     */
+    children?: ((getReferenceProps: GetReferenceProps) => React_2.ReactNode) | React_2.ReactNode;
+    /**
+     * The tooltip message. If nullish, the tooltip will not be shown at all. This is useful in case the tooltip should
+     * be shown conditionally.
+     */
+    tooltip?: null | React_2.ReactNode;
+    /** Where to show the tooltip relative to the anchor. */
+    placement?: undefined | 'top' | 'bottom' | 'left' | 'right';
+    /** Enable more precise tracking of the anchor, at the cost of performance. */
+    enablePreciseTracking?: undefined | boolean;
+    /** A custom boundary to use to determine overflow of the tooltip. */
+    boundary?: undefined | Element;
+    /** Callback that is invoked when the tooltip gets activated. */
+    onTooltipActivated?: () => void;
+    /** Callback that is invoked when the tooltip gets deactivated. */
+    onTooltipDeactivated?: () => void;
+};
+
+declare type TooltipSize = 'small' | 'medium' | 'large';
+
+export declare const UserMenu: (props: UserMenuProps) => React_2.JSX.Element;
+
+declare type UserMenuProps = Omit<ComponentProps<typeof Button>, 'label'> & {
+    /** Whether this component should be unstyled. */
+    unstyled?: undefined | boolean;
+    /** The user's name */
+    userName?: undefined | string;
+};
+
+export { }