/** * @usevyre/react — Sheet * * AI CONTEXT: * ┌─────────────────────────────────────────────────────────┐ * │ Components: Sheet + SheetHeader + SheetBody + SheetFooter│ * │ Import: import { Sheet, SheetHeader, SheetBody, │ * │ SheetFooter } from "@usevyre/react" │ * │ │ * │ Sheet props: │ * │ open = boolean (controlled) │ * │ onClose = () => void │ * │ side = "right"(default)|"left"|"top"|"bottom"│ * │ size = "sm"|"md"(default)|"lg"|"full" │ * │ closeOnBackdrop = boolean (default: true) │ * │ closeOnEsc = boolean (default: true) │ * └─────────────────────────────────────────────────────────┘ * * @example * setOpen(false)} side="right"> * *

Settings

*
* *

Sheet content goes here.

*
* * * * *
*/ import React from "react"; import type { BaseProps } from "../../types"; export type SheetSide = "top" | "right" | "bottom" | "left"; export type SheetSize = "sm" | "md" | "lg" | "full"; export interface SheetProps extends BaseProps { open: boolean; onClose: () => void; side?: SheetSide; size?: SheetSize; closeOnBackdrop?: boolean; closeOnEsc?: boolean; children?: React.ReactNode; "aria-label"?: string; "aria-labelledby"?: string; } export declare const Sheet: React.ForwardRefExoticComponent>; export interface SheetSectionProps extends BaseProps { children?: React.ReactNode; } export declare const SheetHeader: React.ForwardRefExoticComponent>; export declare const SheetBody: React.ForwardRefExoticComponent>; export declare const SheetFooter: React.ForwardRefExoticComponent>;