import * as React$1 from "react";
//#region src/inspector/chrome.d.ts
/**
 * Inspector chrome: the shell, the icon rail, the header strip, and the
 * fixed-height key/value rows.
 *
 * The class strings are the workspace inspector's own, so an application
 * built on this package renders that component family rather than something
 * merely similar.
 *
 * Deliberately headless where a component library would otherwise leak: the
 * rail and the tab strip take rendered children, so the host picks its own
 * tabs primitive instead of inheriting one.
 *
 * Record-data slots (title, description, property value) hold caller-supplied
 * values such as case numbers, ECLI identifiers, and filenames. They isolate
 * their own bidi context so a Latin value inside an RTL inspector keeps its
 * character order and truncates from the correct end; chrome slots stay in
 * the surrounding direction. `dir` precedes the prop spread so callers can
 * force a direction. `chrome.test.tsx` pins which slots belong to each group.
 */
/** Outermost inspector surface. Fills the dock; owns no scrolling. */
export declare const Inspector: ({ className, ...props }: React$1.ComponentProps<"aside">) => React$1.JSX.Element;
/**
 * Vertical 48px icon rail. Hidden below the desktop breakpoint, where the
 * pane becomes a full-screen sheet and the rail's affordances move into
 * the header.
 */
export declare const InspectorRail: ({ className, ...props }: React$1.ComponentProps<"nav">) => React$1.JSX.Element;
/** A rail cell: same height as every header strip and property row. */
export declare const InspectorRailCell: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
/** Scroll owner for rail tabs and other middle actions. */
export declare const InspectorRailContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
/** Permanent inline-end action row, normally the new-chat affordance. */
export declare const InspectorRailFooter: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
export declare const InspectorRailIconButton: ({ className, ...props }: React$1.ComponentProps<"button">) => React$1.JSX.Element;
/**
 * A rail tab: one full-width row, bordered like every other rail cell, so
 * the stack reads as boxes in every dock. The active tab carries a 2px spine
 * on the rail's inline-start edge — the same affordance the workspace rail
 * uses to say "this pane is showing that tab".
 */
export declare const InspectorRailTab: ({ active, className, ...props }: React$1.ComponentProps<"button"> & {
  active?: boolean;
}) => React$1.JSX.Element;
/** Header strip. One row tall, bordered below, never scrolls. */
export declare const InspectorHeader: ({ className, ...props }: React$1.ComponentProps<"header">) => React$1.JSX.Element;
export declare const InspectorHeaderText: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
export declare const InspectorTitle: ({ children, className, ...props }: React$1.ComponentProps<"h2">) => React$1.JSX.Element;
export declare const InspectorDescription: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
export declare const InspectorActions: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
/**
 * Scroll owner for the active tab. Exactly one of these is mounted at a
 * time: two nested scrollers inside a 512px pane is how a side panel stops
 * being navigable.
 */
export declare const InspectorContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
export declare const InspectorSection: ({ className, ...props }: React$1.ComponentProps<"section">) => React$1.JSX.Element;
/** Section header. Same row height as the properties beneath it. */
export declare const InspectorSectionTitle: ({ children, className, ...props }: React$1.ComponentProps<"h3">) => React$1.JSX.Element;
export declare const InspectorPropertyList: ({ className, ...props }: React$1.ComponentProps<"dl">) => React$1.JSX.Element;
/**
 * A key/value row.
 *
 * The height is fixed, not a minimum. A row that grows to fit its value
 * breaks the rhythm the rail's cells set, and a column of rows at differing
 * heights stops reading as a scannable list — which is the whole point of
 * the layout. Long values truncate; the full text belongs in a tooltip or
 * an expanded view, not in a taller row.
 */
export declare const InspectorProperty: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
export declare const InspectorPropertyLabel: ({ className, ...props }: React$1.ComponentProps<"dt">) => React$1.JSX.Element;
export declare const InspectorPropertyValue: ({ className, ...props }: React$1.ComponentProps<"dd">) => React$1.JSX.Element;
/** Row-height empty state, so an empty list keeps the list's rhythm. */
export declare const InspectorEmptyRow: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
//#endregion