export type BottomSheetSize = 'sm' | 'md' | 'lg' | 'xl' | 'full'; import type { Snippet } from 'svelte'; interface BottomSheetProps { id?: string; open?: boolean; title?: string; description?: string; /** Named height preset. Overridden by `maxHeight` when set. */ size?: BottomSheetSize; /** Explicit max-height CSS value (e.g. `60vh`, `480px`). */ maxHeight?: string; /** Max width on large screens (centered). */ maxWidth?: string; closeOnBackdrop?: boolean; closeOnEscape?: boolean; showHandle?: boolean; showClose?: boolean; blurBackdrop?: boolean; /** Drag the handle / header to dismiss. */ draggable?: boolean; /** Pull down past threshold to close. */ pullToClose?: boolean; /** Drag distance (px) required to dismiss. */ dismissOffset?: number; class?: string; children?: Snippet; /** Replaces default title/description block. */ header?: Snippet; /** Right side of the header (next to close). */ actions?: Snippet; footer?: Snippet; onclose?: () => void; } declare const BottomSheet: import("svelte").Component; type BottomSheet = ReturnType; export default BottomSheet;