import { type JsxCustomElementAttributes, type JsxElementProps, type JsxRenderable } from '@ecopages/jsx';
import type { RuiSidebar as RuiSidebarElement, RuiSidebarProps } from './sidebar.script';
import './sidebar.script';
import type { RuiSidebarTrigger as RuiSidebarTriggerElement, RuiSidebarTriggerProps } from './sidebar-trigger.script';
import './sidebar-trigger.script';
export type RuiSidebarProviderProps = JsxElementProps<HTMLDivElement> & {
    /**
     * Layout context. `default` is the standard shell; `full` removes chrome;
     * `docs` stacks a full-width `siteHeader` above the sidebar + inset row.
     */
    layout?: 'default' | 'full' | 'docs';
    /** Full-width chrome rendered above the sidebar row when `layout="docs"`. */
    siteHeader?: JsxRenderable;
    /** Slot for the sidebar element. */
    sidebar?: JsxRenderable;
    /** Slot for the inset (main content). */
    children?: JsxRenderable;
};
/**
 * `<div>` shell that wraps the sidebar and the main inset. Reflects
 * `data-layout` so stylesheets can adapt. Plays the role of
 * `SidebarProvider` from common sidebar kits, but without a runtime context —
 * coordination between trigger, sidebar, and inset is achieved through
 * `id`/`aria-controls` and shared `data-*` attributes.
 *
 * @cssclass rui-sidebar-provider - Shell wrapping sidebar + inset.
 * @cssclass rui-sidebar-provider__site-header - Full-width chrome (`layout="docs"`).
 * @cssclass rui-sidebar-provider__body - Sidebar + inset row.
 */
export declare function RuiSidebarProvider({ layout, siteHeader, sidebar, children, class: className, ...props }: RuiSidebarProviderProps): JsxRenderable;
export type RuiSidebarHeaderProps = JsxElementProps<HTMLDivElement>;
/**
 * Top section of the sidebar pane (logo, search, primary trigger).
 *
 * @cssclass rui-sidebar__header - Top, pinned section.
 */
export declare function RuiSidebarHeader({ children, class: className, ...props }: RuiSidebarHeaderProps): JsxRenderable;
export type RuiSidebarContentProps = JsxElementProps<HTMLDivElement>;
/**
 * Scrollable middle section. Multiple allowed; each becomes its own region.
 *
 * @cssclass rui-sidebar__content - Scrollable middle section.
 */
export declare function RuiSidebarContent({ children, class: className, ...props }: RuiSidebarContentProps): JsxRenderable;
export type RuiSidebarFooterProps = JsxElementProps<HTMLDivElement>;
/**
 * Pinned bottom section (user, theme toggle, settings).
 *
 * @cssclass rui-sidebar__footer - Pinned bottom section.
 */
export declare function RuiSidebarFooter({ children, class: className, ...props }: RuiSidebarFooterProps): JsxRenderable;
export type RuiSidebarSeparatorProps = JsxElementProps<HTMLHRElement>;
/**
 * Horizontal rule between sidebar sections.
 *
 * @cssclass rui-sidebar__separator - Horizontal rule (`role="separator"`).
 */
export declare function RuiSidebarSeparator({ class: className, ...props }: RuiSidebarSeparatorProps): JsxRenderable;
export type RuiSidebarGroupProps = JsxElementProps<HTMLElement>;
/**
 * Landmark group of related sidebar items.
 *
 * @cssclass rui-sidebar__group - Landmark group region.
 */
export declare function RuiSidebarGroup({ children, class: className, ...props }: RuiSidebarGroupProps): JsxRenderable;
export type RuiSidebarGroupLabelProps = JsxElementProps<HTMLHeadingElement>;
/**
 * Heading for a sidebar group.
 *
 * @cssclass rui-sidebar__group-label - Group heading (`<h2>`).
 */
export declare function RuiSidebarGroupLabel({ children, class: className, ...props }: RuiSidebarGroupLabelProps): JsxRenderable;
export type RuiSidebarGroupActionProps = JsxElementProps<HTMLButtonElement>;
/**
 * Top-right action button inside a group header.
 *
 * @cssclass rui-sidebar__group-action - Group header action button.
 */
export declare function RuiSidebarGroupAction({ children, class: className, ...props }: RuiSidebarGroupActionProps): JsxRenderable;
export type RuiSidebarGroupHeaderProps = JsxElementProps<HTMLDivElement> & {
    label: JsxRenderable;
    action?: JsxRenderable;
};
/**
 * Convenience: a label + optional action in one row.
 *
 * @cssclass rui-sidebar__group-header - Group label + action row.
 */
export declare function RuiSidebarGroupHeader({ label, action, class: className, ...props }: RuiSidebarGroupHeaderProps): JsxRenderable;
export type RuiSidebarMenuProps = JsxElementProps<HTMLUListElement>;
/**
 * `<ul>` of sidebar items.
 *
 * @cssclass rui-sidebar__menu - Menu list.
 */
export declare function RuiSidebarMenu({ children, class: className, ...props }: RuiSidebarMenuProps): JsxRenderable;
export type RuiSidebarMenuItemProps = JsxElementProps<HTMLLIElement>;
/**
 * `<li>` of a sidebar menu.
 *
 * @cssclass rui-sidebar__menu-item - Menu item (`<li>`).
 */
export declare function RuiSidebarMenuItem({ children, class: className, ...props }: RuiSidebarMenuItemProps): JsxRenderable;
type RuiSidebarMenuButtonChrome = {
    /** Mark this button as the current page. */
    isActive?: boolean;
    /** Optional tooltip label for collapsed-icon mode. */
    tooltip?: string;
};
export type RuiSidebarMenuButtonControlProps = JsxElementProps<HTMLButtonElement> & RuiSidebarMenuButtonChrome & {
    as?: 'button';
    href?: never;
    type?: 'button' | 'submit' | 'reset';
    disabled?: boolean;
    /** Click handler for `button` mode. Prefer `on:click` on the host. */
    onClick?: (event: Event) => void;
};
export type RuiSidebarMenuButtonLinkProps = JsxElementProps<HTMLAnchorElement> & RuiSidebarMenuButtonChrome & {
    as?: 'a';
    href: string;
};
export type RuiSidebarMenuButtonProps = RuiSidebarMenuButtonControlProps | RuiSidebarMenuButtonLinkProps;
/**
 * The clickable surface inside a `RuiSidebarMenuItem`. When the sidebar
 * collapses to icon mode, only this element remains visible; it must keep an
 * accessible name via `tooltip` or visible children.
 *
 * @cssclass rui-sidebar__menu-button - Clickable menu surface (`<a>`/`<button>`).
 * @cssclass rui-sidebar__menu-button--active - Current-page marker (`aria-current="page"`).
 */
export declare function RuiSidebarMenuButton(props: RuiSidebarMenuButtonProps): JsxRenderable;
export type RuiSidebarMenuActionProps = RuiSidebarMenuButtonProps;
/** Smaller, secondary button (e.g. `+ New`) below a menu or group.
 * @cssclass rui-sidebar__menu-action - Secondary menu action button. */
export declare function RuiSidebarMenuAction(props: RuiSidebarMenuActionProps): JsxRenderable;
export type RuiSidebarInsetProps = JsxElementProps<HTMLElement>;
/**
 * The main content area that sits next to the sidebar.
 *
 * @cssclass rui-sidebar__inset - Main content area (`<main>`).
 */
export declare function RuiSidebarInset({ children, class: className, ...props }: RuiSidebarInsetProps): JsxRenderable;
export type RuiSidebarViewProps = JsxCustomElementAttributes<RuiSidebarElement, RuiSidebarProps & {
    id: string;
}>;
export declare function RuiSidebar({ children, open, label, ...props }: RuiSidebarViewProps): JsxRenderable;
export type RuiSidebarTriggerViewProps = JsxCustomElementAttributes<RuiSidebarTriggerElement, RuiSidebarTriggerProps>;
export declare function RuiSidebarTrigger({ children, class: className, triggerLabel, placement, variant, size, ...props }: RuiSidebarTriggerViewProps): JsxRenderable;
export {};