import * as React from 'react'; import type { PartProps } from '../contracts/components.js'; import { AppShellSidebarToggle } from './AppShell.SidebarToggle.js'; import { AppShellInspectorToggle } from './AppShell.InspectorToggle.js'; import { AppShellController } from './AppShell.Controller.js'; import { parseAppShellCookie } from './parseAppShellCookie.js'; import type { SidebarState, InspectorState } from './appShellStore.js'; export type AppShellRootProps = PartProps<'div'> & { /** Initial sidebar state when uncontrolled. */ defaultSidebar?: SidebarState | undefined; /** Initial inspector state when uncontrolled. */ defaultInspector?: InspectorState | undefined; /** Inline side the sidebar docks to. */ sidebarSide?: 'start' | 'end' | undefined; /** Contract values (AG_ATTRIBUTES data-ag-layout): 'auto' lets the `ag-app-shell` container queries resolve compact/medium/expanded/wide from the shell's own width (REQ-SURF-17); 'desktop'/'mobile' pin the wide/compact geometry (SURF-20). */ layout?: 'auto' | 'desktop' | 'mobile' | undefined; /** When set, sidebar/inspector persist to an `ag-shell-` cookie. */ persistKey?: string | undefined; }; declare function Root({ defaultSidebar, defaultInspector, sidebarSide, layout, persistKey, children, render, ...rest }: AppShellRootProps): React.ReactElement>; declare namespace Root { var displayName: string; } export type AppShellMainProps = PartProps<'main'> & { /** Scroll container for the page; also the skip-link target. Defaults to the owning Root's useId-derived id when Main is a direct child of Root. */ id?: string; }; declare function Main({ id, children, render, ...rest }: AppShellMainProps): React.ReactElement>; declare namespace Main { var displayName: string; } export type AppShellPageHeaderProps = Omit, 'title' | 'content'> & { title: React.ReactNode; eyebrow?: React.ReactNode; description?: React.ReactNode; actions?: React.ReactNode; tabs?: React.ReactNode; /** Heading level for the title (default 1). */ headingLevel?: 1 | 2 | 3 | 4 | 5 | 6; }; declare function PageHeader({ title, eyebrow, description, actions, tabs, headingLevel, children, render, ...rest }: AppShellPageHeaderProps): React.ReactElement>; declare namespace PageHeader { var displayName: string; } export type AppShellSkipLinkProps = PartProps<'a'> & { /** Target of the skip link; defaults to the sibling AppShell.Main id. */ href?: string; }; declare function SkipLink({ href, children, render, ...rest }: AppShellSkipLinkProps): React.ReactElement>; declare namespace SkipLink { var displayName: string; } export declare const AppShell: { Root: typeof Root; Main: typeof Main; PageHeader: typeof PageHeader; SkipLink: typeof SkipLink; SidebarToggle: typeof AppShellSidebarToggle; InspectorToggle: typeof AppShellInspectorToggle; Controller: typeof AppShellController; parseCookie: typeof parseAppShellCookie; }; export type { SidebarState as AppShellSidebarState, InspectorState as AppShellInspectorState, }; export type AppShellMode = NonNullable; //# sourceMappingURL=AppShell.d.ts.map