claritykit-svelte/dist/components/layout/Popover/Popover.svelte.d.ts

A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility

type $$ComponentProps = {
    position?: 'top' | 'right' | 'bottom' | 'left' | 'auto';
    size?: 'sm' | 'md' | 'lg' | 'xl';
    variant?: 'default' | 'menu' | 'dialog';
    trigger?: 'click' | 'hover' | 'focus' | 'manual';
    showDelay?: number;
    hideDelay?: number;
    disabled?: boolean;
    arrow?: boolean;
    closeOnClickOutside?: boolean;
    closeOnEscape?: boolean;
    trapFocus?: boolean;
    class?: string;
    visible?: boolean;
    offset?: number;
    'aria-label'?: string;
    'aria-disabled'?: boolean;
    children?: any;
    content?: any;
    header?: any;
    footer?: any;
};
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
        $$bindings?: Bindings;
    } & Exports;
    (internal: unknown, props: Props & {
        $$events?: Events;
        $$slots?: Slots;
    }): Exports & {
        $set?: any;
        $on?: any;
    };
    z_$$bindings?: Bindings;
}
/**
 * Popover
 *
 * A popover component that displays positioned overlay content with trigger-based visibility control.
 * Essential for Edra bubble menu and other contextual interfaces. Designed with ADHD-friendly
 * interaction patterns and comprehensive accessibility support.
 *
 * @prop {string} [position='auto'] - Popover position (top, right, bottom, left, auto)
 * @prop {string} [size='md'] - Popover size (sm, md, lg, xl)
 * @prop {string} [variant='default'] - Popover variant (default, menu, dialog)
 * @prop {string} [trigger='click'] - Trigger method (click, hover, focus, manual)
 * @prop {number} [showDelay=0] - Delay before showing popover
 * @prop {number} [hideDelay=100] - Delay before hiding popover
 * @prop {boolean} [disabled=false] - Whether the popover is disabled
 * @prop {boolean} [arrow=true] - Whether to show the arrow
 * @prop {boolean} [closeOnClickOutside=true] - Whether to close on outside clicks
 * @prop {boolean} [closeOnEscape=true] - Whether to close on escape key
 * @prop {boolean} [trapFocus=false] - Whether to trap focus (for dialog variant)
 * @prop {string} [className] - Additional CSS classes
 * @prop {boolean} [visible=false] - Manual visibility control (for trigger='manual')
 * @prop {number} [offset=8] - Distance from trigger element
 *
 * @children default - Trigger element
 * @children content - Popover content
 * @children header - Header content (for dialog variant)
 * @children footer - Footer content (for dialog variant)
 *
 * @event show - Fired when popover is shown
 * @event hide - Fired when popover is hidden
 * @event clickOutside - Fired when clicking outside the popover
 */
declare const Popover: $$__sveltets_2_IsomorphicComponent<$$ComponentProps, {
    show: CustomEvent<void>;
    hide: CustomEvent<void>;
    clickOutside: CustomEvent<void>;
} & {
    [evt: string]: CustomEvent<any>;
}, {}, {}, "visible">;
type Popover = InstanceType<typeof Popover>;
export default Popover;
//# sourceMappingURL=Popover.svelte.d.ts.map