@als-tp/als-react-ts-ui
Version:
A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation
50 lines • 5.99 kB
TypeScript
import * as React from "react";
import { Popover } from "@base-ui-components/react/popover";
export declare const ALSPopoverRoot: typeof Popover.Root;
export declare const ALSPopoverTrigger: React.ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/utils/types").NativeButtonProps & Omit<import("node_modules/@base-ui-components/react/esm/utils/types").WithBaseUIEvent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">>, "className" | "color" | "defaultValue" | "defaultChecked"> & {
className?: string | ((state: import("@base-ui-components/react/popover").PopoverTriggerState) => string | undefined) | undefined;
render?: React.ReactElement<Record<string, unknown>, string | React.JSXElementConstructor<any>> | import("node_modules/@base-ui-components/react/esm/utils/types").ComponentRenderFn<import("node_modules/@base-ui-components/react/esm/utils/types").HTMLProps<any>, import("@base-ui-components/react/popover").PopoverTriggerState> | undefined;
style?: React.CSSProperties | ((state: import("@base-ui-components/react/popover").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
} & {
nativeButton?: boolean;
handle?: Popover.Handle<unknown> | undefined;
payload?: unknown;
id?: string;
openOnHover?: boolean;
delay?: number;
closeDelay?: number;
} & React.RefAttributes<HTMLButtonElement>>;
export declare const ALSPopoverPortal: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverPortalProps & React.RefAttributes<HTMLDivElement>>;
export declare const ALSPopoverPositioner: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverPositionerProps & React.RefAttributes<HTMLDivElement>>;
export declare const ALSPopoverPopup: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverPopupProps & React.RefAttributes<HTMLDivElement>>;
export declare const ALSPopoverArrow: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverArrowProps & React.RefAttributes<HTMLDivElement>>;
export declare const ALSPopoverTitle: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverTitleProps & React.RefAttributes<HTMLHeadingElement>>;
export declare const ALSPopoverDescription: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
export declare const ALSPopoverClose: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
export declare const ALSPopoverBackdrop: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverBackdropProps & React.RefAttributes<HTMLDivElement>>;
export declare const ALSPopover: {
Root: typeof Popover.Root;
Trigger: React.ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/utils/types").NativeButtonProps & Omit<import("node_modules/@base-ui-components/react/esm/utils/types").WithBaseUIEvent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">>, "className" | "color" | "defaultValue" | "defaultChecked"> & {
className?: string | ((state: import("@base-ui-components/react/popover").PopoverTriggerState) => string | undefined) | undefined;
render?: React.ReactElement<Record<string, unknown>, string | React.JSXElementConstructor<any>> | import("node_modules/@base-ui-components/react/esm/utils/types").ComponentRenderFn<import("node_modules/@base-ui-components/react/esm/utils/types").HTMLProps<any>, import("@base-ui-components/react/popover").PopoverTriggerState> | undefined;
style?: React.CSSProperties | ((state: import("@base-ui-components/react/popover").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
} & {
nativeButton?: boolean;
handle?: Popover.Handle<unknown> | undefined;
payload?: unknown;
id?: string;
openOnHover?: boolean;
delay?: number;
closeDelay?: number;
} & React.RefAttributes<HTMLButtonElement>>;
Portal: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverPortalProps & React.RefAttributes<HTMLDivElement>>;
Positioner: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverPositionerProps & React.RefAttributes<HTMLDivElement>>;
Popup: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverPopupProps & React.RefAttributes<HTMLDivElement>>;
Arrow: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverArrowProps & React.RefAttributes<HTMLDivElement>>;
Title: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverTitleProps & React.RefAttributes<HTMLHeadingElement>>;
Description: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
Close: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
Backdrop: React.ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverBackdropProps & React.RefAttributes<HTMLDivElement>>;
};
export type { PopoverRootProps as ALSPopoverRootProps, PopoverTriggerProps as ALSPopoverTriggerProps, PopoverPortalProps as ALSPopoverPortalProps, PopoverPositionerProps as ALSPopoverPositionerProps, PopoverPopupProps as ALSPopoverPopupProps, PopoverArrowProps as ALSPopoverArrowProps, PopoverTitleProps as ALSPopoverTitleProps, PopoverDescriptionProps as ALSPopoverDescriptionProps, PopoverCloseProps as ALSPopoverCloseProps, PopoverBackdropProps as ALSPopoverBackdropProps, } from "@base-ui-components/react/popover";
//# sourceMappingURL=index.d.ts.map