@chakra-ui/react/dist/types/components/floating-panel/floating-panel.d.ts

Responsive and accessible React UI components built with React and Emotion

import type { Assign } from "@ark-ui/react";
import { FloatingPanel as ArkFloatingPanel } from "@ark-ui/react/floating-panel";
import { type HTMLChakraProps, type SlotRecipeProps, type UnstyledProp } from "../../styled-system";
declare const useFloatingPanelStyles: () => Record<string, import("../..").SystemStyleObject>;
export { useFloatingPanelStyles };
export interface FloatingPanelRootProviderBaseProps extends Assign<ArkFloatingPanel.RootProviderProps, SlotRecipeProps<"floatingPanel">>, UnstyledProp {
}
export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
    children?: React.ReactNode;
}
export declare const FloatingPanelRootProvider: import("react").FC<FloatingPanelRootProviderProps>;
export interface FloatingPanelRootBaseProps extends Assign<ArkFloatingPanel.RootProps, SlotRecipeProps<"floatingPanel">>, UnstyledProp {
}
export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
    children?: React.ReactNode;
}
export declare const FloatingPanelRoot: import("react").FC<FloatingPanelRootProps>;
export declare const FloatingPanelPropsProvider: React.Provider<FloatingPanelRootBaseProps>;
export interface FloatingPanelTriggerProps extends HTMLChakraProps<"button", ArkFloatingPanel.TriggerBaseProps>, UnstyledProp {
}
export declare const FloatingPanelTrigger: import("react").ForwardRefExoticComponent<FloatingPanelTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface FloatingPanelPositionerProps extends HTMLChakraProps<"div", ArkFloatingPanel.PositionerBaseProps>, UnstyledProp {
}
export declare const FloatingPanelPositioner: import("react").ForwardRefExoticComponent<FloatingPanelPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
export interface FloatingPanelContentProps extends HTMLChakraProps<"div", ArkFloatingPanel.ContentBaseProps>, UnstyledProp {
}
export declare const FloatingPanelContent: import("react").ForwardRefExoticComponent<FloatingPanelContentProps & import("react").RefAttributes<HTMLDivElement>>;
export interface FloatingPanelHeaderProps extends HTMLChakraProps<"div", ArkFloatingPanel.HeaderBaseProps>, UnstyledProp {
}
export declare const FloatingPanelHeader: import("react").ForwardRefExoticComponent<FloatingPanelHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
export interface FloatingPanelBodyProps extends HTMLChakraProps<"div", ArkFloatingPanel.BodyBaseProps>, UnstyledProp {
}
export declare const FloatingPanelBody: import("react").ForwardRefExoticComponent<FloatingPanelBodyProps & import("react").RefAttributes<HTMLDivElement>>;
export interface FloatingPanelTitleProps extends HTMLChakraProps<"div", ArkFloatingPanel.TitleBaseProps>, UnstyledProp {
}
export declare const FloatingPanelTitle: import("react").ForwardRefExoticComponent<FloatingPanelTitleProps & import("react").RefAttributes<HTMLDivElement>>;
export interface FloatingPanelDragTriggerProps extends HTMLChakraProps<"div", ArkFloatingPanel.DragTriggerBaseProps>, UnstyledProp {
}
export declare const FloatingPanelDragTrigger: import("react").ForwardRefExoticComponent<FloatingPanelDragTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
export interface FloatingPanelResizeTriggerProps extends HTMLChakraProps<"div", ArkFloatingPanel.ResizeTriggerBaseProps>, UnstyledProp {
}
export declare const FloatingPanelResizeTrigger: import("react").ForwardRefExoticComponent<FloatingPanelResizeTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
declare const RESIZE_AXES: readonly ["n", "s", "e", "w", "ne", "nw", "se", "sw"];
export interface FloatingPanelResizeTriggersProps extends Omit<FloatingPanelResizeTriggerProps, "axis"> {
    axes?: (typeof RESIZE_AXES)[number][];
}
export declare const FloatingPanelResizeTriggers: (props: FloatingPanelResizeTriggersProps) => import("react/jsx-runtime").JSX.Element;
export interface FloatingPanelStageTriggerProps extends HTMLChakraProps<"button", ArkFloatingPanel.StageTriggerBaseProps>, UnstyledProp {
}
export declare const FloatingPanelStageTrigger: import("react").ForwardRefExoticComponent<FloatingPanelStageTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface FloatingPanelCloseTriggerProps extends HTMLChakraProps<"button", ArkFloatingPanel.CloseTriggerBaseProps>, UnstyledProp {
}
export declare const FloatingPanelCloseTrigger: import("react").ForwardRefExoticComponent<FloatingPanelCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface FloatingPanelControlProps extends HTMLChakraProps<"div", ArkFloatingPanel.ControlBaseProps>, UnstyledProp {
}
export declare const FloatingPanelControl: import("react").ForwardRefExoticComponent<FloatingPanelControlProps & import("react").RefAttributes<HTMLDivElement>>;