import { type Define, type JSXElement } from '@sigx/lynx';
import { type BackgroundValue } from '@sigx/lynx-zero';
export type NavDrawerSide = 'left' | 'right';
export type NavDrawerProps = 
/** Which edge the panel slides in from. Default 'left'. */
Define.Prop<'side', NavDrawerSide, false>
/** Panel surface color. Semantic tokens ('base-100', 'primary', …) apply as
 *  a `bg-<token>` class (the preset compiles it to a resolvable `var()`
 *  rule); raw CSS strings apply inline. Default 'base-100'. */
 & Define.Prop<'background', BackgroundValue, false>
/** Show a separator on the panel's inner edge. Default true. */
 & Define.Prop<'bordered', boolean, false>
/** Dismiss-on-tap scrim over the main content when open. Default true. */
 & Define.Prop<'backdrop', boolean, false>
/** Panel width in pixels. Default 280. */
 & Define.Prop<'width', number, false>
/** Open at mount. Default false. Passthrough to the primitive `<Drawer>`. */
 & Define.Prop<'initialOpen', boolean, false>
/** Drawer panel contents — your menu UI. */
 & Define.Slot<'sidebar'>
/** Main content — usually a `<Stack>` or `<Tabs>`. */
 & Define.Slot<'default'>;
export declare const NavDrawer: import("@sigx/runtime-core").ComponentFactory<NavDrawerProps, void, {
    sidebar?: (() => JSXElement | JSXElement[] | null) | undefined;
} & {
    default?: (() => JSXElement | JSXElement[] | null) | undefined;
}>;
//# sourceMappingURL=NavDrawer.d.ts.map