import type { ResourceListScope } from "../search/index.js";
/** Props for {@link ScopeToggle}. */
export interface ScopeToggleProps {
    /** The currently selected scope. */
    readonly value: ResourceListScope;
    /** Called when the user selects a different scope. */
    readonly onChange: (scope: ResourceListScope) => void;
    /** Disables all interaction. */
    readonly disabled?: boolean;
    /** Additional CSS classes applied to the root element. */
    readonly className?: string;
    /**
     * When true, renders icon-only buttons without text labels.
     * Useful inside space-constrained contexts like picker popovers.
     * Each button retains an accessible `aria-label`.
     */
    readonly compact?: boolean;
}
/**
 * Segmented control for switching resource list scope between
 * organization-only and all (including public community resources).
 *
 * Renders as a WAI-ARIA Radio Group with roving tabindex and
 * arrow-key navigation. Follows the same visual pattern as
 * {@link VisibilitySelector}.
 *
 * The component is controlled — the consumer owns the `value` state
 * and handles persistence (e.g., localStorage).
 *
 * All visual properties flow through `--stgm-*` tokens.
 *
 * @example
 * ```tsx
 * const [scope, setScope] = useState<ResourceListScope>("org");
 *
 * <ScopeToggle value={scope} onChange={setScope} />
 * ```
 *
 * @see {@link ResourceListScope} for the type used by data hooks
 * @see {@link useAgentList}, {@link useSkillList}, {@link useMcpServerList}
 */
export declare function ScopeToggle({ value, onChange, disabled, className, compact, }: ScopeToggleProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ScopeToggle.d.ts.map